Skip to content

Update Reference Screenshots #1829

Update Reference Screenshots

Update Reference Screenshots #1829

Manually triggered March 26, 2025 14:15
Status Failure
Total duration 10m 58s
Artifacts 32

update-screenshots.yml

on: workflow_dispatch
Matrix: test-core-screenshot
update-reference-screenshots
0s
update-reference-screenshots
Fit to window
Zoom out
Zoom in

Annotations

11 errors and 20 notices
[Mobile Chrome] › src/themes/ionic/test/colors/theme.e2e.ts:101:11 › theme - ionic/md/ltr/light › contrast color on "primary" background tint should pass AA guidelines: src/themes/ionic/test/colors/theme.e2e.ts#L111
1) [Mobile Chrome] › src/themes/ionic/test/colors/theme.e2e.ts:101:11 › theme - ionic/md/ltr/light › contrast color on "primary" background tint should pass AA guidelines Error: expect(received).toEqual(expected) // deep equality - Expected - 1 + Received + 56 - 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.10/color-contrast?application=playwright", + "id": "color-contrast", + "impact": "serious", + "nodes": Array [ + Object { + "all": Array [], + "any": Array [ + Object { + "data": Object { + "bgColor": "#94a5f4", + "contrastRatio": 2.34, + "expectedContrastRatio": "4.5:1", + "fgColor": "#ffffff", + "fontSize": "14.0pt (18.6667px)", + "fontWeight": "normal", + "messageKey": null, + }, + "id": "color-contrast", + "impact": "serious", + "message": "Element has insufficient color contrast of 2.34 (foreground color: #ffffff, background color: #94a5f4, font size: 14.0pt (18.6667px), font weight: normal). Expected contrast ratio of 4.5:1", + "relatedNodes": Array [ + Object { + "html": "<p class=\"ion-color-contrast ion-background-tint\">Hello World</p>", + "target": Array [ + "p", + ], + }, + ], + }, + ], + "failureSummary": "Fix any of the following: + Element has insufficient color contrast of 2.34 (foreground color: #ffffff, background color: #94a5f4, font size: 14.0pt (18.6667px), font weight: normal). Expected contrast ratio of 4.5:1", + "html": "<p class=\"ion-color-contrast ion-background-tint\">Hello World</p>", + "impact": "serious", + "none": Array [], + "target": Array [ + "p", + ], + }, + ], + "tags": Array [ + "cat.color", + "wcag2aa", + "wcag143", + "TTv5", + "TT13.c", + "EN-301-549", + "EN-9.1.4.3", + "ACT", + ], + }, + ] 109 | 110 | const results = await new AxeBuilder({ page }).analyze(); > 111 | expect(results.violations).toEqual([]); | ^ 112 | }); 113 | 114 | test(`color "${color}" on 0.08 opacity background should pass AA guidelines`, async ({ page }) => { at /ionic/src/themes/ionic/test/colors/theme.e2e.ts:111:36
[Mobile Chrome] › src/themes/ionic/test/colors/theme.e2e.ts:101:11 › theme - ionic/md/ltr/light › contrast color on "primary" background tint should pass AA guidelines: src/themes/ionic/test/colors/theme.e2e.ts#L111
1) [Mobile Chrome] › src/themes/ionic/test/colors/theme.e2e.ts:101:11 › theme - ionic/md/ltr/light › contrast color on "primary" background tint should pass AA guidelines Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(received).toEqual(expected) // deep equality - Expected - 1 + Received + 56 - 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.10/color-contrast?application=playwright", + "id": "color-contrast", + "impact": "serious", + "nodes": Array [ + Object { + "all": Array [], + "any": Array [ + Object { + "data": Object { + "bgColor": "#94a5f4", + "contrastRatio": 2.34, + "expectedContrastRatio": "4.5:1", + "fgColor": "#ffffff", + "fontSize": "14.0pt (18.6667px)", + "fontWeight": "normal", + "messageKey": null, + }, + "id": "color-contrast", + "impact": "serious", + "message": "Element has insufficient color contrast of 2.34 (foreground color: #ffffff, background color: #94a5f4, font size: 14.0pt (18.6667px), font weight: normal). Expected contrast ratio of 4.5:1", + "relatedNodes": Array [ + Object { + "html": "<p class=\"ion-color-contrast ion-background-tint\">Hello World</p>", + "target": Array [ + "p", + ], + }, + ], + }, + ], + "failureSummary": "Fix any of the following: + Element has insufficient color contrast of 2.34 (foreground color: #ffffff, background color: #94a5f4, font size: 14.0pt (18.6667px), font weight: normal). Expected contrast ratio of 4.5:1", + "html": "<p class=\"ion-color-contrast ion-background-tint\">Hello World</p>", + "impact": "serious", + "none": Array [], + "target": Array [ + "p", + ], + }, + ], + "tags": Array [ + "cat.color", + "wcag2aa", + "wcag143", + "TTv5", + "TT13.c", + "EN-301-549", + "EN-9.1.4.3", + "ACT", + ], + }, + ] 109 | 110 | const results = await new AxeBuilder({ page }).analyze(); > 111 | expect(results.violations).toEqual([]); | ^ 112 | }); 113 | 114 | test(`color "${color}" on 0.08 opacity background should pass AA guidelines`, async ({ page }) => { at /ionic/src/themes/ionic/test/colors/theme.e2e.ts:111:36
[Mobile Chrome] › src/themes/ionic/test/colors/theme.e2e.ts:101:11 › theme - ionic/md/ltr/light › contrast color on "primary" background tint should pass AA guidelines: src/themes/ionic/test/colors/theme.e2e.ts#L111
1) [Mobile Chrome] › src/themes/ionic/test/colors/theme.e2e.ts:101:11 › theme - ionic/md/ltr/light › contrast color on "primary" background tint should pass AA guidelines Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(received).toEqual(expected) // deep equality - Expected - 1 + Received + 56 - 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.10/color-contrast?application=playwright", + "id": "color-contrast", + "impact": "serious", + "nodes": Array [ + Object { + "all": Array [], + "any": Array [ + Object { + "data": Object { + "bgColor": "#94a5f4", + "contrastRatio": 2.34, + "expectedContrastRatio": "4.5:1", + "fgColor": "#ffffff", + "fontSize": "14.0pt (18.6667px)", + "fontWeight": "normal", + "messageKey": null, + }, + "id": "color-contrast", + "impact": "serious", + "message": "Element has insufficient color contrast of 2.34 (foreground color: #ffffff, background color: #94a5f4, font size: 14.0pt (18.6667px), font weight: normal). Expected contrast ratio of 4.5:1", + "relatedNodes": Array [ + Object { + "html": "<p class=\"ion-color-contrast ion-background-tint\">Hello World</p>", + "target": Array [ + "p", + ], + }, + ], + }, + ], + "failureSummary": "Fix any of the following: + Element has insufficient color contrast of 2.34 (foreground color: #ffffff, background color: #94a5f4, font size: 14.0pt (18.6667px), font weight: normal). Expected contrast ratio of 4.5:1", + "html": "<p class=\"ion-color-contrast ion-background-tint\">Hello World</p>", + "impact": "serious", + "none": Array [], + "target": Array [ + "p", + ], + }, + ], + "tags": Array [ + "cat.color", + "wcag2aa", + "wcag143", + "TTv5", + "TT13.c", + "EN-301-549", + "EN-9.1.4.3", + "ACT", + ], + }, + ] 109 | 110 | const results = await new AxeBuilder({ page }).analyze(); > 111 | expect(results.violations).toEqual([]); | ^ 112 | }); 113 | 114 | test(`color "${color}" on 0.08 opacity background should pass AA guidelines`, async ({ page }) => { at /ionic/src/themes/ionic/test/colors/theme.e2e.ts:111:36
[Mobile Chrome] › src/themes/ionic/test/colors/theme.e2e.ts:62:11 › theme - ionic/md/ltr/light › color "success" should pass AA guidelines: src/themes/ionic/test/colors/theme.e2e.ts#L72
2) [Mobile Chrome] › src/themes/ionic/test/colors/theme.e2e.ts:62:11 › theme - ionic/md/ltr/light › color "success" should pass AA guidelines Error: expect(received).toEqual(expected) // deep equality - Expected - 1 + Received + 58 - 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.10/color-contrast?application=playwright", + "id": "color-contrast", + "impact": "serious", + "nodes": Array [ + Object { + "all": Array [], + "any": Array [ + Object { + "data": Object { + "bgColor": "#ffffff", + "contrastRatio": 3.27, + "expectedContrastRatio": "4.5:1", + "fgColor": "#1ba433", + "fontSize": "14.0pt (18.6667px)", + "fontWeight": "normal", + "messageKey": null, + }, + "id": "color-contrast", + "impact": "serious", + "message": "Element has insufficient color contrast of 3.27 (foreground color: #1ba433, background color: #ffffff, font size: 14.0pt (18.6667px), font weight: normal). Expected contrast ratio of 4.5:1", + "relatedNodes": Array [ + Object { + "html": "<main class=\"ion-color-success\"> + <p class=\"ion-color\">Hello World</p> + </main>", + "target": Array [ + "main", + ], + }, + ], + }, + ], + "failureSummary": "Fix any of the following: + Element has insufficient color contrast of 3.27 (foreground color: #1ba433, background color: #ffffff, font size: 14.0pt (18.6667px), font weight: normal). Expected contrast ratio of 4.5:1", + "html": "<p class=\"ion-color\">Hello World</p>", + "impact": "serious", + "none": Array [], + "target": Array [ + "p", + ], + }, + ], + "tags": Array [ + "cat.color", + "wcag2aa", + "wcag143", + "TTv5", + "TT13.c", + "EN-301-549", + "EN-9.1.4.3", + "ACT", + ], + }, + ] 70 | 71 | const results = await new AxeBuilder({ page }).analyze(); > 72 | expect(results.violations).toEqual([]); | ^ 73 | }); 74 | 75 | test(`contrast color on "${color}" background should pass AA guidelines`, async ({ page }) => { at /ionic/src/themes/ionic/test/colors/theme.e2e.ts:72:36
[Mobile Chrome] › src/themes/ionic/test/colors/theme.e2e.ts:62:11 › theme - ionic/md/ltr/light › color "success" should pass AA guidelines: src/themes/ionic/test/colors/theme.e2e.ts#L72
2) [Mobile Chrome] › src/themes/ionic/test/colors/theme.e2e.ts:62:11 › theme - ionic/md/ltr/light › color "success" should pass AA guidelines Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(received).toEqual(expected) // deep equality - Expected - 1 + Received + 58 - 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.10/color-contrast?application=playwright", + "id": "color-contrast", + "impact": "serious", + "nodes": Array [ + Object { + "all": Array [], + "any": Array [ + Object { + "data": Object { + "bgColor": "#ffffff", + "contrastRatio": 3.27, + "expectedContrastRatio": "4.5:1", + "fgColor": "#1ba433", + "fontSize": "14.0pt (18.6667px)", + "fontWeight": "normal", + "messageKey": null, + }, + "id": "color-contrast", + "impact": "serious", + "message": "Element has insufficient color contrast of 3.27 (foreground color: #1ba433, background color: #ffffff, font size: 14.0pt (18.6667px), font weight: normal). Expected contrast ratio of 4.5:1", + "relatedNodes": Array [ + Object { + "html": "<main class=\"ion-color-success\"> + <p class=\"ion-color\">Hello World</p> + </main>", + "target": Array [ + "main", + ], + }, + ], + }, + ], + "failureSummary": "Fix any of the following: + Element has insufficient color contrast of 3.27 (foreground color: #1ba433, background color: #ffffff, font size: 14.0pt (18.6667px), font weight: normal). Expected contrast ratio of 4.5:1", + "html": "<p class=\"ion-color\">Hello World</p>", + "impact": "serious", + "none": Array [], + "target": Array [ + "p", + ], + }, + ], + "tags": Array [ + "cat.color", + "wcag2aa", + "wcag143", + "TTv5", + "TT13.c", + "EN-301-549", + "EN-9.1.4.3", + "ACT", + ], + }, + ] 70 | 71 | const results = await new AxeBuilder({ page }).analyze(); > 72 | expect(results.violations).toEqual([]); | ^ 73 | }); 74 | 75 | test(`contrast color on "${color}" background should pass AA guidelines`, async ({ page }) => { at /ionic/src/themes/ionic/test/colors/theme.e2e.ts:72:36
[Mobile Chrome] › src/themes/ionic/test/colors/theme.e2e.ts:62:11 › theme - ionic/md/ltr/light › color "success" should pass AA guidelines: src/themes/ionic/test/colors/theme.e2e.ts#L72
2) [Mobile Chrome] › src/themes/ionic/test/colors/theme.e2e.ts:62:11 › theme - ionic/md/ltr/light › color "success" should pass AA guidelines Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(received).toEqual(expected) // deep equality - Expected - 1 + Received + 58 - 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.10/color-contrast?application=playwright", + "id": "color-contrast", + "impact": "serious", + "nodes": Array [ + Object { + "all": Array [], + "any": Array [ + Object { + "data": Object { + "bgColor": "#ffffff", + "contrastRatio": 3.27, + "expectedContrastRatio": "4.5:1", + "fgColor": "#1ba433", + "fontSize": "14.0pt (18.6667px)", + "fontWeight": "normal", + "messageKey": null, + }, + "id": "color-contrast", + "impact": "serious", + "message": "Element has insufficient color contrast of 3.27 (foreground color: #1ba433, background color: #ffffff, font size: 14.0pt (18.6667px), font weight: normal). Expected contrast ratio of 4.5:1", + "relatedNodes": Array [ + Object { + "html": "<main class=\"ion-color-success\"> + <p class=\"ion-color\">Hello World</p> + </main>", + "target": Array [ + "main", + ], + }, + ], + }, + ], + "failureSummary": "Fix any of the following: + Element has insufficient color contrast of 3.27 (foreground color: #1ba433, background color: #ffffff, font size: 14.0pt (18.6667px), font weight: normal). Expected contrast ratio of 4.5:1", + "html": "<p class=\"ion-color\">Hello World</p>", + "impact": "serious", + "none": Array [], + "target": Array [ + "p", + ], + }, + ], + "tags": Array [ + "cat.color", + "wcag2aa", + "wcag143", + "TTv5", + "TT13.c", + "EN-301-549", + "EN-9.1.4.3", + "ACT", + ], + }, + ] 70 | 71 | const results = await new AxeBuilder({ page }).analyze(); > 72 | expect(results.violations).toEqual([]); | ^ 73 | }); 74 | 75 | test(`contrast color on "${color}" background should pass AA guidelines`, async ({ page }) => { at /ionic/src/themes/ionic/test/colors/theme.e2e.ts:72:36
[Mobile Chrome] › src/themes/ionic/test/colors/theme.e2e.ts:75:11 › theme - ionic/md/ltr/light › contrast color on "success" background should pass AA guidelines: src/themes/ionic/test/colors/theme.e2e.ts#L85
3) [Mobile Chrome] › src/themes/ionic/test/colors/theme.e2e.ts:75:11 › theme - ionic/md/ltr/light › contrast color on "success" background should pass AA guidelines Error: expect(received).toEqual(expected) // deep equality - Expected - 1 + Received + 56 - 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.10/color-contrast?application=playwright", + "id": "color-contrast", + "impact": "serious", + "nodes": Array [ + Object { + "all": Array [], + "any": Array [ + Object { + "data": Object { + "bgColor": "#1ba433", + "contrastRatio": 3.27, + "expectedContrastRatio": "4.5:1", + "fgColor": "#ffffff", + "fontSize": "14.0pt (18.6667px)", + "fontWeight": "normal", + "messageKey": null, + }, + "id": "color-contrast", + "impact": "serious", + "message": "Element has insufficient color contrast of 3.27 (foreground color: #ffffff, background color: #1ba433, font size: 14.0pt (18.6667px), font weight: normal). Expected contrast ratio of 4.5:1", + "relatedNodes": Array [ + Object { + "html": "<p class=\"ion-color-contrast ion-background\">Hello World</p>", + "target": Array [ + "p", + ], + }, + ], + }, + ], + "failureSummary": "Fix any of the following: + Element has insufficient color contrast of 3.27 (foreground color: #ffffff, background color: #1ba433, font size: 14.0pt (18.6667px), font weight: normal). Expected contrast ratio of 4.5:1", + "html": "<p class=\"ion-color-contrast ion-background\">Hello World</p>", + "impact": "serious", + "none": Array [], + "target": Array [ + "p", + ], + }, + ], + "tags": Array [ + "cat.color", + "wcag2aa", + "wcag143", + "TTv5", + "TT13.c", + "EN-301-549", + "EN-9.1.4.3", + "ACT", + ], + }, + ] 83 | 84 | const results = await new AxeBuilder({ page }).analyze(); > 85 | expect(results.violations).toEqual([]); | ^ 86 | }); 87 | 88 | test(`contrast color on "${color}" background shade should pass AA guidelines`, async ({ page }) => { at /ionic/src/themes/ionic/test/colors/theme.e2e.ts:85:36
[Mobile Chrome] › src/themes/ionic/test/colors/theme.e2e.ts:75:11 › theme - ionic/md/ltr/light › contrast color on "success" background should pass AA guidelines: src/themes/ionic/test/colors/theme.e2e.ts#L85
3) [Mobile Chrome] › src/themes/ionic/test/colors/theme.e2e.ts:75:11 › theme - ionic/md/ltr/light › contrast color on "success" background should pass AA guidelines Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(received).toEqual(expected) // deep equality - Expected - 1 + Received + 56 - 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.10/color-contrast?application=playwright", + "id": "color-contrast", + "impact": "serious", + "nodes": Array [ + Object { + "all": Array [], + "any": Array [ + Object { + "data": Object { + "bgColor": "#1ba433", + "contrastRatio": 3.27, + "expectedContrastRatio": "4.5:1", + "fgColor": "#ffffff", + "fontSize": "14.0pt (18.6667px)", + "fontWeight": "normal", + "messageKey": null, + }, + "id": "color-contrast", + "impact": "serious", + "message": "Element has insufficient color contrast of 3.27 (foreground color: #ffffff, background color: #1ba433, font size: 14.0pt (18.6667px), font weight: normal). Expected contrast ratio of 4.5:1", + "relatedNodes": Array [ + Object { + "html": "<p class=\"ion-color-contrast ion-background\">Hello World</p>", + "target": Array [ + "p", + ], + }, + ], + }, + ], + "failureSummary": "Fix any of the following: + Element has insufficient color contrast of 3.27 (foreground color: #ffffff, background color: #1ba433, font size: 14.0pt (18.6667px), font weight: normal). Expected contrast ratio of 4.5:1", + "html": "<p class=\"ion-color-contrast ion-background\">Hello World</p>", + "impact": "serious", + "none": Array [], + "target": Array [ + "p", + ], + }, + ], + "tags": Array [ + "cat.color", + "wcag2aa", + "wcag143", + "TTv5", + "TT13.c", + "EN-301-549", + "EN-9.1.4.3", + "ACT", + ], + }, + ] 83 | 84 | const results = await new AxeBuilder({ page }).analyze(); > 85 | expect(results.violations).toEqual([]); | ^ 86 | }); 87 | 88 | test(`contrast color on "${color}" background shade should pass AA guidelines`, async ({ page }) => { at /ionic/src/themes/ionic/test/colors/theme.e2e.ts:85:36
[Mobile Chrome] › src/themes/ionic/test/colors/theme.e2e.ts:75:11 › theme - ionic/md/ltr/light › contrast color on "success" background should pass AA guidelines: src/themes/ionic/test/colors/theme.e2e.ts#L85
3) [Mobile Chrome] › src/themes/ionic/test/colors/theme.e2e.ts:75:11 › theme - ionic/md/ltr/light › contrast color on "success" background should pass AA guidelines Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(received).toEqual(expected) // deep equality - Expected - 1 + Received + 56 - 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.10/color-contrast?application=playwright", + "id": "color-contrast", + "impact": "serious", + "nodes": Array [ + Object { + "all": Array [], + "any": Array [ + Object { + "data": Object { + "bgColor": "#1ba433", + "contrastRatio": 3.27, + "expectedContrastRatio": "4.5:1", + "fgColor": "#ffffff", + "fontSize": "14.0pt (18.6667px)", + "fontWeight": "normal", + "messageKey": null, + }, + "id": "color-contrast", + "impact": "serious", + "message": "Element has insufficient color contrast of 3.27 (foreground color: #ffffff, background color: #1ba433, font size: 14.0pt (18.6667px), font weight: normal). Expected contrast ratio of 4.5:1", + "relatedNodes": Array [ + Object { + "html": "<p class=\"ion-color-contrast ion-background\">Hello World</p>", + "target": Array [ + "p", + ], + }, + ], + }, + ], + "failureSummary": "Fix any of the following: + Element has insufficient color contrast of 3.27 (foreground color: #ffffff, background color: #1ba433, font size: 14.0pt (18.6667px), font weight: normal). Expected contrast ratio of 4.5:1", + "html": "<p class=\"ion-color-contrast ion-background\">Hello World</p>", + "impact": "serious", + "none": Array [], + "target": Array [ + "p", + ], + }, + ], + "tags": Array [ + "cat.color", + "wcag2aa", + "wcag143", + "TTv5", + "TT13.c", + "EN-301-549", + "EN-9.1.4.3", + "ACT", + ], + }, + ] 83 | 84 | const results = await new AxeBuilder({ page }).analyze(); > 85 | expect(results.violations).toEqual([]); | ^ 86 | }); 87 | 88 | test(`contrast color on "${color}" background shade should pass AA guidelines`, async ({ page }) => { at /ionic/src/themes/ionic/test/colors/theme.e2e.ts:85:36
[Mobile Chrome] › src/themes/ionic/test/colors/theme.e2e.ts:88:11 › theme - ionic/md/ltr/light › contrast color on "success" background shade should pass AA guidelines: src/themes/ionic/test/colors/theme.e2e.ts#L98
4) [Mobile Chrome] › src/themes/ionic/test/colors/theme.e2e.ts:88:11 › theme - ionic/md/ltr/light › contrast color on "success" background shade should pass AA guidelines Error: expect(received).toEqual(expected) // deep equality - Expected - 1 + Received + 56 - 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.10/color-contrast?application=playwright", + "id": "color-contrast", + "impact": "serious", + "nodes": Array [ + Object { + "all": Array [], + "any": Array [ + Object { + "data": Object { + "bgColor": "#178a2b", + "contrastRatio": 4.46, + "expectedContrastRatio": "4.5:1", + "fgColor": "#ffffff", + "fontSize": "14.0pt (18.6667px)", + "fontWeight": "normal", + "messageKey": null, + }, + "id": "color-contrast", + "impact": "serious", + "message": "Element has insufficient color contrast of 4.46 (foreground color: #ffffff, background color: #178a2b, font size: 14.0pt (18.6667px), font weight: normal). Expected contrast ratio of 4.5:1", + "relatedNodes": Array [ + Object { + "html": "<p class=\"ion-color-contrast ion-background-shade\">Hello World</p>", + "target": Array [ + "p", + ], + }, + ], + }, + ], + "failureSummary": "Fix any of the following: + Element has insufficient color contrast of 4.46 (foreground color: #ffffff, background color: #178a2b, font size: 14.0pt (18.6667px), font weight: normal). Expected contrast ratio of 4.5:1", + "html": "<p class=\"ion-color-contrast ion-background-shade\">Hello World</p>", + "impact": "serious", + "none": Array [], + "target": Array [ + "p", + ], + }, + ], + "tags": Array [ + "cat.color", + "wcag2aa", + "wcag143", + "TTv5", + "TT13.c", + "EN-301-549", + "EN-9.1.4.3", + "ACT", + ], + }, + ] 96 | 97 | const results = await new AxeBuilder({ page }).analyze(); > 98 | expect(results.violations).toEqual([]); | ^ 99 | }); 100 | 101 | test(`contrast color on "${color}" background tint should pass AA guidelines`, async ({ page }) => { at /ionic/src/themes/ionic/test/colors/theme.e2e.ts:98:36
[Mobile Safari] › src/components/radio/test/a11y/radio.e2e.ts:117:11 › radio: a11y - ios/ltr › radio: keyboard navigation - ios/ltr › tabbing should switch between radio groups: src/components/radio/test/a11y/radio.e2e.ts#L122
1) [Mobile Safari] › src/components/radio/test/a11y/radio.e2e.ts:117:11 › radio: a11y - ios/ltr › radio: keyboard navigation - ios/ltr › tabbing should switch between radio groups Error: Timed out 5000ms waiting for expect(locator).toBeFocused() Locator: locator('#first-group ion-radio').first() Expected: focused Received: inactive Call log: - expect.toBeFocused with timeout 5000ms - waiting for locator('#first-group ion-radio').first() 2 × locator resolved to <ion-radio value="huey" role="radio" tabindex="-1" aria-checked="true" class="ios in-item radio-checked radio-label-placement-start hydrated">Huey</ion-radio> - unexpected value "inactive" 7 × locator resolved to <ion-radio value="huey" role="radio" tabindex="0" aria-checked="true" class="ios 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
🎭 Playwright Run Summary
300 skipped 281 passed (2.7m)
🎭 Playwright Run Summary
296 skipped 264 passed (2.9m)
🎭 Playwright Run Summary
594 passed (3.2m)
🎭 Playwright Run Summary
605 passed (3.3m)
🎭 Playwright Run Summary
580 passed (3.7m)
🎭 Playwright Run Summary
3 skipped 594 passed (3.9m)
🎭 Playwright Run Summary
2 skipped 588 passed (3.8m)
🎭 Playwright Run Summary
14 skipped 428 passed (5.6m)
🎭 Playwright Run Summary
9 skipped 605 passed (5.9m)
🎭 Playwright Run Summary
3 skipped 587 passed (6.3m)
🎭 Playwright Run Summary
17 failed [Mobile Chrome] › src/themes/ionic/test/colors/theme.e2e.ts:101:11 › theme - ionic/md/ltr/light › contrast color on "primary" background tint should pass AA guidelines [Mobile Chrome] › src/themes/ionic/test/colors/theme.e2e.ts:62:11 › theme - ionic/md/ltr/light › color "success" should pass AA guidelines [Mobile Chrome] › src/themes/ionic/test/colors/theme.e2e.ts:75:11 › theme - ionic/md/ltr/light › contrast color on "success" background should pass AA guidelines [Mobile Chrome] › src/themes/ionic/test/colors/theme.e2e.ts:88:11 › theme - ionic/md/ltr/light › contrast color on "success" background shade should pass AA guidelines [Mobile Chrome] › src/themes/ionic/test/colors/theme.e2e.ts:101:11 › theme - ionic/md/ltr/light › contrast color on "success" background tint should pass AA guidelines [Mobile Chrome] › src/themes/ionic/test/colors/theme.e2e.ts:114:11 › theme - ionic/md/ltr/light › color "success" on 0.08 opacity background should pass AA guidelines [Mobile Chrome] › src/themes/ionic/test/colors/theme.e2e.ts:127:11 › theme - ionic/md/ltr/light › color "success" on 0.12 opacity background should pass AA guidelines [Mobile Chrome] › src/themes/ionic/test/colors/theme.e2e.ts:62:11 › theme - ionic/md/ltr/light › color "warning" should pass AA guidelines [Mobile Chrome] › src/themes/ionic/test/colors/theme.e2e.ts:75:11 › theme - ionic/md/ltr/light › contrast color on "warning" background should pass AA guidelines [Mobile Chrome] › src/themes/ionic/test/colors/theme.e2e.ts:101:11 › theme - ionic/md/ltr/light › contrast color on "warning" background tint should pass AA guidelines [Mobile Chrome] › src/themes/ionic/test/colors/theme.e2e.ts:114:11 › theme - ionic/md/ltr/light › color "warning" on 0.08 opacity background should pass AA guidelines [Mobile Chrome] › src/themes/ionic/test/colors/theme.e2e.ts:127:11 › theme - ionic/md/ltr/light › color "warning" on 0.12 opacity background should pass AA guidelines [Mobile Chrome] › src/themes/ionic/test/colors/theme.e2e.ts:62:11 › theme - ionic/md/ltr/light › color "danger" should pass AA guidelines [Mobile Chrome] › src/themes/ionic/test/colors/theme.e2e.ts:75:11 › theme - ionic/md/ltr/light › contrast color on "danger" background should pass AA guidelines [Mobile Chrome] › src/themes/ionic/test/colors/theme.e2e.ts:101:11 › theme - ionic/md/ltr/light › contrast color on "danger" background tint should pass AA guidelines [Mobile Chrome] › src/themes/ionic/test/colors/theme.e2e.ts:114:11 › theme - ionic/md/ltr/light › color "danger" on 0.08 opacity background should pass AA guidelines [Mobile Chrome] › src/themes/ionic/test/colors/theme.e2e.ts:127:11 › theme - ionic/md/ltr/light › color "danger" on 0.12 opacity background should pass AA guidelines 12 skipped 712 passed (6.5m)
🎭 Playwright Run Summary
1 flaky [Mobile Safari] › src/components/radio/test/a11y/radio.e2e.ts:117:11 › radio: a11y - ios/ltr › radio: keyboard navigation - ios/ltr › tabbing should switch between radio groups 5 skipped 595 passed (6.7m)
🎭 Playwright Run Summary
4 skipped 593 passed (6.8m)
🎭 Playwright Run Summary
2 skipped 615 passed (6.9m)
🎭 Playwright Run Summary
12 skipped 530 passed (7.1m)
🎭 Playwright Run Summary
1 skipped 596 passed (7.4m)
🎭 Playwright Run Summary
1 skipped 644 passed (7.6m)
🎭 Playwright Run Summary
4 skipped 595 passed (7.7m)
🎭 Playwright Run Summary
7 skipped 558 passed (7.8m)
🎭 Playwright Run Summary
5 skipped 582 passed (8.0m)

Artifacts

Produced during runtime
Name Size Digest
ionic-core Expired
5.51 MB
sha256:1ba3d326f46d2f98b449ed0f8b3be7a42808f63b0e0e4558592b29c7015fd794
test-results-1-20 Expired
477 KB
sha256:d172a8aaa6c9be0f1a74aff6b745292bd0bc5e688e766341f30d6347cb0af5df
test-results-10-20 Expired
483 KB
sha256:198310777c4efd71e7a709743be06fda72cb70e69f0610e8def7c2155b4f905e
test-results-11-20 Expired
523 KB
sha256:e80c5f293a5232de38c579a1a0a7b3825616c47340ac323ce699844eb6870f65
test-results-12-20 Expired
462 KB
sha256:0c24f37d418864b3402ce1752eee9dcb46394f99e08653e3629ba65ec3e50427
test-results-13-20 Expired
83 MB
sha256:7ef70e918dfe1c3c3d524bd94bcca888be63a98d7a990401186c3ec073f3fdb8
test-results-14-20 Expired
423 KB
sha256:d43ae2113ec148a06ab72cded06f6d66349ed017b36d99f8949b78d2422ebea7
test-results-15-20 Expired
451 KB
sha256:44e3145c445751038d190dec46edec5c676158680988f5c2400864c2b696bfd9
test-results-16-20 Expired
471 KB
sha256:23d3c8f23c2dd15b5d9011fcbf617b9775675d8882e6eb9c2ec3c0b7a45aff09
test-results-17-20 Expired
568 KB
sha256:13a1f860ea23d3bd3ce87085284752c3c843f12f6e0efd030e50f0c9c0a5e657
test-results-18-20 Expired
1.24 MB
sha256:7a6cf335ecfb0650debe50f2d24211780c9bfce0d6d6a6f49b08066b80df13d3
test-results-19-20 Expired
448 KB
sha256:3adbe3e20628791c5f9d99cee9561850739887f5254e0a62503cfa755c8dbcfe
test-results-2-20 Expired
493 KB
sha256:0f7146d77312a614a89441bd94325aeff7b46cadbe4e1762fa3d9e0ce41ed287
test-results-20-20 Expired
328 KB
sha256:09a8246d0a472e376d14af72f1dc1c690ea2235a00bcbbedd0486704330685cc
test-results-3-20 Expired
462 KB
sha256:e0265df4d6b626f3851e08cf2bf3033fa35098dee827024173398e3128f5bb97
test-results-4-20 Expired
540 KB
sha256:30f3ea02319d46aa81e4f90aebd30a7af690634ad95620ffdb3c52f527543aff
test-results-5-20 Expired
479 KB
sha256:0ad907e544fba677cfe377c6e238fe8796da37d309f13533820a1a166e5d28a8
test-results-6-20 Expired
454 KB
sha256:ffd79c71ade905cc69f70ea885acfa433149f9e1a1282e0b3f181f2efef63d44
test-results-7-20 Expired
369 KB
sha256:055aed7ca4e8b6bcbf620aacb2803b7c83fd62b4ea44ad894ff29dda880e1e19
test-results-8-20 Expired
432 KB
sha256:6ead973a0d942c5a3e4e1a9967cd23ddbb093f0a75a3ade67c776ffb454e2908
test-results-9-20 Expired
478 KB
sha256:bd4258ca20ab5c7f880b1726d013a294bac2facd75e138d234614ae52f81434f
updated-screenshots-1-20 Expired
1.44 MB
sha256:dd7ba20fc86deb9d2cdb147c8590421fe02b56972480accc349698e25bdfa69d
updated-screenshots-11-20 Expired
41.7 KB
sha256:3d68a7f5e84af4133b947f35bd435ad2d73b9d42794f9d0c950d9c3088c5c6b9
updated-screenshots-14-20 Expired
1.39 MB
sha256:548f88f0ccfb77234370ede4a59ebc257af979b65dd3e93b598287a8bde53689
updated-screenshots-15-20 Expired
2.34 KB
sha256:dda70a9adad944200da431fd32eff0bbf9d04382a67eb3ea6db1912ced1f6d3b
updated-screenshots-18-20 Expired
63 KB
sha256:8801c310e381993e0f68abc0c2e0a7f1502998bd82f3f8c53d387b12badad961
updated-screenshots-20-20 Expired
163 KB
sha256:2315053e814a135d994e9ca1904be9e9e21f0e0ba75c02db3b97e2ff6ecf0054
updated-screenshots-3-20 Expired
4.46 KB
sha256:c14eeec5b891855c7e24e2c1321d1b8ee940998c67d020a1c2881e70fef34092
updated-screenshots-4-20 Expired
63.5 KB
sha256:8333c6483b0054ee231ef6222b6e4f704c67fabb126acea181281859fa31679b
updated-screenshots-6-20 Expired
45 KB
sha256:f66d2a6c193209d8c0227d2af70d6f33f476acdc7936146f8c1b73d8f4f69092
updated-screenshots-7-20 Expired
129 KB
sha256:d87d8219ea5f6784f121e7c19b82bc5d37e7e5542263be5663b4334dc8bd4d4f
updated-screenshots-8-20 Expired
1.19 MB
sha256:74503de3e39064c91f75c40eea46f84723f4f8b3844c5f89d4b0674f693d4e58