Test Result - Prod (#1 of 15)

Status: ✅ PASS
Environment: Prod
OS: macOS Sonoma
Browser: Chrome
Device: MBA
Emulated Device: NA

Test Artifact(s):

Test Steps

Test Case 1: User Authentication and Management

1. Login/Logout
2. Account Creation
3. Password Reset
4. Preferences
5. ✅ AC1: There are no dark mode related issues.

a	✅
b	✅
c	✅
d	✅

Test Result - Prod (#2 of 15)

Status: ❌ FAIL
Environment: Prod
OS: macOS Sonoma
Browser: Chrome
Device: MBA
Emulated Device: NA

Test Artifact(s):

Test Steps

Test Case 2: Content Management

1. Creating, editing, and deleting pages.
2. Page history and revision control.
3. Wiki markup and visual editor.
4. Verify content readability and correct display.
5. ❌❓ AC2: Content is readable and correctly displayed in dark mode.

a	❌	The version notice sometimes appears different, for example in the VE screenshots in TestCase 2 (AC2)
b	❌	This impacts all of the similar disabled buttons in VE
c	❌
d	❌
e	❌
f	❌
g	❌
h	❌
i	❌
j	❌
k	❌
l	❌
m	❌
n	❌
o	❌
p	❌
q	❌
r	❓
s	❓
t	❌
u	❌
v	❌
w	❌

Test Result - Prod (#3 of 15)

Status: ❌ FAIL
Environment: Prod
OS: macOS Sonoma
Browser: Chrome
Device: MBA
Emulated Device: NA

Test Artifact(s):

Test Steps

Test Case 3: Navigation and Search

1. Main page, category, and special pages navigation.
2. Search functionality.
3. Check visibility and usability of navigation menus and search bar.
4. Verify appearance and functionality of navigation menus, sidebars, and dropdowns.
5. Ensure hover and active states are distinguishable.
6. Test collapsible navigation elements.
7. ❌AC3: Navigation elements are visible and usable, with no visual issues in dark mode.

a	❌
b	❌
c	✅
d	✅
e	❌
f	✅

Test Result - Prod (#4 of 15)

Status: ❌ FAIL
Environment: Prod
OS: macOS Sonoma
Browser: Chrome
Device: MBA
Emulated Device: NA

Test Artifact(s):

Test Steps

Test Case 4: Media Handling

1. Uploading and managing images, videos, and other files.
2. File versioning and metadata.
3. Ensure media display correctly.
4. ❌AC4: Media files are displayed correctly and are not obscured in dark mode.

a	❌	The text is also not white on white so it doesn't show up. Here it is highlighted. //
b	❌
c	❌
d	❌
e	❌	The text is also not white on white so it doesn't show up. Here it is highlighted.
f	❌
g	❌
h	❌
i	❌
j	❌

I stopped at this point, this page is not dark mode on enwiki so I wasn't sure if I should continue. Ultimately a number of the license types get similar errors.

This issue is unrelated to dark mode. A few of the license types have odd strings appear similar to this. This isn't the case on enwiki

k	❓

Test Result - Prod (#5 of 15)

Status: ❌ FAIL / ❓ Need More Info
Environment: Prod
OS: macOS Sonoma
Browser: Chrome
Device: MBA
Emulated Device: NA

Test Artifact(s):

Test Steps

Test Case 5: Discussion and Collaboration

1. Talk pages and discussion threads.
2. Notifications and watchlist.
3. Test display and readability of notifications and discussion threads.
4. ❌AC5: Notifications and discussion threads are readable and correctly displayed.

a	❌
b	❌

Not much here, Watchlists, and it appears the notification popup are excluded from dark mode. There are some WCAG issues on the notifications but those are the same in light mode. Here they are for reference.

c	❓
d	❓

Test Result - Prod (#6 of 15)

Status: ❌ FAIL
Environment: Prod
OS: macOS Sonoma
Browser: Chrome
Device: MBA
Emulated Device: NA

Test Artifact(s):

Test Steps

Test Case 6: Language

1. ❌ AC6: Dark mode is applied consistently in the ULS.

a	❌
b	❌
c	❌

Test Result - Prod (#7 of 15)

Status: ❌ FAIL
Environment: Prod
OS: macOS Sonoma
Browser: Chrome
Device: MBA
Emulated Device: NA

Test Artifact(s):

Test Steps

Test Case 7: Visual Consistency

1. Check appearance of text, links, buttons, and other UI elements.
2. Verify color contrasts and readability.
3. ❌ AC7: Text and UI elements are visually consistent and readable.

a	❌
b	❌
c	❌

Test Result - Prod (#8 of 15)

Status: ✅ PASS
Environment: Prod
OS: macOS Sonoma
Browser: Chrome
Device: MBA
Emulated Device: NA

Test Artifact(s):

Test Steps

Test Case 8: Content Display

1. Ensure images, videos, and other media display correctly.
2. Check for visual artifacts or misalignment.
3. ✅AC8: Content is displayed correctly with no visual artifacts.

Test Result - Prod (#9 of 15)

Status: ✅ PASS
Environment: Prod
OS: macOS Sonoma
Browser: Chrome
Device: MBA
Emulated Device: NA

Test Artifact(s):

Test Steps

Test Case 9: Forms and Inputs

1. Test input fields, text areas, checkboxes, radio buttons, and other form elements.
2. Verify placeholder text visibility and overall form usability.
3. ✅AC9: Forms and inputs are usable and visible in dark mode.

Test Result - Prod (#10 of 15)

Status: ❌ FAIL
Environment: Prod
OS: macOS Sonoma
Browser: Chrome
Device: MBA
Emulated Device: NA

Test Artifact(s):

Test Steps

Test Case 10: Notifications and Messages

1. Check display of notifications, alerts, and error messages.
2. Ensure readability and distinguishability from the background.
3. ❌AC10: Notifications and messages are readable and distinguishable.

a	❌

Test Result - Prod (#11 of 15)

Status: ✅ PASS
Environment: Prod
OS: macOS Sonoma
Browser: Chrome
Device: MBA
Emulated Device: NA

Test Artifact(s):

Test Steps

Test Case 11: User Settings

1. Ensure users can easily find and change the dark mode setting in their preferences.
2. Test if dark mode respects user system settings (if applicable).
3. ✅AC11: Dark mode settings are easily accessible and respected.

Test Result - Prod (#12 of 15)

Status: ✅ PASS
Environment: Prod
OS: macOS Sonoma
Browser: Chrome
Device: MBA
Emulated Device: NA

Test Artifact(s):

Test Steps

Test Case 12: User Profile

1. User profile page and related functionality.
2. ✅AC12: User profile page displays correctly in dark mode.

Test Result - Prod (#13 of 15)

Status: ❌ FAIL
Environment: Prod
OS: macOS Sonoma
Browser: Chrome
Device: MBA
Emulated Device: NA

Test Artifact(s):

Test Steps

Test Case 13: User Links

1. User tools links in the top navigation (e.g., "My Talk", "Preferences").

2.❌AC13: User links are visible and functional in dark mode.

a

❌

Test Result - Prod (#14 of 15)

Status: ❌ FAIL
Environment: Prod
OS: macOS Sonoma
Browser: Chrome
Device: MBA
Emulated Device: NA

Test Artifact(s):

Test Steps

Test Case 14: Infoboxes

1. Ensure Infoboxes render correctly in dark mode.
2. Check for visual consistency and readability of text within Infoboxes.
3. Verify that borders, backgrounds, and other styling elements are properly adapted to dark mode.
4. Ensure all content within Infoboxes (text, images, links) is visible and legible.
5. Test any interactive elements within Infoboxes, such as collapsible sections or links.
6. Verify consistent styling and rendering of Infoboxes across different pages and namespaces.
7. ❌AC14: Infoboxes are correctly rendered and visually consistent in dark mode.

a	❌
b	❌
c	❌

Test Result - Prod (#15 of 15)

Status: ❌ FAIL
Environment: Prod
OS: macOS Sonoma
Browser: Chrome
Device: MBA
Emulated Device: NA

Test Artifact(s):

Test Steps

Test Case 15: Miscellaneous

1. ❌AC15: User profile page displays correctly in dark mode.

a	❌
b	❌
c	❌

From T363780#9844863

❌❓ AC2: Content is readable and correctly displayed in dark mode.

a

• Opened https://phabricator.wikimedia.org/T366335
• Fixed the noarticle text box and added to https://www.mediawiki.org/wiki/Recommendations_for_night_mode_compatibility_on_Wikimedia_wikis#Templates_/_Modules

b, c, d, f, g, l, r, u

• This is tracked in T366197 and can be QAed as part of that task.

e, h
Fixed on wiki and added to https://www.mediawiki.org/wiki/Recommendations_for_night_mode_compatibility_on_Wikimedia_wikis#Templates_/_Modules

g, i, j, n
Issues with editor. Now tracked in T366336

k:
On wiki issue. Out of scope for team.

m, o, p
These seem like false positives to me.

q:
Opened T366337

t:
This is T365280

v:
This is T365089

w:
This is T363878

From T363780#9845054

2.❌AC13: User links are visible and functional in dark mode.

Tracked in T365580

From T363780#9844963

❌ AC6: Dark mode is applied consistently in the ULS.

Tracked in T365990

From T363780#9845044

❌AC10: Notifications and messages are readable and distinguishable.

All of these are covered by T364798.

From T363780#9845081

❌AC14: Infoboxes are correctly rendered and visually consistent in dark mode.

These are all out of scope for web team and we need to defer to editors to fix these sort of problems.
(I did personally fix the cricket example on wiki https://en.wikipedia.org/w/index.php?title=Template%3ACricket_sidebar&diff=1226520938&oldid=1183270385 in volunteer capacity)

From T363780#9845011

❌ AC7: Text and UI elements are visually consistent and readable.

The coordinates icon likely needs replacing. I left a comment on the associated talk page: https://en.wikipedia.org/w/index.php?title=Template_talk%3ACoord&oldid=1226522348#c-Jdlrobson-20240531045500-Template_is_not_compatible_with_night_mode

The Wiktionary logo is already covered in T365622

Thanks for flagging the help icon - I opened T366358.

From T363780#9844869

❌AC3: Navigation elements are visible and usable, with no visual issues in dark mode.

a: Also an issue in the light theme, so out of scope for web team. Must be fixed on wiki.
b: Tracked in T365990
e: False positive

From T363780#9844909

❌AC4: Media files are displayed correctly and are not obscured in dark mode.

a: This is now fixed.
b: Tracked in T361717
c,d: Out of scope.
e,f,g,h,i,j,k: Out of scope, but added example https://www.mediawiki.org/wiki/Recommendations_for_night_mode_compatibility_on_Wikimedia_wikis#Templates_/_Modules

From T363780#9844936

❌AC5: Notifications and discussion threads are readable and correctly displayed.

a,b: To be reassessed in T365383
c,d: Tracked in T366322

From T363780#9845083

❌AC15: User profile page displays correctly in dark mode.

a: Tracked in T365383
b: Good catch! Opened T366362
c: No longer appears to be a problem.