4) [Mobile Safari] › src/components/toast/test/a11y/toast.e2e.ts:265:11 › toast: high contrast: buttons - ios/ltr/high-contrast › should pass AAA guidelines Error: expect(received).toEqual(expected) // deep equality - Expected - 1 + Received + 99 - Array [] + Array [ + Object { + "description": "Ensure the contrast between foreground and background colors meets WCAG 2 AAA enhanced contrast ratio thresholds", + "help": "Elements must meet enhanced color contrast ratio thresholds", + "helpUrl": "https://dequeuniversity.com/rules/axe/4.11/color-contrast-enhanced?application=playwright", + "id": "color-contrast-enhanced", + "impact": "serious", + "nodes": Array [ + Object { + "all": Array [], + "any": Array [ + Object { + "data": Object { + "bgColor": "#f2f2f2", + "contrastRatio": 5.44, + "expectedContrastRatio": "7:1", + "fgColor": "#0054e9", + "fontSize": "12.8pt (17px)", + "fontWeight": "normal", + "messageKey": null, + }, + "id": "color-contrast-enhanced", + "impact": "serious", + "message": "Element has insufficient color contrast of 5.44 (foreground color: #0054e9, background color: #f2f2f2, font size: 12.8pt (17px), font weight: normal). Expected contrast ratio of 7:1", + "relatedNodes": Array [ + Object { + "html": "<div class=\"toast-wrapper toast-bottom toast-layout-baseline\">", + "target": Array [ + Array [ + "#ion-overlay-1", + ".toast-wrapper", + ], + ], + }, + ], + }, + ], + "failureSummary": "Fix any of the following: + Element has insufficient color contrast of 5.44 (foreground color: #0054e9, background color: #f2f2f2, font size: 12.8pt (17px), font weight: normal). Expected contrast ratio of 7:1", + "html": "<div class=\"toast-button-inner\">Cancel</div>", + "impact": "serious", + "none": Array [], + "target": Array [ + Array [ + "#ion-overlay-1", + ".toast-button-cancel > .toast-button-inner", + ], + ], + }, + Object { + "all": Array [], + "any": Array [ + Object { + "data": Object { + "bgColor": "#f2f2f2", + "contrastRatio": 5.44, + "expectedContrastRatio": "7:1", + "fgColor": "#0054e9", + "fontSize": "12.8pt (17px)", + "fontWeight": "normal", + "messageKey": null, + }, + "id": "color-contrast-enhanced", + "impact": "serious", + "message": "Element has insufficient color contrast of 5.44 (foreground color: #0054e9, background color: #f2f2f2, font size: 12.8pt (17px), font weight: normal). Expected contrast ratio of 7:1", + "relatedNodes": Array [ + Object { + "html": "<div class=\"toast-wrapper toast-bottom toast-layout-baseline\">", + "target": Array [ + Array [ + "#ion-overlay-1", + ".toast-wrapper", + ], + ], + }, + ], + }, + ], + "failureSummary": "Fix any of the following: + Element has insufficient color contrast of 5.44 (foreground color: #0054e9, background color: #f2f2f2, font size: 12.8pt (17px), font weight: normal). Expected contrast ratio of 7:1", + "html"

3) [Mobile Safari] › src/components/toast/test/a11y/toast.e2e.ts:256:11 › toast: high contrast: buttons - ios/ltr/high-contrast › should not have visual regressions Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(locator).toHaveScreenshot(expected) failed Locator: locator('ion-toast').locator('.toast-wrapper') 84 pixels (ratio 0.01 of all image pixels) are different. Snapshot: toast-high-contrast-buttons-ios-ltr-high-contrast.png Call log: - Expect "toHaveScreenshot(toast-high-contrast-buttons-ios-ltr-high-contrast.png)" with timeout 5000ms - verifying given screenshot expectation - waiting for locator('ion-toast').locator('.toast-wrapper') - locator resolved to <div class="toast-wrapper toast-bottom toast-layout-baseline">…</div> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - 84 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('ion-toast').locator('.toast-wrapper') - locator resolved to <div class="toast-wrapper toast-bottom toast-layout-baseline">…</div> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - captured a stable screenshot - 84 pixels (ratio 0.01 of all image pixels) are different. 260 | 261 | const toastWrapper = toast.locator('.toast-wrapper'); > 262 | await expect(toastWrapper).toHaveScreenshot(screenshot(`toast-high-contrast-buttons`)); | ^ 263 | }); 264 | 265 | test('should pass AAA guidelines', async ({ page }) => { at /ionic/src/components/toast/test/a11y/toast.e2e.ts:262:36

3) [Mobile Safari] › src/components/toast/test/a11y/toast.e2e.ts:256:11 › toast: high contrast: buttons - ios/ltr/high-contrast › should not have visual regressions Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(locator).toHaveScreenshot(expected) failed Locator: locator('ion-toast').locator('.toast-wrapper') 84 pixels (ratio 0.01 of all image pixels) are different. Snapshot: toast-high-contrast-buttons-ios-ltr-high-contrast.png Call log: - Expect "toHaveScreenshot(toast-high-contrast-buttons-ios-ltr-high-contrast.png)" with timeout 5000ms - verifying given screenshot expectation - waiting for locator('ion-toast').locator('.toast-wrapper') - locator resolved to <div class="toast-wrapper toast-bottom toast-layout-baseline">…</div> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - 84 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('ion-toast').locator('.toast-wrapper') - locator resolved to <div class="toast-wrapper toast-bottom toast-layout-baseline">…</div> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - captured a stable screenshot - 84 pixels (ratio 0.01 of all image pixels) are different. 260 | 261 | const toastWrapper = toast.locator('.toast-wrapper'); > 262 | await expect(toastWrapper).toHaveScreenshot(screenshot(`toast-high-contrast-buttons`)); | ^ 263 | }); 264 | 265 | test('should pass AAA guidelines', async ({ page }) => { at /ionic/src/components/toast/test/a11y/toast.e2e.ts:262:36

3) [Mobile Safari] › src/components/toast/test/a11y/toast.e2e.ts:256:11 › toast: high contrast: buttons - ios/ltr/high-contrast › should not have visual regressions Error: expect(locator).toHaveScreenshot(expected) failed Locator: locator('ion-toast').locator('.toast-wrapper') 84 pixels (ratio 0.01 of all image pixels) are different. Snapshot: toast-high-contrast-buttons-ios-ltr-high-contrast.png Call log: - Expect "toHaveScreenshot(toast-high-contrast-buttons-ios-ltr-high-contrast.png)" with timeout 5000ms - verifying given screenshot expectation - waiting for locator('ion-toast').locator('.toast-wrapper') - locator resolved to <div class="toast-wrapper toast-bottom toast-layout-baseline">…</div> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - 84 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('ion-toast').locator('.toast-wrapper') - locator resolved to <div class="toast-wrapper toast-bottom toast-layout-baseline">…</div> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - captured a stable screenshot - 84 pixels (ratio 0.01 of all image pixels) are different. 260 | 261 | const toastWrapper = toast.locator('.toast-wrapper'); > 262 | await expect(toastWrapper).toHaveScreenshot(screenshot(`toast-high-contrast-buttons`)); | ^ 263 | }); 264 | 265 | test('should pass AAA guidelines', async ({ page }) => { at /ionic/src/components/toast/test/a11y/toast.e2e.ts:262:36

2) [Mobile Safari] › src/components/toast/test/a11y/toast.e2e.ts:265:11 › toast: high contrast: buttons - ios/ltr/high-contrast-dark › should pass AAA guidelines Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(received).toEqual(expected) // deep equality - Expected - 1 + Received + 99 - Array [] + Array [ + Object { + "description": "Ensure the contrast between foreground and background colors meets WCAG 2 AAA enhanced contrast ratio thresholds", + "help": "Elements must meet enhanced color contrast ratio thresholds", + "helpUrl": "https://dequeuniversity.com/rules/axe/4.11/color-contrast-enhanced?application=playwright", + "id": "color-contrast-enhanced", + "impact": "serious", + "nodes": Array [ + Object { + "all": Array [], + "any": Array [ + Object { + "data": Object { + "bgColor": "#f2f2f2", + "contrastRatio": 5.44, + "expectedContrastRatio": "7:1", + "fgColor": "#0054e9", + "fontSize": "12.8pt (17px)", + "fontWeight": "normal", + "messageKey": null, + }, + "id": "color-contrast-enhanced", + "impact": "serious", + "message": "Element has insufficient color contrast of 5.44 (foreground color: #0054e9, background color: #f2f2f2, font size: 12.8pt (17px), font weight: normal). Expected contrast ratio of 7:1", + "relatedNodes": Array [ + Object { + "html": "<div class=\"toast-wrapper toast-bottom toast-layout-baseline\">", + "target": Array [ + Array [ + "#ion-overlay-1", + ".toast-wrapper", + ], + ], + }, + ], + }, + ], + "failureSummary": "Fix any of the following: + Element has insufficient color contrast of 5.44 (foreground color: #0054e9, background color: #f2f2f2, font size: 12.8pt (17px), font weight: normal). Expected contrast ratio of 7:1", + "html": "<div class=\"toast-button-inner\">Cancel</div>", + "impact": "serious", + "none": Array [], + "target": Array [ + Array [ + "#ion-overlay-1", + ".toast-button-cancel > .toast-button-inner", + ], + ], + }, + Object { + "all": Array [], + "any": Array [ + Object { + "data": Object { + "bgColor": "#f2f2f2", + "contrastRatio": 5.44, + "expectedContrastRatio": "7:1", + "fgColor": "#0054e9", + "fontSize": "12.8pt (17px)", + "fontWeight": "normal", + "messageKey": null, + }, + "id": "color-contrast-enhanced", + "impact": "serious", + "message": "Element has insufficient color contrast of 5.44 (foreground color: #0054e9, background color: #f2f2f2, font size: 12.8pt (17px), font weight: normal). Expected contrast ratio of 7:1", + "relatedNodes": Array [ + Object { + "html": "<div class=\"toast-wrapper toast-bottom toast-layout-baseline\">", + "target": Array [ + Array [ + "#ion-overlay-1", + ".toast-wrapper", + ], + ], + }, + ], + }, + ], + "failureSummary": "Fix any of the following: + Element has insufficient color contrast of 5.44 (foreground color: #0054e9, background color: #f2

2) [Mobile Safari] › src/components/toast/test/a11y/toast.e2e.ts:265:11 › toast: high contrast: buttons - ios/ltr/high-contrast-dark › should pass AAA guidelines Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(received).toEqual(expected) // deep equality - Expected - 1 + Received + 99 - Array [] + Array [ + Object { + "description": "Ensure the contrast between foreground and background colors meets WCAG 2 AAA enhanced contrast ratio thresholds", + "help": "Elements must meet enhanced color contrast ratio thresholds", + "helpUrl": "https://dequeuniversity.com/rules/axe/4.11/color-contrast-enhanced?application=playwright", + "id": "color-contrast-enhanced", + "impact": "serious", + "nodes": Array [ + Object { + "all": Array [], + "any": Array [ + Object { + "data": Object { + "bgColor": "#f2f2f2", + "contrastRatio": 5.44, + "expectedContrastRatio": "7:1", + "fgColor": "#0054e9", + "fontSize": "12.8pt (17px)", + "fontWeight": "normal", + "messageKey": null, + }, + "id": "color-contrast-enhanced", + "impact": "serious", + "message": "Element has insufficient color contrast of 5.44 (foreground color: #0054e9, background color: #f2f2f2, font size: 12.8pt (17px), font weight: normal). Expected contrast ratio of 7:1", + "relatedNodes": Array [ + Object { + "html": "<div class=\"toast-wrapper toast-bottom toast-layout-baseline\">", + "target": Array [ + Array [ + "#ion-overlay-1", + ".toast-wrapper", + ], + ], + }, + ], + }, + ], + "failureSummary": "Fix any of the following: + Element has insufficient color contrast of 5.44 (foreground color: #0054e9, background color: #f2f2f2, font size: 12.8pt (17px), font weight: normal). Expected contrast ratio of 7:1", + "html": "<div class=\"toast-button-inner\">Cancel</div>", + "impact": "serious", + "none": Array [], + "target": Array [ + Array [ + "#ion-overlay-1", + ".toast-button-cancel > .toast-button-inner", + ], + ], + }, + Object { + "all": Array [], + "any": Array [ + Object { + "data": Object { + "bgColor": "#f2f2f2", + "contrastRatio": 5.44, + "expectedContrastRatio": "7:1", + "fgColor": "#0054e9", + "fontSize": "12.8pt (17px)", + "fontWeight": "normal", + "messageKey": null, + }, + "id": "color-contrast-enhanced", + "impact": "serious", + "message": "Element has insufficient color contrast of 5.44 (foreground color: #0054e9, background color: #f2f2f2, font size: 12.8pt (17px), font weight: normal). Expected contrast ratio of 7:1", + "relatedNodes": Array [ + Object { + "html": "<div class=\"toast-wrapper toast-bottom toast-layout-baseline\">", + "target": Array [ + Array [ + "#ion-overlay-1", + ".toast-wrapper", + ], + ], + }, + ], + }, + ], + "failureSummary": "Fix any of the following: + Element has insufficient color contrast of 5.44 (foreground color: #0054e9, background color: #f2

2) [Mobile Safari] › src/components/toast/test/a11y/toast.e2e.ts:265:11 › toast: high contrast: buttons - ios/ltr/high-contrast-dark › should pass AAA guidelines Error: expect(received).toEqual(expected) // deep equality - Expected - 1 + Received + 99 - Array [] + Array [ + Object { + "description": "Ensure the contrast between foreground and background colors meets WCAG 2 AAA enhanced contrast ratio thresholds", + "help": "Elements must meet enhanced color contrast ratio thresholds", + "helpUrl": "https://dequeuniversity.com/rules/axe/4.11/color-contrast-enhanced?application=playwright", + "id": "color-contrast-enhanced", + "impact": "serious", + "nodes": Array [ + Object { + "all": Array [], + "any": Array [ + Object { + "data": Object { + "bgColor": "#f2f2f2", + "contrastRatio": 5.44, + "expectedContrastRatio": "7:1", + "fgColor": "#0054e9", + "fontSize": "12.8pt (17px)", + "fontWeight": "normal", + "messageKey": null, + }, + "id": "color-contrast-enhanced", + "impact": "serious", + "message": "Element has insufficient color contrast of 5.44 (foreground color: #0054e9, background color: #f2f2f2, font size: 12.8pt (17px), font weight: normal). Expected contrast ratio of 7:1", + "relatedNodes": Array [ + Object { + "html": "<div class=\"toast-wrapper toast-bottom toast-layout-baseline\">", + "target": Array [ + Array [ + "#ion-overlay-1", + ".toast-wrapper", + ], + ], + }, + ], + }, + ], + "failureSummary": "Fix any of the following: + Element has insufficient color contrast of 5.44 (foreground color: #0054e9, background color: #f2f2f2, font size: 12.8pt (17px), font weight: normal). Expected contrast ratio of 7:1", + "html": "<div class=\"toast-button-inner\">Cancel</div>", + "impact": "serious", + "none": Array [], + "target": Array [ + Array [ + "#ion-overlay-1", + ".toast-button-cancel > .toast-button-inner", + ], + ], + }, + Object { + "all": Array [], + "any": Array [ + Object { + "data": Object { + "bgColor": "#f2f2f2", + "contrastRatio": 5.44, + "expectedContrastRatio": "7:1", + "fgColor": "#0054e9", + "fontSize": "12.8pt (17px)", + "fontWeight": "normal", + "messageKey": null, + }, + "id": "color-contrast-enhanced", + "impact": "serious", + "message": "Element has insufficient color contrast of 5.44 (foreground color: #0054e9, background color: #f2f2f2, font size: 12.8pt (17px), font weight: normal). Expected contrast ratio of 7:1", + "relatedNodes": Array [ + Object { + "html": "<div class=\"toast-wrapper toast-bottom toast-layout-baseline\">", + "target": Array [ + Array [ + "#ion-overlay-1", + ".toast-wrapper", + ], + ], + }, + ], + }, + ], + "failureSummary": "Fix any of the following: + Element has insufficient color contrast of 5.44 (foreground color: #0054e9, background color: #f2f2f2, font size: 12.8pt (17px), font weight: normal). Expected contrast ratio of 7:1", + "

1) [Mobile Safari] › src/components/toast/test/a11y/toast.e2e.ts:256:11 › toast: high contrast: buttons - ios/ltr/high-contrast-dark › should not have visual regressions Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(locator).toHaveScreenshot(expected) failed Locator: locator('ion-toast').locator('.toast-wrapper') 22814 pixels (ratio 0.97 of all image pixels) are different. Snapshot: toast-high-contrast-buttons-ios-ltr-high-contrast-dark.png Call log: - Expect "toHaveScreenshot(toast-high-contrast-buttons-ios-ltr-high-contrast-dark.png)" with timeout 5000ms - verifying given screenshot expectation - waiting for locator('ion-toast').locator('.toast-wrapper') - locator resolved to <div class="toast-wrapper toast-bottom toast-layout-baseline">…</div> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - 22814 pixels (ratio 0.97 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('ion-toast').locator('.toast-wrapper') - locator resolved to <div class="toast-wrapper toast-bottom toast-layout-baseline">…</div> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - captured a stable screenshot - 22814 pixels (ratio 0.97 of all image pixels) are different. 260 | 261 | const toastWrapper = toast.locator('.toast-wrapper'); > 262 | await expect(toastWrapper).toHaveScreenshot(screenshot(`toast-high-contrast-buttons`)); | ^ 263 | }); 264 | 265 | test('should pass AAA guidelines', async ({ page }) => { at /ionic/src/components/toast/test/a11y/toast.e2e.ts:262:36

1) [Mobile Safari] › src/components/toast/test/a11y/toast.e2e.ts:256:11 › toast: high contrast: buttons - ios/ltr/high-contrast-dark › should not have visual regressions Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(locator).toHaveScreenshot(expected) failed Locator: locator('ion-toast').locator('.toast-wrapper') 22814 pixels (ratio 0.97 of all image pixels) are different. Snapshot: toast-high-contrast-buttons-ios-ltr-high-contrast-dark.png Call log: - Expect "toHaveScreenshot(toast-high-contrast-buttons-ios-ltr-high-contrast-dark.png)" with timeout 5000ms - verifying given screenshot expectation - waiting for locator('ion-toast').locator('.toast-wrapper') - locator resolved to <div class="toast-wrapper toast-bottom toast-layout-baseline">…</div> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - 22814 pixels (ratio 0.97 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('ion-toast').locator('.toast-wrapper') - locator resolved to <div class="toast-wrapper toast-bottom toast-layout-baseline">…</div> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - captured a stable screenshot - 22814 pixels (ratio 0.97 of all image pixels) are different. 260 | 261 | const toastWrapper = toast.locator('.toast-wrapper'); > 262 | await expect(toastWrapper).toHaveScreenshot(screenshot(`toast-high-contrast-buttons`)); | ^ 263 | }); 264 | 265 | test('should pass AAA guidelines', async ({ page }) => { at /ionic/src/components/toast/test/a11y/toast.e2e.ts:262:36

1) [Mobile Safari] › src/components/toast/test/a11y/toast.e2e.ts:256:11 › toast: high contrast: buttons - ios/ltr/high-contrast-dark › should not have visual regressions Error: expect(locator).toHaveScreenshot(expected) failed Locator: locator('ion-toast').locator('.toast-wrapper') 22814 pixels (ratio 0.97 of all image pixels) are different. Snapshot: toast-high-contrast-buttons-ios-ltr-high-contrast-dark.png Call log: - Expect "toHaveScreenshot(toast-high-contrast-buttons-ios-ltr-high-contrast-dark.png)" with timeout 5000ms - verifying given screenshot expectation - waiting for locator('ion-toast').locator('.toast-wrapper') - locator resolved to <div class="toast-wrapper toast-bottom toast-layout-baseline">…</div> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - 22814 pixels (ratio 0.97 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('ion-toast').locator('.toast-wrapper') - locator resolved to <div class="toast-wrapper toast-bottom toast-layout-baseline">…</div> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - captured a stable screenshot - 22814 pixels (ratio 0.97 of all image pixels) are different. 260 | 261 | const toastWrapper = toast.locator('.toast-wrapper'); > 262 | await expect(toastWrapper).toHaveScreenshot(screenshot(`toast-high-contrast-buttons`)); | ^ 263 | }); 264 | 265 | test('should pass AAA guidelines', async ({ page }) => { at /ionic/src/components/toast/test/a11y/toast.e2e.ts:262:36

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

Process completed with exit code 12.

The operation was canceled.

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

Process completed with exit code 12.

The operation was canceled.

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

Process completed with exit code 12.

The operation was canceled.

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

Process completed with exit code 12.

The operation was canceled.

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

Process completed with exit code 12.

The operation was canceled.

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

Process completed with exit code 12.

The operation was canceled.

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

Process completed with exit code 12.

The operation was canceled.

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

Process completed with exit code 12.

The operation was canceled.

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

Process completed with exit code 12.

The operation was canceled.

Process completed with exit code 1.