Steps to replicate the issue (include links if applicable):
- Open a page such as https://en.wikipedia.org/wiki/Characters_of_the_Uncharted_series
What happens?: The arrows to indicate dropdowns are hiding.
What should have happened instead?: Need a color flip.
The element shouldn't be subject to a CSS invert like other icons. Likely needs a not selector.
Derived Requirement
Ensure that the table of contents arrows are visible and correctly styled in dark mode on the desktop.
BDD
Feature: Table of Contents Arrows Visibility in Dark Mode
Scenario: Ensure arrows in the table of contents are visible in dark mode
Given a user is viewing a Wikipedia page in dark mode on desktop When the user expands or collapses sections in the table of contents Then the arrows should be visible and correctly styled
Test Steps
Test Case 1: Ensure TOC Arrows are Visible in Dark Mode
- Visit a page on beta. For PROD in dark mode
- Switch to dark mode.
- Expand and collapse sections in the table of contents.
- AC1: Confirm that the arrows are visible and styled correctly in dark mode.
QA Results - Beta
AC | Status | Details |
---|---|---|
1 | ✅ | T365951#9885251 |