Update Reference Screenshots #1829
update-screenshots.yml
on: workflow_dispatch
build-core
1m 47s
Matrix: test-core-screenshot
update-reference-screenshots
0s
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
|
|