3) [Mobile Firefox] › src/css/test/typography/a11y/typography.e2e.ts:40:9 › typography: a11y - md/ltr/dark › should not have accessibility violations for anchor tags Error: expect(received).toEqual(expected) // deep equality - Expected - 1 + Received + 66 - Array [] + Array [ + Object { + "description": "Ensure the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds", + "help": "Elements must meet minimum color contrast ratio thresholds", + "helpUrl": "https://dequeuniversity.com/rules/axe/4.11/color-contrast?application=playwright", + "id": "color-contrast", + "impact": "serious", + "nodes": Array [ + Object { + "all": Array [], + "any": Array [ + Object { + "data": Object { + "bgColor": "#121212", + "contrastRatio": 3.07, + "expectedContrastRatio": "4.5:1", + "fgColor": "#0054e9", + "fontSize": "12.0pt (16px)", + "fontWeight": "normal", + "messageKey": null, + }, + "id": "color-contrast", + "impact": "serious", + "message": "Element has insufficient color contrast of 3.07 (foreground color: #0054e9, background color: #121212, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1", + "relatedNodes": Array [ + Object { + "html": "<body> + + <main> + <a href=\"#\">Link</a> + </main> + + + + </body>", + "target": Array [ + "body", + ], + }, + ], + }, + ], + "failureSummary": "Fix any of the following: + Element has insufficient color contrast of 3.07 (foreground color: #0054e9, background color: #121212, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1", + "html": "<a href=\"#\">Link</a>", + "impact": "serious", + "none": Array [], + "target": Array [ + "a", + ], + }, + ], + "tags": Array [ + "cat.color", + "wcag2aa", + "wcag143", + "TTv5", + "TT13.c", + "EN-301-549", + "EN-9.1.4.3", + "ACT", + "RGAAv4", + "RGAA-3.2.1", + ], + }, + ] 54 | const results = await new AxeBuilder({ page }).analyze(); 55 | > 56 | expect(results.violations).toEqual([]); | ^ 57 | }); 58 | }); 59 | }); at /ionic/src/css/test/typography/a11y/typography.e2e.ts:56:34

[Mobile Firefox] › src/css/test/typography/a11y/typography.e2e.ts:40:9 › typography: a11y - ios/ltr/dark › should not have accessibility violations for anchor tags: src/css/test/typography/a11y/typography.e2e.ts#L56

2) [Mobile Firefox] › src/css/test/typography/a11y/typography.e2e.ts:40:9 › typography: a11y - ios/ltr/dark › should not have accessibility violations for anchor tags Error: expect(received).toEqual(expected) // deep equality - Expected - 1 + Received + 66 - Array [] + Array [ + Object { + "description": "Ensure the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds", + "help": "Elements must meet minimum color contrast ratio thresholds", + "helpUrl": "https://dequeuniversity.com/rules/axe/4.11/color-contrast?application=playwright", + "id": "color-contrast", + "impact": "serious", + "nodes": Array [ + Object { + "all": Array [], + "any": Array [ + Object { + "data": Object { + "bgColor": "#000000", + "contrastRatio": 3.44, + "expectedContrastRatio": "4.5:1", + "fgColor": "#0054e9", + "fontSize": "12.0pt (16px)", + "fontWeight": "normal", + "messageKey": null, + }, + "id": "color-contrast", + "impact": "serious", + "message": "Element has insufficient color contrast of 3.44 (foreground color: #0054e9, background color: #000000, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1", + "relatedNodes": Array [ + Object { + "html": "<body> + + <main> + <a href=\"#\">Link</a> + </main> + + + + </body>", + "target": Array [ + "body", + ], + }, + ], + }, + ], + "failureSummary": "Fix any of the following: + Element has insufficient color contrast of 3.44 (foreground color: #0054e9, background color: #000000, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1", + "html": "<a href=\"#\">Link</a>", + "impact": "serious", + "none": Array [], + "target": Array [ + "a", + ], + }, + ], + "tags": Array [ + "cat.color", + "wcag2aa", + "wcag143", + "TTv5", + "TT13.c", + "EN-301-549", + "EN-9.1.4.3", + "ACT", + "RGAAv4", + "RGAA-3.2.1", + ], + }, + ] 54 | const results = await new AxeBuilder({ page }).analyze(); 55 | > 56 | expect(results.violations).toEqual([]); | ^ 57 | }); 58 | }); 59 | }); at /ionic/src/css/test/typography/a11y/typography.e2e.ts:56:34

[Mobile Firefox] › src/components/toolbar/test/colors/toolbar.e2e.ts:9:9 › toolbar: colors - md/ltr › should not have visual regressions: src/components/toolbar/test/colors/toolbar.e2e.ts#L14

1) [Mobile Firefox] › src/components/toolbar/test/colors/toolbar.e2e.ts:9:9 › toolbar: colors - md/ltr › should not have visual regressions Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) failed 1577 pixels (ratio 0.01 of all image pixels) are different. Snapshot: toolbar-colors-md-ltr.png Call log: - Expect "toHaveScreenshot(toolbar-colors-md-ltr.png)" with timeout 5000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 1577 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 1577 pixels (ratio 0.01 of all image pixels) are different. 12 | await page.setIonViewport(); 13 | > 14 | await expect(page).toHaveScreenshot(screenshot(`toolbar-colors`)); | ^ 15 | }); 16 | }); 17 | }); at /ionic/src/components/toolbar/test/colors/toolbar.e2e.ts:14:26

1) [Mobile Firefox] › src/components/toolbar/test/colors/toolbar.e2e.ts:9:9 › toolbar: colors - md/ltr › should not have visual regressions Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) failed 1577 pixels (ratio 0.01 of all image pixels) are different. Snapshot: toolbar-colors-md-ltr.png Call log: - Expect "toHaveScreenshot(toolbar-colors-md-ltr.png)" with timeout 5000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 1577 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 1577 pixels (ratio 0.01 of all image pixels) are different. 12 | await page.setIonViewport(); 13 | > 14 | await expect(page).toHaveScreenshot(screenshot(`toolbar-colors`)); | ^ 15 | }); 16 | }); 17 | }); at /ionic/src/components/toolbar/test/colors/toolbar.e2e.ts:14:26

1) [Mobile Firefox] › src/components/toolbar/test/colors/toolbar.e2e.ts:9:9 › toolbar: colors - md/ltr › should not have visual regressions Error: expect(page).toHaveScreenshot(expected) failed 1577 pixels (ratio 0.01 of all image pixels) are different. Snapshot: toolbar-colors-md-ltr.png Call log: - Expect "toHaveScreenshot(toolbar-colors-md-ltr.png)" with timeout 5000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 1577 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 1577 pixels (ratio 0.01 of all image pixels) are different. 12 | await page.setIonViewport(); 13 | > 14 | await expect(page).toHaveScreenshot(screenshot(`toolbar-colors`)); | ^ 15 | }); 16 | }); 17 | }); at /ionic/src/components/toolbar/test/colors/toolbar.e2e.ts:14:26

test-core-screenshot (1, 20)

The strategy configuration was canceled because "test-core-screenshot._7_20" failed

test-core-screenshot (1, 20)