3) [Mobile Chrome] › src/components/toast/test/a11y/toast.e2e.ts:265:11 › toast: high contrast: buttons - md/ltr/high-contrast › should pass AAA guidelines Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(received).toEqual(expected) // deep equality - Expected - 1 + Received + 105 - 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": "#1b1b1b", + "contrastRatio": 4.42, + "expectedContrastRatio": "4.5:1", + "fgColor": "#818181", + "fontSize": "10.5pt (14px)", + "fontWeight": "normal", + "messageKey": null, + }, + "id": "color-contrast", + "impact": "serious", + "message": "Element has insufficient color contrast of 4.42 (foreground color: #818181, background color: #1b1b1b, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1", + "relatedNodes": Array [ + Object { + "html": "<div class=\"toast-wrapper toast-bottom toast-layout-baseline\" style=\"transform: translateY(calc(-8px - var(--ion-safe-area-bottom, 0px)));\">", + "target": Array [ + Array [ + "#ion-overlay-1", + ".toast-wrapper", + ], + ], + }, + ], + }, + ], + "failureSummary": "Fix any of the following: + Element has insufficient color contrast of 4.42 (foreground color: #818181, background color: #1b1b1b, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1", + "html": "<div class=\"toast-header\" part=\"header\">Testing</div>", + "impact": "serious", + "none": Array [], + "target": Array [ + Array [ + "#ion-overlay-1", + ".toast-header", + ], + ], + }, + Object { + "all": Array [], + "any": Array [ + Object { + "data": Object { + "bgColor": "#1b1b1b", + "contrastRatio": 4.42, + "expectedContrastRatio": "4.5:1", + "fgColor": "#818181", + "fontSize": "10.5pt (14px)", + "fontWeight": "normal", + "messageKey": null, + }, + "id": "color-contrast", + "impact": "serious", + "message": "Element has insufficient color contrast of 4.42 (foreground color: #818181, background color: #1b1b1b, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1", + "relatedNodes": Array [ + Object { + "html": "<div class=\"toast-wrapper toast-bottom toast-layout-baseline\" style=\"transform: translateY(calc(-8px - var(--ion-safe-area-bottom, 0px)));\">", + "target": Array [ + Array [ + "#ion-overlay-1", + ".toast-wrapper", +

3) [Mobile Chrome] › src/components/toast/test/a11y/toast.e2e.ts:265:11 › toast: high contrast: buttons - md/ltr/high-contrast › should pass AAA guidelines Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(received).toEqual(expected) // deep equality - Expected - 1 + Received + 105 - 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": "#1b1b1b", + "contrastRatio": 4.42, + "expectedContrastRatio": "4.5:1", + "fgColor": "#818181", + "fontSize": "10.5pt (14px)", + "fontWeight": "normal", + "messageKey": null, + }, + "id": "color-contrast", + "impact": "serious", + "message": "Element has insufficient color contrast of 4.42 (foreground color: #818181, background color: #1b1b1b, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1", + "relatedNodes": Array [ + Object { + "html": "<div class=\"toast-wrapper toast-bottom toast-layout-baseline\" style=\"transform: translateY(calc(-8px - var(--ion-safe-area-bottom, 0px)));\">", + "target": Array [ + Array [ + "#ion-overlay-1", + ".toast-wrapper", + ], + ], + }, + ], + }, + ], + "failureSummary": "Fix any of the following: + Element has insufficient color contrast of 4.42 (foreground color: #818181, background color: #1b1b1b, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1", + "html": "<div class=\"toast-header\" part=\"header\">Testing</div>", + "impact": "serious", + "none": Array [], + "target": Array [ + Array [ + "#ion-overlay-1", + ".toast-header", + ], + ], + }, + Object { + "all": Array [], + "any": Array [ + Object { + "data": Object { + "bgColor": "#1b1b1b", + "contrastRatio": 4.42, + "expectedContrastRatio": "4.5:1", + "fgColor": "#818181", + "fontSize": "10.5pt (14px)", + "fontWeight": "normal", + "messageKey": null, + }, + "id": "color-contrast", + "impact": "serious", + "message": "Element has insufficient color contrast of 4.42 (foreground color: #818181, background color: #1b1b1b, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1", + "relatedNodes": Array [ + Object { + "html": "<div class=\"toast-wrapper toast-bottom toast-layout-baseline\" style=\"transform: translateY(calc(-8px - var(--ion-safe-area-bottom, 0px)));\">", + "target": Array [ + Array [ + "#ion-overlay-1", + ".toast-wrapper", +

3) [Mobile Chrome] › src/components/toast/test/a11y/toast.e2e.ts:265:11 › toast: high contrast: buttons - md/ltr/high-contrast › should pass AAA guidelines Error: expect(received).toEqual(expected) // deep equality - Expected - 1 + Received + 105 - 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": "#1b1b1b", + "contrastRatio": 4.42, + "expectedContrastRatio": "4.5:1", + "fgColor": "#818181", + "fontSize": "10.5pt (14px)", + "fontWeight": "normal", + "messageKey": null, + }, + "id": "color-contrast", + "impact": "serious", + "message": "Element has insufficient color contrast of 4.42 (foreground color: #818181, background color: #1b1b1b, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1", + "relatedNodes": Array [ + Object { + "html": "<div class=\"toast-wrapper toast-bottom toast-layout-baseline\" style=\"transform: translateY(calc(-8px - var(--ion-safe-area-bottom, 0px)));\">", + "target": Array [ + Array [ + "#ion-overlay-1", + ".toast-wrapper", + ], + ], + }, + ], + }, + ], + "failureSummary": "Fix any of the following: + Element has insufficient color contrast of 4.42 (foreground color: #818181, background color: #1b1b1b, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1", + "html": "<div class=\"toast-header\" part=\"header\">Testing</div>", + "impact": "serious", + "none": Array [], + "target": Array [ + Array [ + "#ion-overlay-1", + ".toast-header", + ], + ], + }, + Object { + "all": Array [], + "any": Array [ + Object { + "data": Object { + "bgColor": "#1b1b1b", + "contrastRatio": 4.42, + "expectedContrastRatio": "4.5:1", + "fgColor": "#818181", + "fontSize": "10.5pt (14px)", + "fontWeight": "normal", + "messageKey": null, + }, + "id": "color-contrast", + "impact": "serious", + "message": "Element has insufficient color contrast of 4.42 (foreground color: #818181, background color: #1b1b1b, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1", + "relatedNodes": Array [ + Object { + "html": "<div class=\"toast-wrapper toast-bottom toast-layout-baseline\" style=\"transform: translateY(calc(-8px - var(--ion-safe-area-bottom, 0px)));\">", + "target": Array [ + Array [ + "#ion-overlay-1", + ".toast-wrapper", + ], + ], + }, + ], + }, + ], + "failureSummary": "Fix any of the following: + Element has insufficient color contrast of 4.42 (foreground color: #818181, backgrou

[Mobile Chrome] › src/components/toast/test/a11y/toast.e2e.ts:265:11 › toast: high contrast: buttons - md/ltr/high-contrast-dark › should pass AAA guidelines: src/components/toast/test/a11y/toast.e2e.ts#L273

2) [Mobile Chrome] › src/components/toast/test/a11y/toast.e2e.ts:265:11 › toast: high contrast: buttons - md/ltr/high-contrast-dark › should pass AAA guidelines Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(received).toEqual(expected) // deep equality - Expected - 1 + Received + 105 - 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": "#d0d0d0", + "contrastRatio": 2.12, + "expectedContrastRatio": "4.5:1", + "fgColor": "#8e8e8e", + "fontSize": "10.5pt (14px)", + "fontWeight": "normal", + "messageKey": null, + }, + "id": "color-contrast", + "impact": "serious", + "message": "Element has insufficient color contrast of 2.12 (foreground color: #8e8e8e, background color: #d0d0d0, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1", + "relatedNodes": Array [ + Object { + "html": "<div class=\"toast-wrapper toast-bottom toast-layout-baseline\" style=\"transform: translateY(calc(-8px - var(--ion-safe-area-bottom, 0px)));\">", + "target": Array [ + Array [ + "#ion-overlay-1", + ".toast-wrapper", + ], + ], + }, + ], + }, + ], + "failureSummary": "Fix any of the following: + Element has insufficient color contrast of 2.12 (foreground color: #8e8e8e, background color: #d0d0d0, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1", + "html": "<div class=\"toast-header\" part=\"header\">Testing</div>", + "impact": "serious", + "none": Array [], + "target": Array [ + Array [ + "#ion-overlay-1", + ".toast-header", + ], + ], + }, + Object { + "all": Array [], + "any": Array [ + Object { + "data": Object { + "bgColor": "#d0d0d0", + "contrastRatio": 2.12, + "expectedContrastRatio": "4.5:1", + "fgColor": "#8e8e8e", + "fontSize": "10.5pt (14px)", + "fontWeight": "normal", + "messageKey": null, + }, + "id": "color-contrast", + "impact": "serious", + "message": "Element has insufficient color contrast of 2.12 (foreground color: #8e8e8e, background color: #d0d0d0, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1", + "relatedNodes": Array [ + Object { + "html": "<div class=\"toast-wrapper toast-bottom toast-layout-baseline\" style=\"transform: translateY(calc(-8px - var(--ion-safe-area-bottom, 0px)));\">", + "target": Array [ + Array [ + "#ion-overlay-1", + ".toast-wrapper",

2) [Mobile Chrome] › src/components/toast/test/a11y/toast.e2e.ts:265:11 › toast: high contrast: buttons - md/ltr/high-contrast-dark › should pass AAA guidelines Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(received).toEqual(expected) // deep equality - Expected - 1 + Received + 105 - 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": "#d0d0d0", + "contrastRatio": 2.12, + "expectedContrastRatio": "4.5:1", + "fgColor": "#8e8e8e", + "fontSize": "10.5pt (14px)", + "fontWeight": "normal", + "messageKey": null, + }, + "id": "color-contrast", + "impact": "serious", + "message": "Element has insufficient color contrast of 2.12 (foreground color: #8e8e8e, background color: #d0d0d0, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1", + "relatedNodes": Array [ + Object { + "html": "<div class=\"toast-wrapper toast-bottom toast-layout-baseline\" style=\"transform: translateY(calc(-8px - var(--ion-safe-area-bottom, 0px)));\">", + "target": Array [ + Array [ + "#ion-overlay-1", + ".toast-wrapper", + ], + ], + }, + ], + }, + ], + "failureSummary": "Fix any of the following: + Element has insufficient color contrast of 2.12 (foreground color: #8e8e8e, background color: #d0d0d0, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1", + "html": "<div class=\"toast-header\" part=\"header\">Testing</div>", + "impact": "serious", + "none": Array [], + "target": Array [ + Array [ + "#ion-overlay-1", + ".toast-header", + ], + ], + }, + Object { + "all": Array [], + "any": Array [ + Object { + "data": Object { + "bgColor": "#d0d0d0", + "contrastRatio": 2.12, + "expectedContrastRatio": "4.5:1", + "fgColor": "#8e8e8e", + "fontSize": "10.5pt (14px)", + "fontWeight": "normal", + "messageKey": null, + }, + "id": "color-contrast", + "impact": "serious", + "message": "Element has insufficient color contrast of 2.12 (foreground color: #8e8e8e, background color: #d0d0d0, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1", + "relatedNodes": Array [ + Object { + "html": "<div class=\"toast-wrapper toast-bottom toast-layout-baseline\" style=\"transform: translateY(calc(-8px - var(--ion-safe-area-bottom, 0px)));\">", + "target": Array [ + Array [ + "#ion-overlay-1", + ".toast-wrapper",

2) [Mobile Chrome] › src/components/toast/test/a11y/toast.e2e.ts:265:11 › toast: high contrast: buttons - md/ltr/high-contrast-dark › should pass AAA guidelines Error: expect(received).toEqual(expected) // deep equality - Expected - 1 + Received + 105 - 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": "#d0d0d0", + "contrastRatio": 2.12, + "expectedContrastRatio": "4.5:1", + "fgColor": "#8e8e8e", + "fontSize": "10.5pt (14px)", + "fontWeight": "normal", + "messageKey": null, + }, + "id": "color-contrast", + "impact": "serious", + "message": "Element has insufficient color contrast of 2.12 (foreground color: #8e8e8e, background color: #d0d0d0, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1", + "relatedNodes": Array [ + Object { + "html": "<div class=\"toast-wrapper toast-bottom toast-layout-baseline\" style=\"transform: translateY(calc(-8px - var(--ion-safe-area-bottom, 0px)));\">", + "target": Array [ + Array [ + "#ion-overlay-1", + ".toast-wrapper", + ], + ], + }, + ], + }, + ], + "failureSummary": "Fix any of the following: + Element has insufficient color contrast of 2.12 (foreground color: #8e8e8e, background color: #d0d0d0, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1", + "html": "<div class=\"toast-header\" part=\"header\">Testing</div>", + "impact": "serious", + "none": Array [], + "target": Array [ + Array [ + "#ion-overlay-1", + ".toast-header", + ], + ], + }, + Object { + "all": Array [], + "any": Array [ + Object { + "data": Object { + "bgColor": "#d0d0d0", + "contrastRatio": 2.12, + "expectedContrastRatio": "4.5:1", + "fgColor": "#8e8e8e", + "fontSize": "10.5pt (14px)", + "fontWeight": "normal", + "messageKey": null, + }, + "id": "color-contrast", + "impact": "serious", + "message": "Element has insufficient color contrast of 2.12 (foreground color: #8e8e8e, background color: #d0d0d0, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1", + "relatedNodes": Array [ + Object { + "html": "<div class=\"toast-wrapper toast-bottom toast-layout-baseline\" style=\"transform: translateY(calc(-8px - var(--ion-safe-area-bottom, 0px)));\">", + "target": Array [ + Array [ + "#ion-overlay-1", + ".toast-wrapper", + ], + ], + }, + ], + }, + ], + "failureSummary": "Fix any of the following: + Element has insufficient color contrast of 2.12 (foreground color: #8e8e8e, bac

[Mobile Chrome] › src/components/toast/test/a11y/toast.e2e.ts:265:11 › toast: high contrast: buttons - ios/ltr/high-contrast › should pass AAA guidelines: src/components/toast/test/a11y/toast.e2e.ts#L273

1) [Mobile Chrome] › src/components/toast/test/a11y/toast.e2e.ts:265:11 › toast: high contrast: buttons - ios/ltr/high-contrast › should pass AAA guidelines Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(received).toEqual(expected) // deep equality - Expected - 1 + Received + 202 - 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": "#818181", + "contrastRatio": 4.72, + "expectedContrastRatio": "7:1", + "fgColor": "#141414", + "fontSize": "10.5pt (14px)", + "fontWeight": "normal", + "messageKey": null, + }, + "id": "color-contrast-enhanced", + "impact": "serious", + "message": "Element has insufficient color contrast of 4.72 (foreground color: #141414, background color: #818181, font size: 10.5pt (14px), 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 4.72 (foreground color: #141414, background color: #818181, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 7:1", + "html": "<div class=\"toast-header\" part=\"header\">Testing</div>", + "impact": "serious", + "none": Array [], + "target": Array [ + Array [ + "#ion-overlay-1", + ".toast-header", + ], + ], + }, + Object { + "all": Array [], + "any": Array [ + Object { + "data": Object { + "bgColor": "#818181", + "contrastRatio": 4.72, + "expectedContrastRatio": "7:1", + "fgColor": "#141414", + "fontSize": "10.5pt (14px)", + "fontWeight": "normal", + "messageKey": null, + }, + "id": "color-contrast-enhanced", + "impact": "serious", + "message": "Element has insufficient color contrast of 4.72 (foreground color: #141414, background color: #818181, font size: 10.5pt (14px), 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", + ], + ], + }, + ], + }, + ], +

1) [Mobile Chrome] › src/components/toast/test/a11y/toast.e2e.ts:265:11 › toast: high contrast: buttons - ios/ltr/high-contrast › should pass AAA guidelines Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(received).toEqual(expected) // deep equality - Expected - 1 + Received + 202 - 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": "#818181", + "contrastRatio": 4.72, + "expectedContrastRatio": "7:1", + "fgColor": "#141414", + "fontSize": "10.5pt (14px)", + "fontWeight": "normal", + "messageKey": null, + }, + "id": "color-contrast-enhanced", + "impact": "serious", + "message": "Element has insufficient color contrast of 4.72 (foreground color: #141414, background color: #818181, font size: 10.5pt (14px), 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 4.72 (foreground color: #141414, background color: #818181, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 7:1", + "html": "<div class=\"toast-header\" part=\"header\">Testing</div>", + "impact": "serious", + "none": Array [], + "target": Array [ + Array [ + "#ion-overlay-1", + ".toast-header", + ], + ], + }, + Object { + "all": Array [], + "any": Array [ + Object { + "data": Object { + "bgColor": "#818181", + "contrastRatio": 4.72, + "expectedContrastRatio": "7:1", + "fgColor": "#141414", + "fontSize": "10.5pt (14px)", + "fontWeight": "normal", + "messageKey": null, + }, + "id": "color-contrast-enhanced", + "impact": "serious", + "message": "Element has insufficient color contrast of 4.72 (foreground color: #141414, background color: #818181, font size: 10.5pt (14px), 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", + ], + ], + }, + ], + }, + ], +

1) [Mobile Chrome] › 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 + 202 - 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": "#818181", + "contrastRatio": 4.72, + "expectedContrastRatio": "7:1", + "fgColor": "#141414", + "fontSize": "10.5pt (14px)", + "fontWeight": "normal", + "messageKey": null, + }, + "id": "color-contrast-enhanced", + "impact": "serious", + "message": "Element has insufficient color contrast of 4.72 (foreground color: #141414, background color: #818181, font size: 10.5pt (14px), 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 4.72 (foreground color: #141414, background color: #818181, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 7:1", + "html": "<div class=\"toast-header\" part=\"header\">Testing</div>", + "impact": "serious", + "none": Array [], + "target": Array [ + Array [ + "#ion-overlay-1", + ".toast-header", + ], + ], + }, + Object { + "all": Array [], + "any": Array [ + Object { + "data": Object { + "bgColor": "#818181", + "contrastRatio": 4.72, + "expectedContrastRatio": "7:1", + "fgColor": "#141414", + "fontSize": "10.5pt (14px)", + "fontWeight": "normal", + "messageKey": null, + }, + "id": "color-contrast-enhanced", + "impact": "serious", + "message": "Element has insufficient color contrast of 4.72 (foreground color: #141414, background color: #818181, font size: 10.5pt (14px), 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 4.72 (foreground color: #141414, background color: #818181, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 7:1", + "html": "<div cl

[Mobile Chrome] › src/components/radio/test/a11y/radio.e2e.ts:117:11 › radio: a11y - md/ltr/dark › radio: keyboard navigation - md/ltr/dark › tabbing should switch between radio groups: src/components/radio/test/a11y/radio.e2e.ts#L122

1) [Mobile Chrome] › src/components/radio/test/a11y/radio.e2e.ts:117:11 › radio: a11y - md/ltr/dark › radio: keyboard navigation - md/ltr/dark › tabbing should switch between radio groups Error: expect(locator).toBeFocused() failed Locator: locator('#first-group ion-radio').first() Expected: focused Received: inactive Timeout: 5000ms Call log: - Expect "toBeFocused" with timeout 5000ms - waiting for locator('#first-group ion-radio').first() 9 × locator resolved to <ion-radio value="huey" role="radio" tabindex="0" aria-checked="true" class="md in-item radio-checked radio-label-placement-start hydrated">Huey</ion-radio> - unexpected value "inactive" 120 | 121 | await pageUtils.pressKeys('Tab'); > 122 | await expect(firstGroupRadios.nth(0)).toBeFocused(); | ^ 123 | 124 | await pageUtils.pressKeys('Tab'); 125 | await expect(secondGroupRadios.nth(0)).toBeFocused(); at /ionic/src/components/radio/test/a11y/radio.e2e.ts:122:47

test-core-screenshot (19, 20)

Process completed with exit code 1.

[Mobile Safari] › src/components/toast/test/a11y/toast.e2e.ts:265:11 › toast: high contrast: buttons - md/ltr/high-contrast › should pass AAA guidelines: src/components/toast/test/a11y/toast.e2e.ts#L273

3) [Mobile Safari] › src/components/toast/test/a11y/toast.e2e.ts:265:11 › toast: high contrast: buttons - md/ltr/high-contrast › should pass AAA guidelines Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(received).toEqual(expected) // deep equality - Expected - 1 + Received + 105 - 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": "#1b1b1b", + "contrastRatio": 4.42, + "expectedContrastRatio": "4.5:1", + "fgColor": "#818181", + "fontSize": "10.5pt (14px)", + "fontWeight": "normal", + "messageKey": null, + }, + "id": "color-contrast", + "impact": "serious", + "message": "Element has insufficient color contrast of 4.42 (foreground color: #818181, background color: #1b1b1b, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1", + "relatedNodes": Array [ + Object { + "html": "<div class=\"toast-wrapper toast-bottom toast-layout-baseline\" style=\"transform: translateY(calc(-8px - var(--ion-safe-area-bottom, 0px)));\">", + "target": Array [ + Array [ + "#ion-overlay-1", + ".toast-wrapper", + ], + ], + }, + ], + }, + ], + "failureSummary": "Fix any of the following: + Element has insufficient color contrast of 4.42 (foreground color: #818181, background color: #1b1b1b, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1", + "html": "<div class=\"toast-header\" part=\"header\">Testing</div>", + "impact": "serious", + "none": Array [], + "target": Array [ + Array [ + "#ion-overlay-1", + ".toast-header", + ], + ], + }, + Object { + "all": Array [], + "any": Array [ + Object { + "data": Object { + "bgColor": "#1b1b1b", + "contrastRatio": 4.42, + "expectedContrastRatio": "4.5:1", + "fgColor": "#818181", + "fontSize": "10.5pt (14px)", + "fontWeight": "normal", + "messageKey": null, + }, + "id": "color-contrast", + "impact": "serious", + "message": "Element has insufficient color contrast of 4.42 (foreground color: #818181, background color: #1b1b1b, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1", + "relatedNodes": Array [ + Object { + "html": "<div class=\"toast-wrapper toast-bottom toast-layout-baseline\" style=\"transform: translateY(calc(-8px - var(--ion-safe-area-bottom, 0px)));\">", + "target": Array [ + Array [ + "#ion-overlay-1", + ".toast-wrapper", +

3) [Mobile Safari] › src/components/toast/test/a11y/toast.e2e.ts:265:11 › toast: high contrast: buttons - md/ltr/high-contrast › should pass AAA guidelines Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(received).toEqual(expected) // deep equality - Expected - 1 + Received + 105 - 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": "#1b1b1b", + "contrastRatio": 4.42, + "expectedContrastRatio": "4.5:1", + "fgColor": "#818181", + "fontSize": "10.5pt (14px)", + "fontWeight": "normal", + "messageKey": null, + }, + "id": "color-contrast", + "impact": "serious", + "message": "Element has insufficient color contrast of 4.42 (foreground color: #818181, background color: #1b1b1b, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1", + "relatedNodes": Array [ + Object { + "html": "<div class=\"toast-wrapper toast-bottom toast-layout-baseline\" style=\"transform: translateY(calc(-8px - var(--ion-safe-area-bottom, 0px)));\">", + "target": Array [ + Array [ + "#ion-overlay-1", + ".toast-wrapper", + ], + ], + }, + ], + }, + ], + "failureSummary": "Fix any of the following: + Element has insufficient color contrast of 4.42 (foreground color: #818181, background color: #1b1b1b, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1", + "html": "<div class=\"toast-header\" part=\"header\">Testing</div>", + "impact": "serious", + "none": Array [], + "target": Array [ + Array [ + "#ion-overlay-1", + ".toast-header", + ], + ], + }, + Object { + "all": Array [], + "any": Array [ + Object { + "data": Object { + "bgColor": "#1b1b1b", + "contrastRatio": 4.42, + "expectedContrastRatio": "4.5:1", + "fgColor": "#818181", + "fontSize": "10.5pt (14px)", + "fontWeight": "normal", + "messageKey": null, + }, + "id": "color-contrast", + "impact": "serious", + "message": "Element has insufficient color contrast of 4.42 (foreground color: #818181, background color: #1b1b1b, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1", + "relatedNodes": Array [ + Object { + "html": "<div class=\"toast-wrapper toast-bottom toast-layout-baseline\" style=\"transform: translateY(calc(-8px - var(--ion-safe-area-bottom, 0px)));\">", + "target": Array [ + Array [ + "#ion-overlay-1", + ".toast-wrapper", +

3) [Mobile Safari] › src/components/toast/test/a11y/toast.e2e.ts:265:11 › toast: high contrast: buttons - md/ltr/high-contrast › should pass AAA guidelines Error: expect(received).toEqual(expected) // deep equality - Expected - 1 + Received + 105 - 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": "#1b1b1b", + "contrastRatio": 4.42, + "expectedContrastRatio": "4.5:1", + "fgColor": "#818181", + "fontSize": "10.5pt (14px)", + "fontWeight": "normal", + "messageKey": null, + }, + "id": "color-contrast", + "impact": "serious", + "message": "Element has insufficient color contrast of 4.42 (foreground color: #818181, background color: #1b1b1b, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1", + "relatedNodes": Array [ + Object { + "html": "<div class=\"toast-wrapper toast-bottom toast-layout-baseline\" style=\"transform: translateY(calc(-8px - var(--ion-safe-area-bottom, 0px)));\">", + "target": Array [ + Array [ + "#ion-overlay-1", + ".toast-wrapper", + ], + ], + }, + ], + }, + ], + "failureSummary": "Fix any of the following: + Element has insufficient color contrast of 4.42 (foreground color: #818181, background color: #1b1b1b, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1", + "html": "<div class=\"toast-header\" part=\"header\">Testing</div>", + "impact": "serious", + "none": Array [], + "target": Array [ + Array [ + "#ion-overlay-1", + ".toast-header", + ], + ], + }, + Object { + "all": Array [], + "any": Array [ + Object { + "data": Object { + "bgColor": "#1b1b1b", + "contrastRatio": 4.42, + "expectedContrastRatio": "4.5:1", + "fgColor": "#818181", + "fontSize": "10.5pt (14px)", + "fontWeight": "normal", + "messageKey": null, + }, + "id": "color-contrast", + "impact": "serious", + "message": "Element has insufficient color contrast of 4.42 (foreground color: #818181, background color: #1b1b1b, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1", + "relatedNodes": Array [ + Object { + "html": "<div class=\"toast-wrapper toast-bottom toast-layout-baseline\" style=\"transform: translateY(calc(-8px - var(--ion-safe-area-bottom, 0px)));\">", + "target": Array [ + Array [ + "#ion-overlay-1", + ".toast-wrapper", + ], + ], + }, + ], + }, + ], + "failureSummary": "Fix any of the following: + Element has insufficient color contrast of 4.42 (foreground color: #818181, backgrou

[Mobile Safari] › src/components/toast/test/a11y/toast.e2e.ts:265:11 › toast: high contrast: buttons - md/ltr/high-contrast-dark › should pass AAA guidelines: src/components/toast/test/a11y/toast.e2e.ts#L273

2) [Mobile Safari] › src/components/toast/test/a11y/toast.e2e.ts:265:11 › toast: high contrast: buttons - md/ltr/high-contrast-dark › should pass AAA guidelines Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(received).toEqual(expected) // deep equality - Expected - 1 + Received + 105 - 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": "#d0d0d0", + "contrastRatio": 2.12, + "expectedContrastRatio": "4.5:1", + "fgColor": "#8e8e8e", + "fontSize": "10.5pt (14px)", + "fontWeight": "normal", + "messageKey": null, + }, + "id": "color-contrast", + "impact": "serious", + "message": "Element has insufficient color contrast of 2.12 (foreground color: #8e8e8e, background color: #d0d0d0, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1", + "relatedNodes": Array [ + Object { + "html": "<div class=\"toast-wrapper toast-bottom toast-layout-baseline\" style=\"transform: translateY(calc(-8px - var(--ion-safe-area-bottom, 0px)));\">", + "target": Array [ + Array [ + "#ion-overlay-1", + ".toast-wrapper", + ], + ], + }, + ], + }, + ], + "failureSummary": "Fix any of the following: + Element has insufficient color contrast of 2.12 (foreground color: #8e8e8e, background color: #d0d0d0, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1", + "html": "<div class=\"toast-header\" part=\"header\">Testing</div>", + "impact": "serious", + "none": Array [], + "target": Array [ + Array [ + "#ion-overlay-1", + ".toast-header", + ], + ], + }, + Object { + "all": Array [], + "any": Array [ + Object { + "data": Object { + "bgColor": "#d0d0d0", + "contrastRatio": 2.12, + "expectedContrastRatio": "4.5:1", + "fgColor": "#8e8e8e", + "fontSize": "10.5pt (14px)", + "fontWeight": "normal", + "messageKey": null, + }, + "id": "color-contrast", + "impact": "serious", + "message": "Element has insufficient color contrast of 2.12 (foreground color: #8e8e8e, background color: #d0d0d0, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1", + "relatedNodes": Array [ + Object { + "html": "<div class=\"toast-wrapper toast-bottom toast-layout-baseline\" style=\"transform: translateY(calc(-8px - var(--ion-safe-area-bottom, 0px)));\">", + "target": Array [ + Array [ + "#ion-overlay-1", + ".toast-wrapper",

2) [Mobile Safari] › src/components/toast/test/a11y/toast.e2e.ts:265:11 › toast: high contrast: buttons - md/ltr/high-contrast-dark › should pass AAA guidelines Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(received).toEqual(expected) // deep equality - Expected - 1 + Received + 105 - 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": "#d0d0d0", + "contrastRatio": 2.12, + "expectedContrastRatio": "4.5:1", + "fgColor": "#8e8e8e", + "fontSize": "10.5pt (14px)", + "fontWeight": "normal", + "messageKey": null, + }, + "id": "color-contrast", + "impact": "serious", + "message": "Element has insufficient color contrast of 2.12 (foreground color: #8e8e8e, background color: #d0d0d0, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1", + "relatedNodes": Array [ + Object { + "html": "<div class=\"toast-wrapper toast-bottom toast-layout-baseline\" style=\"transform: translateY(calc(-8px - var(--ion-safe-area-bottom, 0px)));\">", + "target": Array [ + Array [ + "#ion-overlay-1", + ".toast-wrapper", + ], + ], + }, + ], + }, + ], + "failureSummary": "Fix any of the following: + Element has insufficient color contrast of 2.12 (foreground color: #8e8e8e, background color: #d0d0d0, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1", + "html": "<div class=\"toast-header\" part=\"header\">Testing</div>", + "impact": "serious", + "none": Array [], + "target": Array [ + Array [ + "#ion-overlay-1", + ".toast-header", + ], + ], + }, + Object { + "all": Array [], + "any": Array [ + Object { + "data": Object { + "bgColor": "#d0d0d0", + "contrastRatio": 2.12, + "expectedContrastRatio": "4.5:1", + "fgColor": "#8e8e8e", + "fontSize": "10.5pt (14px)", + "fontWeight": "normal", + "messageKey": null, + }, + "id": "color-contrast", + "impact": "serious", + "message": "Element has insufficient color contrast of 2.12 (foreground color: #8e8e8e, background color: #d0d0d0, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1", + "relatedNodes": Array [ + Object { + "html": "<div class=\"toast-wrapper toast-bottom toast-layout-baseline\" style=\"transform: translateY(calc(-8px - var(--ion-safe-area-bottom, 0px)));\">", + "target": Array [ + Array [ + "#ion-overlay-1", + ".toast-wrapper",

2) [Mobile Safari] › src/components/toast/test/a11y/toast.e2e.ts:265:11 › toast: high contrast: buttons - md/ltr/high-contrast-dark › should pass AAA guidelines Error: expect(received).toEqual(expected) // deep equality - Expected - 1 + Received + 105 - 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": "#d0d0d0", + "contrastRatio": 2.12, + "expectedContrastRatio": "4.5:1", + "fgColor": "#8e8e8e", + "fontSize": "10.5pt (14px)", + "fontWeight": "normal", + "messageKey": null, + }, + "id": "color-contrast", + "impact": "serious", + "message": "Element has insufficient color contrast of 2.12 (foreground color: #8e8e8e, background color: #d0d0d0, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1", + "relatedNodes": Array [ + Object { + "html": "<div class=\"toast-wrapper toast-bottom toast-layout-baseline\" style=\"transform: translateY(calc(-8px - var(--ion-safe-area-bottom, 0px)));\">", + "target": Array [ + Array [ + "#ion-overlay-1", + ".toast-wrapper", + ], + ], + }, + ], + }, + ], + "failureSummary": "Fix any of the following: + Element has insufficient color contrast of 2.12 (foreground color: #8e8e8e, background color: #d0d0d0, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1", + "html": "<div class=\"toast-header\" part=\"header\">Testing</div>", + "impact": "serious", + "none": Array [], + "target": Array [ + Array [ + "#ion-overlay-1", + ".toast-header", + ], + ], + }, + Object { + "all": Array [], + "any": Array [ + Object { + "data": Object { + "bgColor": "#d0d0d0", + "contrastRatio": 2.12, + "expectedContrastRatio": "4.5:1", + "fgColor": "#8e8e8e", + "fontSize": "10.5pt (14px)", + "fontWeight": "normal", + "messageKey": null, + }, + "id": "color-contrast", + "impact": "serious", + "message": "Element has insufficient color contrast of 2.12 (foreground color: #8e8e8e, background color: #d0d0d0, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1", + "relatedNodes": Array [ + Object { + "html": "<div class=\"toast-wrapper toast-bottom toast-layout-baseline\" style=\"transform: translateY(calc(-8px - var(--ion-safe-area-bottom, 0px)));\">", + "target": Array [ + Array [ + "#ion-overlay-1", + ".toast-wrapper", + ], + ], + }, + ], + }, + ], + "failureSummary": "Fix any of the following: + Element has insufficient color contrast of 2.12 (foreground color: #8e8e8e, bac

[Mobile Safari] › src/components/toast/test/a11y/toast.e2e.ts:265:11 › toast: high contrast: buttons - ios/ltr/high-contrast › should pass AAA guidelines: src/components/toast/test/a11y/toast.e2e.ts#L273

1) [Mobile Safari] › src/components/toast/test/a11y/toast.e2e.ts:265:11 › toast: high contrast: buttons - ios/ltr/high-contrast › should pass AAA guidelines Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(received).toEqual(expected) // deep equality - Expected - 1 + Received + 202 - 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": "#818181", + "contrastRatio": 4.72, + "expectedContrastRatio": "7:1", + "fgColor": "#141414", + "fontSize": "10.5pt (14px)", + "fontWeight": "normal", + "messageKey": null, + }, + "id": "color-contrast-enhanced", + "impact": "serious", + "message": "Element has insufficient color contrast of 4.72 (foreground color: #141414, background color: #818181, font size: 10.5pt (14px), 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 4.72 (foreground color: #141414, background color: #818181, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 7:1", + "html": "<div class=\"toast-header\" part=\"header\">Testing</div>", + "impact": "serious", + "none": Array [], + "target": Array [ + Array [ + "#ion-overlay-1", + ".toast-header", + ], + ], + }, + Object { + "all": Array [], + "any": Array [ + Object { + "data": Object { + "bgColor": "#818181", + "contrastRatio": 4.72, + "expectedContrastRatio": "7:1", + "fgColor": "#141414", + "fontSize": "10.5pt (14px)", + "fontWeight": "normal", + "messageKey": null, + }, + "id": "color-contrast-enhanced", + "impact": "serious", + "message": "Element has insufficient color contrast of 4.72 (foreground color: #141414, background color: #818181, font size: 10.5pt (14px), 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", + ], + ], + }, + ], + }, + ], +

1) [Mobile Safari] › src/components/toast/test/a11y/toast.e2e.ts:265:11 › toast: high contrast: buttons - ios/ltr/high-contrast › should pass AAA guidelines Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(received).toEqual(expected) // deep equality - Expected - 1 + Received + 202 - 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": "#818181", + "contrastRatio": 4.72, + "expectedContrastRatio": "7:1", + "fgColor": "#141414", + "fontSize": "10.5pt (14px)", + "fontWeight": "normal", + "messageKey": null, + }, + "id": "color-contrast-enhanced", + "impact": "serious", + "message": "Element has insufficient color contrast of 4.72 (foreground color: #141414, background color: #818181, font size: 10.5pt (14px), 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 4.72 (foreground color: #141414, background color: #818181, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 7:1", + "html": "<div class=\"toast-header\" part=\"header\">Testing</div>", + "impact": "serious", + "none": Array [], + "target": Array [ + Array [ + "#ion-overlay-1", + ".toast-header", + ], + ], + }, + Object { + "all": Array [], + "any": Array [ + Object { + "data": Object { + "bgColor": "#818181", + "contrastRatio": 4.72, + "expectedContrastRatio": "7:1", + "fgColor": "#141414", + "fontSize": "10.5pt (14px)", + "fontWeight": "normal", + "messageKey": null, + }, + "id": "color-contrast-enhanced", + "impact": "serious", + "message": "Element has insufficient color contrast of 4.72 (foreground color: #141414, background color: #818181, font size: 10.5pt (14px), 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", + ], + ], + }, + ], + }, + ], +

1) [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 + 202 - 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": "#818181", + "contrastRatio": 4.72, + "expectedContrastRatio": "7:1", + "fgColor": "#141414", + "fontSize": "10.5pt (14px)", + "fontWeight": "normal", + "messageKey": null, + }, + "id": "color-contrast-enhanced", + "impact": "serious", + "message": "Element has insufficient color contrast of 4.72 (foreground color: #141414, background color: #818181, font size: 10.5pt (14px), 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 4.72 (foreground color: #141414, background color: #818181, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 7:1", + "html": "<div class=\"toast-header\" part=\"header\">Testing</div>", + "impact": "serious", + "none": Array [], + "target": Array [ + Array [ + "#ion-overlay-1", + ".toast-header", + ], + ], + }, + Object { + "all": Array [], + "any": Array [ + Object { + "data": Object { + "bgColor": "#818181", + "contrastRatio": 4.72, + "expectedContrastRatio": "7:1", + "fgColor": "#141414", + "fontSize": "10.5pt (14px)", + "fontWeight": "normal", + "messageKey": null, + }, + "id": "color-contrast-enhanced", + "impact": "serious", + "message": "Element has insufficient color contrast of 4.72 (foreground color: #141414, background color: #818181, font size: 10.5pt (14px), 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 4.72 (foreground color: #141414, background color: #818181, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 7:1", + "html": "<div cl

test-core-screenshot (6, 20)

Process completed with exit code 1.

[Mobile Firefox] › src/components/toast/test/a11y/toast.e2e.ts:265:11 › toast: high contrast: buttons - md/ltr/high-contrast › should pass AAA guidelines: src/components/toast/test/a11y/toast.e2e.ts#L273

3) [Mobile Firefox] › src/components/toast/test/a11y/toast.e2e.ts:265:11 › toast: high contrast: buttons - md/ltr/high-contrast › should pass AAA guidelines Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(received).toEqual(expected) // deep equality - Expected - 1 + Received + 105 - 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": "#1b1b1b", + "contrastRatio": 4.42, + "expectedContrastRatio": "4.5:1", + "fgColor": "#818181", + "fontSize": "10.5pt (14px)", + "fontWeight": "normal", + "messageKey": null, + }, + "id": "color-contrast", + "impact": "serious", + "message": "Element has insufficient color contrast of 4.42 (foreground color: #818181, background color: #1b1b1b, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1", + "relatedNodes": Array [ + Object { + "html": "<div class=\"toast-wrapper toast-bottom toast-layout-baseline\" style=\"transform: translateY(calc(-8px - var(--ion-safe-area-bottom, 0px)));\">", + "target": Array [ + Array [ + "#ion-overlay-1", + ".toast-wrapper", + ], + ], + }, + ], + }, + ], + "failureSummary": "Fix any of the following: + Element has insufficient color contrast of 4.42 (foreground color: #818181, background color: #1b1b1b, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1", + "html": "<div class=\"toast-header\" part=\"header\">Testing</div>", + "impact": "serious", + "none": Array [], + "target": Array [ + Array [ + "#ion-overlay-1", + ".toast-header", + ], + ], + }, + Object { + "all": Array [], + "any": Array [ + Object { + "data": Object { + "bgColor": "#1b1b1b", + "contrastRatio": 4.42, + "expectedContrastRatio": "4.5:1", + "fgColor": "#818181", + "fontSize": "10.5pt (14px)", + "fontWeight": "normal", + "messageKey": null, + }, + "id": "color-contrast", + "impact": "serious", + "message": "Element has insufficient color contrast of 4.42 (foreground color: #818181, background color: #1b1b1b, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1", + "relatedNodes": Array [ + Object { + "html": "<div class=\"toast-wrapper toast-bottom toast-layout-baseline\" style=\"transform: translateY(calc(-8px - var(--ion-safe-area-bottom, 0px)));\">", + "target": Array [ + Array [ + "#ion-overlay-1", + ".toast-wrapper", +

3) [Mobile Firefox] › src/components/toast/test/a11y/toast.e2e.ts:265:11 › toast: high contrast: buttons - md/ltr/high-contrast › should pass AAA guidelines Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(received).toEqual(expected) // deep equality - Expected - 1 + Received + 105 - 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": "#1b1b1b", + "contrastRatio": 4.42, + "expectedContrastRatio": "4.5:1", + "fgColor": "#818181", + "fontSize": "10.5pt (14px)", + "fontWeight": "normal", + "messageKey": null, + }, + "id": "color-contrast", + "impact": "serious", + "message": "Element has insufficient color contrast of 4.42 (foreground color: #818181, background color: #1b1b1b, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1", + "relatedNodes": Array [ + Object { + "html": "<div class=\"toast-wrapper toast-bottom toast-layout-baseline\" style=\"transform: translateY(calc(-8px - var(--ion-safe-area-bottom, 0px)));\">", + "target": Array [ + Array [ + "#ion-overlay-1", + ".toast-wrapper", + ], + ], + }, + ], + }, + ], + "failureSummary": "Fix any of the following: + Element has insufficient color contrast of 4.42 (foreground color: #818181, background color: #1b1b1b, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1", + "html": "<div class=\"toast-header\" part=\"header\">Testing</div>", + "impact": "serious", + "none": Array [], + "target": Array [ + Array [ + "#ion-overlay-1", + ".toast-header", + ], + ], + }, + Object { + "all": Array [], + "any": Array [ + Object { + "data": Object { + "bgColor": "#1b1b1b", + "contrastRatio": 4.42, + "expectedContrastRatio": "4.5:1", + "fgColor": "#818181", + "fontSize": "10.5pt (14px)", + "fontWeight": "normal", + "messageKey": null, + }, + "id": "color-contrast", + "impact": "serious", + "message": "Element has insufficient color contrast of 4.42 (foreground color: #818181, background color: #1b1b1b, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1", + "relatedNodes": Array [ + Object { + "html": "<div class=\"toast-wrapper toast-bottom toast-layout-baseline\" style=\"transform: translateY(calc(-8px - var(--ion-safe-area-bottom, 0px)));\">", + "target": Array [ + Array [ + "#ion-overlay-1", + ".toast-wrapper", +

3) [Mobile Firefox] › src/components/toast/test/a11y/toast.e2e.ts:265:11 › toast: high contrast: buttons - md/ltr/high-contrast › should pass AAA guidelines Error: expect(received).toEqual(expected) // deep equality - Expected - 1 + Received + 105 - 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": "#1b1b1b", + "contrastRatio": 4.42, + "expectedContrastRatio": "4.5:1", + "fgColor": "#818181", + "fontSize": "10.5pt (14px)", + "fontWeight": "normal", + "messageKey": null, + }, + "id": "color-contrast", + "impact": "serious", + "message": "Element has insufficient color contrast of 4.42 (foreground color: #818181, background color: #1b1b1b, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1", + "relatedNodes": Array [ + Object { + "html": "<div class=\"toast-wrapper toast-bottom toast-layout-baseline\" style=\"transform: translateY(calc(-8px - var(--ion-safe-area-bottom, 0px)));\">", + "target": Array [ + Array [ + "#ion-overlay-1", + ".toast-wrapper", + ], + ], + }, + ], + }, + ], + "failureSummary": "Fix any of the following: + Element has insufficient color contrast of 4.42 (foreground color: #818181, background color: #1b1b1b, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1", + "html": "<div class=\"toast-header\" part=\"header\">Testing</div>", + "impact": "serious", + "none": Array [], + "target": Array [ + Array [ + "#ion-overlay-1", + ".toast-header", + ], + ], + }, + Object { + "all": Array [], + "any": Array [ + Object { + "data": Object { + "bgColor": "#1b1b1b", + "contrastRatio": 4.42, + "expectedContrastRatio": "4.5:1", + "fgColor": "#818181", + "fontSize": "10.5pt (14px)", + "fontWeight": "normal", + "messageKey": null, + }, + "id": "color-contrast", + "impact": "serious", + "message": "Element has insufficient color contrast of 4.42 (foreground color: #818181, background color: #1b1b1b, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1", + "relatedNodes": Array [ + Object { + "html": "<div class=\"toast-wrapper toast-bottom toast-layout-baseline\" style=\"transform: translateY(calc(-8px - var(--ion-safe-area-bottom, 0px)));\">", + "target": Array [ + Array [ + "#ion-overlay-1", + ".toast-wrapper", + ], + ], + }, + ], + }, + ], + "failureSummary": "Fix any of the following: + Element has insufficient color contrast of 4.42 (foreground color: #818181, backgro

[Mobile Firefox] › src/components/toast/test/a11y/toast.e2e.ts:265:11 › toast: high contrast: buttons - md/ltr/high-contrast-dark › should pass AAA guidelines: src/components/toast/test/a11y/toast.e2e.ts#L273

2) [Mobile Firefox] › src/components/toast/test/a11y/toast.e2e.ts:265:11 › toast: high contrast: buttons - md/ltr/high-contrast-dark › should pass AAA guidelines Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(received).toEqual(expected) // deep equality - Expected - 1 + Received + 105 - 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": "#d0d0d0", + "contrastRatio": 2.12, + "expectedContrastRatio": "4.5:1", + "fgColor": "#8e8e8e", + "fontSize": "10.5pt (14px)", + "fontWeight": "normal", + "messageKey": null, + }, + "id": "color-contrast", + "impact": "serious", + "message": "Element has insufficient color contrast of 2.12 (foreground color: #8e8e8e, background color: #d0d0d0, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1", + "relatedNodes": Array [ + Object { + "html": "<div class=\"toast-wrapper toast-bottom toast-layout-baseline\" style=\"transform: translateY(calc(-8px - var(--ion-safe-area-bottom, 0px)));\">", + "target": Array [ + Array [ + "#ion-overlay-1", + ".toast-wrapper", + ], + ], + }, + ], + }, + ], + "failureSummary": "Fix any of the following: + Element has insufficient color contrast of 2.12 (foreground color: #8e8e8e, background color: #d0d0d0, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1", + "html": "<div class=\"toast-header\" part=\"header\">Testing</div>", + "impact": "serious", + "none": Array [], + "target": Array [ + Array [ + "#ion-overlay-1", + ".toast-header", + ], + ], + }, + Object { + "all": Array [], + "any": Array [ + Object { + "data": Object { + "bgColor": "#d0d0d0", + "contrastRatio": 2.12, + "expectedContrastRatio": "4.5:1", + "fgColor": "#8e8e8e", + "fontSize": "10.5pt (14px)", + "fontWeight": "normal", + "messageKey": null, + }, + "id": "color-contrast", + "impact": "serious", + "message": "Element has insufficient color contrast of 2.12 (foreground color: #8e8e8e, background color: #d0d0d0, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1", + "relatedNodes": Array [ + Object { + "html": "<div class=\"toast-wrapper toast-bottom toast-layout-baseline\" style=\"transform: translateY(calc(-8px - var(--ion-safe-area-bottom, 0px)));\">", + "target": Array [ + Array [ + "#ion-overlay-1", + ".toast-wrapper",

2) [Mobile Firefox] › src/components/toast/test/a11y/toast.e2e.ts:265:11 › toast: high contrast: buttons - md/ltr/high-contrast-dark › should pass AAA guidelines Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(received).toEqual(expected) // deep equality - Expected - 1 + Received + 105 - 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": "#d0d0d0", + "contrastRatio": 2.12, + "expectedContrastRatio": "4.5:1", + "fgColor": "#8e8e8e", + "fontSize": "10.5pt (14px)", + "fontWeight": "normal", + "messageKey": null, + }, + "id": "color-contrast", + "impact": "serious", + "message": "Element has insufficient color contrast of 2.12 (foreground color: #8e8e8e, background color: #d0d0d0, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1", + "relatedNodes": Array [ + Object { + "html": "<div class=\"toast-wrapper toast-bottom toast-layout-baseline\" style=\"transform: translateY(calc(-8px - var(--ion-safe-area-bottom, 0px)));\">", + "target": Array [ + Array [ + "#ion-overlay-1", + ".toast-wrapper", + ], + ], + }, + ], + }, + ], + "failureSummary": "Fix any of the following: + Element has insufficient color contrast of 2.12 (foreground color: #8e8e8e, background color: #d0d0d0, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1", + "html": "<div class=\"toast-header\" part=\"header\">Testing</div>", + "impact": "serious", + "none": Array [], + "target": Array [ + Array [ + "#ion-overlay-1", + ".toast-header", + ], + ], + }, + Object { + "all": Array [], + "any": Array [ + Object { + "data": Object { + "bgColor": "#d0d0d0", + "contrastRatio": 2.12, + "expectedContrastRatio": "4.5:1", + "fgColor": "#8e8e8e", + "fontSize": "10.5pt (14px)", + "fontWeight": "normal", + "messageKey": null, + }, + "id": "color-contrast", + "impact": "serious", + "message": "Element has insufficient color contrast of 2.12 (foreground color: #8e8e8e, background color: #d0d0d0, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1", + "relatedNodes": Array [ + Object { + "html": "<div class=\"toast-wrapper toast-bottom toast-layout-baseline\" style=\"transform: translateY(calc(-8px - var(--ion-safe-area-bottom, 0px)));\">", + "target": Array [ + Array [ + "#ion-overlay-1", + ".toast-wrapper",

2) [Mobile Firefox] › src/components/toast/test/a11y/toast.e2e.ts:265:11 › toast: high contrast: buttons - md/ltr/high-contrast-dark › should pass AAA guidelines Error: expect(received).toEqual(expected) // deep equality - Expected - 1 + Received + 105 - 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": "#d0d0d0", + "contrastRatio": 2.12, + "expectedContrastRatio": "4.5:1", + "fgColor": "#8e8e8e", + "fontSize": "10.5pt (14px)", + "fontWeight": "normal", + "messageKey": null, + }, + "id": "color-contrast", + "impact": "serious", + "message": "Element has insufficient color contrast of 2.12 (foreground color: #8e8e8e, background color: #d0d0d0, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1", + "relatedNodes": Array [ + Object { + "html": "<div class=\"toast-wrapper toast-bottom toast-layout-baseline\" style=\"transform: translateY(calc(-8px - var(--ion-safe-area-bottom, 0px)));\">", + "target": Array [ + Array [ + "#ion-overlay-1", + ".toast-wrapper", + ], + ], + }, + ], + }, + ], + "failureSummary": "Fix any of the following: + Element has insufficient color contrast of 2.12 (foreground color: #8e8e8e, background color: #d0d0d0, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1", + "html": "<div class=\"toast-header\" part=\"header\">Testing</div>", + "impact": "serious", + "none": Array [], + "target": Array [ + Array [ + "#ion-overlay-1", + ".toast-header", + ], + ], + }, + Object { + "all": Array [], + "any": Array [ + Object { + "data": Object { + "bgColor": "#d0d0d0", + "contrastRatio": 2.12, + "expectedContrastRatio": "4.5:1", + "fgColor": "#8e8e8e", + "fontSize": "10.5pt (14px)", + "fontWeight": "normal", + "messageKey": null, + }, + "id": "color-contrast", + "impact": "serious", + "message": "Element has insufficient color contrast of 2.12 (foreground color: #8e8e8e, background color: #d0d0d0, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1", + "relatedNodes": Array [ + Object { + "html": "<div class=\"toast-wrapper toast-bottom toast-layout-baseline\" style=\"transform: translateY(calc(-8px - var(--ion-safe-area-bottom, 0px)));\">", + "target": Array [ + Array [ + "#ion-overlay-1", + ".toast-wrapper", + ], + ], + }, + ], + }, + ], + "failureSummary": "Fix any of the following: + Element has insufficient color contrast of 2.12 (foreground color: #8e8e8e, ba

[Mobile Firefox] › src/components/toast/test/a11y/toast.e2e.ts:265:11 › toast: high contrast: buttons - ios/ltr/high-contrast › should pass AAA guidelines: src/components/toast/test/a11y/toast.e2e.ts#L273

1) [Mobile Firefox] › src/components/toast/test/a11y/toast.e2e.ts:265:11 › toast: high contrast: buttons - ios/ltr/high-contrast › should pass AAA guidelines Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(received).toEqual(expected) // deep equality - Expected - 1 + Received + 202 - 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": "#818181", + "contrastRatio": 4.72, + "expectedContrastRatio": "7:1", + "fgColor": "#141414", + "fontSize": "10.5pt (14px)", + "fontWeight": "normal", + "messageKey": null, + }, + "id": "color-contrast-enhanced", + "impact": "serious", + "message": "Element has insufficient color contrast of 4.72 (foreground color: #141414, background color: #818181, font size: 10.5pt (14px), 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 4.72 (foreground color: #141414, background color: #818181, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 7:1", + "html": "<div class=\"toast-header\" part=\"header\">Testing</div>", + "impact": "serious", + "none": Array [], + "target": Array [ + Array [ + "#ion-overlay-1", + ".toast-header", + ], + ], + }, + Object { + "all": Array [], + "any": Array [ + Object { + "data": Object { + "bgColor": "#818181", + "contrastRatio": 4.72, + "expectedContrastRatio": "7:1", + "fgColor": "#141414", + "fontSize": "10.5pt (14px)", + "fontWeight": "normal", + "messageKey": null, + }, + "id": "color-contrast-enhanced", + "impact": "serious", + "message": "Element has insufficient color contrast of 4.72 (foreground color: #141414, background color: #818181, font size: 10.5pt (14px), 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", + ], + ], + }, + ], + }, + ],

1) [Mobile Firefox] › src/components/toast/test/a11y/toast.e2e.ts:265:11 › toast: high contrast: buttons - ios/ltr/high-contrast › should pass AAA guidelines Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(received).toEqual(expected) // deep equality - Expected - 1 + Received + 202 - 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": "#818181", + "contrastRatio": 4.72, + "expectedContrastRatio": "7:1", + "fgColor": "#141414", + "fontSize": "10.5pt (14px)", + "fontWeight": "normal", + "messageKey": null, + }, + "id": "color-contrast-enhanced", + "impact": "serious", + "message": "Element has insufficient color contrast of 4.72 (foreground color: #141414, background color: #818181, font size: 10.5pt (14px), 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 4.72 (foreground color: #141414, background color: #818181, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 7:1", + "html": "<div class=\"toast-header\" part=\"header\">Testing</div>", + "impact": "serious", + "none": Array [], + "target": Array [ + Array [ + "#ion-overlay-1", + ".toast-header", + ], + ], + }, + Object { + "all": Array [], + "any": Array [ + Object { + "data": Object { + "bgColor": "#818181", + "contrastRatio": 4.72, + "expectedContrastRatio": "7:1", + "fgColor": "#141414", + "fontSize": "10.5pt (14px)", + "fontWeight": "normal", + "messageKey": null, + }, + "id": "color-contrast-enhanced", + "impact": "serious", + "message": "Element has insufficient color contrast of 4.72 (foreground color: #141414, background color: #818181, font size: 10.5pt (14px), 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", + ], + ], + }, + ], + }, + ],

1) [Mobile Firefox] › 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 + 202 - 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": "#818181", + "contrastRatio": 4.72, + "expectedContrastRatio": "7:1", + "fgColor": "#141414", + "fontSize": "10.5pt (14px)", + "fontWeight": "normal", + "messageKey": null, + }, + "id": "color-contrast-enhanced", + "impact": "serious", + "message": "Element has insufficient color contrast of 4.72 (foreground color: #141414, background color: #818181, font size: 10.5pt (14px), 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 4.72 (foreground color: #141414, background color: #818181, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 7:1", + "html": "<div class=\"toast-header\" part=\"header\">Testing</div>", + "impact": "serious", + "none": Array [], + "target": Array [ + Array [ + "#ion-overlay-1", + ".toast-header", + ], + ], + }, + Object { + "all": Array [], + "any": Array [ + Object { + "data": Object { + "bgColor": "#818181", + "contrastRatio": 4.72, + "expectedContrastRatio": "7:1", + "fgColor": "#141414", + "fontSize": "10.5pt (14px)", + "fontWeight": "normal", + "messageKey": null, + }, + "id": "color-contrast-enhanced", + "impact": "serious", + "message": "Element has insufficient color contrast of 4.72 (foreground color: #141414, background color: #818181, font size: 10.5pt (14px), 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 4.72 (foreground color: #141414, background color: #818181, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 7:1", + "html": "<div c

Name	Size	Digest
ionic-core Expired	5.18 MB	`sha256:e32beb28510e1a44ceb01126398fd0295c2949c494372b7fa0038f29b1e32c49`
test-results-1-20 Expired	513 KB	`sha256:77b3db07c498335747949429cac64d5840109b069828ebd9773c2b051d4763ac`
test-results-10-20 Expired	464 KB	`sha256:175cd5561dccdc411119ead282ea76593fd29b927c95432a43816fef26bd6799`
test-results-11-20 Expired	1.35 MB	`sha256:7d14bc9daa21095818541e100ecd2b247f9ddc8b3c3ef9d30903a23d9c027510`
test-results-12-20 Expired	498 KB	`sha256:071ae5601d083dccf62a71f0f99c75b39c7a09c774ec75a39e213c1a99d03c74`
test-results-13-20 Expired	15.6 MB	`sha256:0328612151e4aa0f07aba06783e284e162788b378e83035016b9426f20f44939`
test-results-14-20 Expired	442 KB	`sha256:07c6cf2d34683f41f4ccfe09c9ffd7ca018da4258e07de242ecb40d98617dd0b`
test-results-15-20 Expired	478 KB	`sha256:98f4caf4758f80777ac17b2e7aebaa9a0594d03cb786623e2a3edf35a7cc2e84`
test-results-16-20 Expired	493 KB	`sha256:17d2575c7a7e6b794b4606a6b13971d63b7be9c5e61cc1352d2d10a96b320cb0`
test-results-17-20 Expired	576 KB	`sha256:ea3749d3cb9dde6ebcc7ec1079c95d4560d305be01e4f789e0f7399547502e4d`
test-results-18-20 Expired	569 KB	`sha256:72fdde4345fc92ccbfbccf33313fb2de7043765f9841e574fed070d3a831fec0`
test-results-19-20 Expired	15.6 MB	`sha256:8fc7a10664b9255202e5c366f3a815384a6fd3228825734b10598922ecc90f77`
test-results-2-20 Expired	521 KB	`sha256:b557d8ba653d7a4d0f413f282f09f286b44142dcf72a552685ef066289ad444b`
test-results-20-20 Expired	356 KB	`sha256:e1e52a460cb63397fdc909391aa0e1ec5a2dde7d29218ab814a8988cde79d3a3`
test-results-3-20 Expired	455 KB	`sha256:b6b68c6d975255db54af4b53aa4507b203a3245f8c4b8b7c5a70953886e8cf10`
test-results-4-20 Expired	600 KB	`sha256:66c2eeb94bcef73134714d10cb1fbb51cacaeff100f7bc3620ef4d9ebaf5abc6`
test-results-5-20 Expired	509 KB	`sha256:23ac5ba1d32cc1cfec1a4974fc1791df2c4d09d683b08e5ee03c81dbbd665582`
test-results-6-20 Expired	15.7 MB	`sha256:b60df405c1c36d992d539bb067e6d2ffcc7c06dbdd88d361c8846b74ed31ce8c`
test-results-7-20 Expired	376 KB	`sha256:521b5f4a4da87f0ebf369c85cc2996ca654cf323fceb56af0a546e496d0b3ab8`
test-results-8-20 Expired	465 KB	`sha256:270ea159c7a957da10fdd8f340e7d54d512a33393070b83c573dea2c87d99ca7`
test-results-9-20 Expired	504 KB	`sha256:690c697f411ed99438ea4705168fa8fa6fe47a79788e47c70f52d450e48fa9fa`
updated-screenshots-2-20 Expired	2.53 KB	`sha256:344d987c96861aadd92507d377276a71d8c519878db4d1dc9696c3145af98295`
updated-screenshots-20-20 Expired	15.2 KB	`sha256:ff902f5c1d3fb7962e25ab297c76904e43708202c6562bc9c1293624e8b63067`