E2E Defect: contrast.spec.ts:57:7 modal text has sufficient contrast in dark theme #51

New Issue

santhoshj · 2026-02-14T02:03:54Z

santhoshj commented

2026-02-14 02:03:54 +00:00

Automated regression reported this failure from Playwright artifacts.

Defect Details

Case key: contrast.spec.ts:57:7 modal text has sufficient contrast in dark theme
Suite: capabilities\accessibility\contrast.spec.ts
Test: Color Contrast Across Themes › modal text has sufficient contrast in dark theme
Failure frequency: 7

Error Message

[desktop-chrome] › capabilities\accessibility\contrast.spec.ts:57:7 › Color Contrast Across Themes › modal text has sufficient contrast in dark theme       Error: locator.elementHandle: Error: strict mode violation: locator('[role="dialog"][aria-modal="true"]:has-text("TL;DR")').locator('.modal-body-text') resolved to 2 elements:         1) <ul class="list-disc pl-5 space-y-1 text-sm modal-body-text" x-show="!modalTldrLoading && modalItem?.tldr_points && modalItem.tldr_points.length > 0">…</ul> aka locator('ul')         2) <p class="text-sm leading-relaxed modal-body-text" x-text="modalItem?.summary_body || modalItem?.summary || ''">Multiple surveys confirm that more than half of G…</p> aka getByText('Multiple surveys confirm that')      Call log:       - waiting for locator('[role="dialog"][aria-modal="true"]:has-text("TL;DR")').locator('.modal-body-text')          at fixtures\accessibility.ts:57        55 | 			};       56 | 		},

Evidence (Screenshots/Error Context)

e2e/test-results/capabilities-accessibility-26de3-ient-contrast-in-dark-theme-desktop-chrome\test-failed-1.png
e2e/test-results/capabilities-accessibility-26de3-ient-contrast-in-dark-theme-desktop-chrome\error-context.md

Root Cause Analysis

Selector ambiguity: locator matches multiple dialogs (article summary and policy modal) causing strict-mode failures.

Automated regression reported this failure from Playwright artifacts. ## Defect Details - Case key: `contrast.spec.ts:57:7 modal text has sufficient contrast in dark theme` - Suite: `capabilities\accessibility\contrast.spec.ts` - Test: `Color Contrast Across Themes › modal text has sufficient contrast in dark theme` - Failure frequency: 7 ## Error Message ```text [desktop-chrome] › capabilities\accessibility\contrast.spec.ts:57:7 › Color Contrast Across Themes › modal text has sufficient contrast in dark theme Error: locator.elementHandle: Error: strict mode violation: locator('[role="dialog"][aria-modal="true"]:has-text("TL;DR")').locator('.modal-body-text') resolved to 2 elements: 1) <ul class="list-disc pl-5 space-y-1 text-sm modal-body-text" x-show="!modalTldrLoading && modalItem?.tldr_points && modalItem.tldr_points.length > 0">…</ul> aka locator('ul') 2) <p class="text-sm leading-relaxed modal-body-text" x-text="modalItem?.summary_body || modalItem?.summary || ''">Multiple surveys confirm that more than half of G…</p> aka getByText('Multiple surveys confirm that') Call log: - waiting for locator('[role="dialog"][aria-modal="true"]:has-text("TL;DR")').locator('.modal-body-text') at fixtures\accessibility.ts:57 55 | }; 56 | }, ``` ## Evidence (Screenshots/Error Context) - `e2e/test-results/capabilities-accessibility-26de3-ient-contrast-in-dark-theme-desktop-chrome\test-failed-1.png` - `e2e/test-results/capabilities-accessibility-26de3-ient-contrast-in-dark-theme-desktop-chrome\error-context.md` ## Root Cause Analysis Selector ambiguity: locator matches multiple dialogs (article summary and policy modal) causing strict-mode failures.

Sign in to join this conversation.

1 Participants

Notifications

Due Date

No due date set.

Dependencies

No dependencies set.

Reference: santhoshj/clawfort#51