Update Reference Screenshots #1842
BenOsodracupdate-screenshots.yml
on: workflow_dispatch
build-core
1m 50s
Matrix: test-core-screenshot
update-reference-screenshots
0s
Annotations
10 errors and 20 notices
|
[Mobile Chrome] › src/themes/ionic/test/colors/theme.e2e.ts:77:11 › palette colors: bold - ionic/md/ltr/dark › foreground color "primary" should pass AA guidelines:
src/themes/ionic/test/colors/theme.e2e.ts#L87
1) [Mobile Chrome] › src/themes/ionic/test/colors/theme.e2e.ts:77:11 › palette colors: bold - ionic/md/ltr/dark › foreground color "primary" 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": "#121212",
+ "contrastRatio": 2.5,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#0d4bc3",
+ "fontSize": "14.0pt (18.6667px)",
+ "fontWeight": "normal",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 2.5 (foreground color: #0d4bc3, background color: #121212, font size: 14.0pt (18.6667px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "relatedNodes": Array [
+ Object {
+ "html": "<body>",
+ "target": Array [
+ "body",
+ ],
+ },
+ ],
+ },
+ ],
+ "failureSummary": "Fix any of the following:
+ Element has insufficient color contrast of 2.5 (foreground color: #0d4bc3, background color: #121212, 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",
+ ],
+ },
+ ]
85 |
86 | const results = await new AxeBuilder({ page }).analyze();
> 87 | expect(results.violations).toEqual([]);
| ^
88 | });
89 |
90 | // 2) The contrast color as the text color against the base color as the background color
at /ionic/src/themes/ionic/test/colors/theme.e2e.ts:87:36
|
|
[Mobile Chrome] › src/themes/ionic/test/colors/theme.e2e.ts:77:11 › palette colors: bold - ionic/md/ltr/dark › foreground color "primary" should pass AA guidelines:
src/themes/ionic/test/colors/theme.e2e.ts#L87
1) [Mobile Chrome] › src/themes/ionic/test/colors/theme.e2e.ts:77:11 › palette colors: bold - ionic/md/ltr/dark › foreground color "primary" 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": "#121212",
+ "contrastRatio": 2.5,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#0d4bc3",
+ "fontSize": "14.0pt (18.6667px)",
+ "fontWeight": "normal",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 2.5 (foreground color: #0d4bc3, background color: #121212, font size: 14.0pt (18.6667px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "relatedNodes": Array [
+ Object {
+ "html": "<body>",
+ "target": Array [
+ "body",
+ ],
+ },
+ ],
+ },
+ ],
+ "failureSummary": "Fix any of the following:
+ Element has insufficient color contrast of 2.5 (foreground color: #0d4bc3, background color: #121212, 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",
+ ],
+ },
+ ]
85 |
86 | const results = await new AxeBuilder({ page }).analyze();
> 87 | expect(results.violations).toEqual([]);
| ^
88 | });
89 |
90 | // 2) The contrast color as the text color against the base color as the background color
at /ionic/src/themes/ionic/test/colors/theme.e2e.ts:87:36
|
|
[Mobile Chrome] › src/themes/ionic/test/colors/theme.e2e.ts:77:11 › palette colors: bold - ionic/md/ltr/dark › foreground color "primary" should pass AA guidelines:
src/themes/ionic/test/colors/theme.e2e.ts#L87
1) [Mobile Chrome] › src/themes/ionic/test/colors/theme.e2e.ts:77:11 › palette colors: bold - ionic/md/ltr/dark › foreground color "primary" 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": "#121212",
+ "contrastRatio": 2.5,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#0d4bc3",
+ "fontSize": "14.0pt (18.6667px)",
+ "fontWeight": "normal",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 2.5 (foreground color: #0d4bc3, background color: #121212, font size: 14.0pt (18.6667px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "relatedNodes": Array [
+ Object {
+ "html": "<body>",
+ "target": Array [
+ "body",
+ ],
+ },
+ ],
+ },
+ ],
+ "failureSummary": "Fix any of the following:
+ Element has insufficient color contrast of 2.5 (foreground color: #0d4bc3, background color: #121212, 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",
+ ],
+ },
+ ]
85 |
86 | const results = await new AxeBuilder({ page }).analyze();
> 87 | expect(results.violations).toEqual([]);
| ^
88 | });
89 |
90 | // 2) The contrast color as the text color against the base color as the background color
at /ionic/src/themes/ionic/test/colors/theme.e2e.ts:87:36
|
|
[Mobile Chrome] › src/themes/ionic/test/colors/theme.e2e.ts:77:11 › palette colors: bold - ionic/md/ltr/dark › foreground color "secondary" should pass AA guidelines:
src/themes/ionic/test/colors/theme.e2e.ts#L87
2) [Mobile Chrome] › src/themes/ionic/test/colors/theme.e2e.ts:77:11 › palette colors: bold - ionic/md/ltr/dark › foreground color "secondary" 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": "#121212",
+ "contrastRatio": 2.5,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#0d4bc3",
+ "fontSize": "14.0pt (18.6667px)",
+ "fontWeight": "normal",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 2.5 (foreground color: #0d4bc3, background color: #121212, font size: 14.0pt (18.6667px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "relatedNodes": Array [
+ Object {
+ "html": "<body>",
+ "target": Array [
+ "body",
+ ],
+ },
+ ],
+ },
+ ],
+ "failureSummary": "Fix any of the following:
+ Element has insufficient color contrast of 2.5 (foreground color: #0d4bc3, background color: #121212, 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",
+ ],
+ },
+ ]
85 |
86 | const results = await new AxeBuilder({ page }).analyze();
> 87 | expect(results.violations).toEqual([]);
| ^
88 | });
89 |
90 | // 2) The contrast color as the text color against the base color as the background color
at /ionic/src/themes/ionic/test/colors/theme.e2e.ts:87:36
|
|
[Mobile Chrome] › src/themes/ionic/test/colors/theme.e2e.ts:77:11 › palette colors: bold - ionic/md/ltr/dark › foreground color "secondary" should pass AA guidelines:
src/themes/ionic/test/colors/theme.e2e.ts#L87
2) [Mobile Chrome] › src/themes/ionic/test/colors/theme.e2e.ts:77:11 › palette colors: bold - ionic/md/ltr/dark › foreground color "secondary" 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": "#121212",
+ "contrastRatio": 2.5,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#0d4bc3",
+ "fontSize": "14.0pt (18.6667px)",
+ "fontWeight": "normal",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 2.5 (foreground color: #0d4bc3, background color: #121212, font size: 14.0pt (18.6667px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "relatedNodes": Array [
+ Object {
+ "html": "<body>",
+ "target": Array [
+ "body",
+ ],
+ },
+ ],
+ },
+ ],
+ "failureSummary": "Fix any of the following:
+ Element has insufficient color contrast of 2.5 (foreground color: #0d4bc3, background color: #121212, 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",
+ ],
+ },
+ ]
85 |
86 | const results = await new AxeBuilder({ page }).analyze();
> 87 | expect(results.violations).toEqual([]);
| ^
88 | });
89 |
90 | // 2) The contrast color as the text color against the base color as the background color
at /ionic/src/themes/ionic/test/colors/theme.e2e.ts:87:36
|
|
[Mobile Chrome] › src/themes/ionic/test/colors/theme.e2e.ts:77:11 › palette colors: bold - ionic/md/ltr/dark › foreground color "secondary" should pass AA guidelines:
src/themes/ionic/test/colors/theme.e2e.ts#L87
2) [Mobile Chrome] › src/themes/ionic/test/colors/theme.e2e.ts:77:11 › palette colors: bold - ionic/md/ltr/dark › foreground color "secondary" 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": "#121212",
+ "contrastRatio": 2.5,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#0d4bc3",
+ "fontSize": "14.0pt (18.6667px)",
+ "fontWeight": "normal",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 2.5 (foreground color: #0d4bc3, background color: #121212, font size: 14.0pt (18.6667px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "relatedNodes": Array [
+ Object {
+ "html": "<body>",
+ "target": Array [
+ "body",
+ ],
+ },
+ ],
+ },
+ ],
+ "failureSummary": "Fix any of the following:
+ Element has insufficient color contrast of 2.5 (foreground color: #0d4bc3, background color: #121212, 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",
+ ],
+ },
+ ]
85 |
86 | const results = await new AxeBuilder({ page }).analyze();
> 87 | expect(results.violations).toEqual([]);
| ^
88 | });
89 |
90 | // 2) The contrast color as the text color against the base color as the background color
at /ionic/src/themes/ionic/test/colors/theme.e2e.ts:87:36
|
|
[Mobile Chrome] › src/themes/ionic/test/colors/theme.e2e.ts:77:11 › palette colors: bold - ionic/md/ltr/dark › foreground color "tertiary" should pass AA guidelines:
src/themes/ionic/test/colors/theme.e2e.ts#L87
3) [Mobile Chrome] › src/themes/ionic/test/colors/theme.e2e.ts:77:11 › palette colors: bold - ionic/md/ltr/dark › foreground color "tertiary" 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": "#121212",
+ "contrastRatio": 2.98,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#7c20f2",
+ "fontSize": "14.0pt (18.6667px)",
+ "fontWeight": "normal",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 2.98 (foreground color: #7c20f2, background color: #121212, font size: 14.0pt (18.6667px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "relatedNodes": Array [
+ Object {
+ "html": "<body>",
+ "target": Array [
+ "body",
+ ],
+ },
+ ],
+ },
+ ],
+ "failureSummary": "Fix any of the following:
+ Element has insufficient color contrast of 2.98 (foreground color: #7c20f2, background color: #121212, 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",
+ ],
+ },
+ ]
85 |
86 | const results = await new AxeBuilder({ page }).analyze();
> 87 | expect(results.violations).toEqual([]);
| ^
88 | });
89 |
90 | // 2) The contrast color as the text color against the base color as the background color
at /ionic/src/themes/ionic/test/colors/theme.e2e.ts:87:36
|
|
[Mobile Chrome] › src/themes/ionic/test/colors/theme.e2e.ts:77:11 › palette colors: bold - ionic/md/ltr/dark › foreground color "tertiary" should pass AA guidelines:
src/themes/ionic/test/colors/theme.e2e.ts#L87
3) [Mobile Chrome] › src/themes/ionic/test/colors/theme.e2e.ts:77:11 › palette colors: bold - ionic/md/ltr/dark › foreground color "tertiary" 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": "#121212",
+ "contrastRatio": 2.98,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#7c20f2",
+ "fontSize": "14.0pt (18.6667px)",
+ "fontWeight": "normal",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 2.98 (foreground color: #7c20f2, background color: #121212, font size: 14.0pt (18.6667px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "relatedNodes": Array [
+ Object {
+ "html": "<body>",
+ "target": Array [
+ "body",
+ ],
+ },
+ ],
+ },
+ ],
+ "failureSummary": "Fix any of the following:
+ Element has insufficient color contrast of 2.98 (foreground color: #7c20f2, background color: #121212, 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",
+ ],
+ },
+ ]
85 |
86 | const results = await new AxeBuilder({ page }).analyze();
> 87 | expect(results.violations).toEqual([]);
| ^
88 | });
89 |
90 | // 2) The contrast color as the text color against the base color as the background color
at /ionic/src/themes/ionic/test/colors/theme.e2e.ts:87:36
|
|
[Mobile Chrome] › src/themes/ionic/test/colors/theme.e2e.ts:77:11 › palette colors: bold - ionic/md/ltr/dark › foreground color "tertiary" should pass AA guidelines:
src/themes/ionic/test/colors/theme.e2e.ts#L87
3) [Mobile Chrome] › src/themes/ionic/test/colors/theme.e2e.ts:77:11 › palette colors: bold - ionic/md/ltr/dark › foreground color "tertiary" 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": "#121212",
+ "contrastRatio": 2.98,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#7c20f2",
+ "fontSize": "14.0pt (18.6667px)",
+ "fontWeight": "normal",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 2.98 (foreground color: #7c20f2, background color: #121212, font size: 14.0pt (18.6667px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "relatedNodes": Array [
+ Object {
+ "html": "<body>",
+ "target": Array [
+ "body",
+ ],
+ },
+ ],
+ },
+ ],
+ "failureSummary": "Fix any of the following:
+ Element has insufficient color contrast of 2.98 (foreground color: #7c20f2, background color: #121212, 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",
+ ],
+ },
+ ]
85 |
86 | const results = await new AxeBuilder({ page }).analyze();
> 87 | expect(results.violations).toEqual([]);
| ^
88 | });
89 |
90 | // 2) The contrast color as the text color against the base color as the background color
at /ionic/src/themes/ionic/test/colors/theme.e2e.ts:87:36
|
|
[Mobile Chrome] › src/themes/ionic/test/colors/theme.e2e.ts:77:11 › palette colors: bold - ionic/md/ltr/dark › foreground color "success" should pass AA guidelines:
src/themes/ionic/test/colors/theme.e2e.ts#L87
4) [Mobile Chrome] › src/themes/ionic/test/colors/theme.e2e.ts:77:11 › palette colors: bold - ionic/md/ltr/dark › foreground color "success" 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": "#121212",
+ "contrastRatio": 2.96,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#126f23",
+ "fontSize": "14.0pt (18.6667px)",
+ "fontWeight": "normal",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 2.96 (foreground color: #126f23, background color: #121212, font size: 14.0pt (18.6667px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "relatedNodes": Array [
+ Object {
+ "html": "<body>",
+ "target": Array [
+ "body",
+ ],
+ },
+ ],
+ },
+ ],
+ "failureSummary": "Fix any of the following:
+ Element has insufficient color contrast of 2.96 (foreground color: #126f23, background color: #121212, 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",
+ ],
+ },
+ ]
85 |
86 | const results = await new AxeBuilder({ page }).analyze();
> 87 | expect(results.violations).toEqual([]);
| ^
88 | });
89 |
90 | // 2) The contrast color as the text color against the base color as the background color
at /ionic/src/themes/ionic/test/colors/theme.e2e.ts:87:36
|
|
🎭 Playwright Run Summary
360 skipped
247 passed (2.4m)
|
|
🎭 Playwright Run Summary
356 skipped
248 passed (2.7m)
|
|
🎭 Playwright Run Summary
606 passed (3.3m)
|
|
🎭 Playwright Run Summary
662 passed (3.4m)
|
|
🎭 Playwright Run Summary
2 skipped
598 passed (3.7m)
|
|
🎭 Playwright Run Summary
3 skipped
594 passed (3.8m)
|
|
🎭 Playwright Run Summary
615 passed (4.2m)
|
|
🎭 Playwright Run Summary
9 skipped
497 passed (5.2m)
|
|
🎭 Playwright Run Summary
14 skipped
436 passed (5.5m)
|
|
🎭 Playwright Run Summary
3 skipped
587 passed (6.2m)
|
|
🎭 Playwright Run Summary
18 failed
[Mobile Chrome] › src/themes/ionic/test/colors/theme.e2e.ts:77:11 › palette colors: bold - ionic/md/ltr/dark › foreground color "primary" should pass AA guidelines
[Mobile Chrome] › src/themes/ionic/test/colors/theme.e2e.ts:77:11 › palette colors: bold - ionic/md/ltr/dark › foreground color "secondary" should pass AA guidelines
[Mobile Chrome] › src/themes/ionic/test/colors/theme.e2e.ts:77:11 › palette colors: bold - ionic/md/ltr/dark › foreground color "tertiary" should pass AA guidelines
[Mobile Chrome] › src/themes/ionic/test/colors/theme.e2e.ts:77:11 › palette colors: bold - ionic/md/ltr/dark › foreground color "success" should pass AA guidelines
[Mobile Chrome] › src/themes/ionic/test/colors/theme.e2e.ts:77:11 › palette colors: bold - ionic/md/ltr/dark › foreground color "warning" should pass AA guidelines
[Mobile Chrome] › src/themes/ionic/test/colors/theme.e2e.ts:77:11 › palette colors: bold - ionic/md/ltr/dark › foreground color "danger" should pass AA guidelines
[Mobile Chrome] › src/themes/ionic/test/colors/theme.e2e.ts:77:11 › palette colors: bold - ionic/md/ltr/dark › foreground color "light" should pass AA guidelines
[Mobile Chrome] › src/themes/ionic/test/colors/theme.e2e.ts:77:11 › palette colors: bold - ionic/md/ltr/dark › foreground color "medium" should pass AA guidelines
[Mobile Chrome] › src/themes/ionic/test/colors/theme.e2e.ts:77:11 › palette colors: bold - ionic/md/ltr/dark › foreground color "dark" should pass AA guidelines
[Mobile Chrome] › src/themes/ionic/test/colors/theme.e2e.ts:144:11 › palette colors: subtle - ionic/md/ltr/dark › subtle foreground color "primary" should pass AA guidelines
[Mobile Chrome] › src/themes/ionic/test/colors/theme.e2e.ts:144:11 › palette colors: subtle - ionic/md/ltr/dark › subtle foreground color "secondary" should pass AA guidelines
[Mobile Chrome] › src/themes/ionic/test/colors/theme.e2e.ts:144:11 › palette colors: subtle - ionic/md/ltr/dark › subtle foreground color "tertiary" should pass AA guidelines
[Mobile Chrome] › src/themes/ionic/test/colors/theme.e2e.ts:144:11 › palette colors: subtle - ionic/md/ltr/dark › subtle foreground color "success" should pass AA guidelines
[Mobile Chrome] › src/themes/ionic/test/colors/theme.e2e.ts:144:11 › palette colors: subtle - ionic/md/ltr/dark › subtle foreground color "warning" should pass AA guidelines
[Mobile Chrome] › src/themes/ionic/test/colors/theme.e2e.ts:144:11 › palette colors: subtle - ionic/md/ltr/dark › subtle foreground color "danger" should pass AA guidelines
[Mobile Chrome] › src/themes/ionic/test/colors/theme.e2e.ts:144:11 › palette colors: subtle - ionic/md/ltr/dark › subtle foreground color "light" should pass AA guidelines
[Mobile Chrome] › src/themes/ionic/test/colors/theme.e2e.ts:144:11 › palette colors: subtle - ionic/md/ltr/dark › subtle foreground color "medium" should pass AA guidelines
[Mobile Chrome] › src/themes/ionic/test/colors/theme.e2e.ts:144:11 › palette colors: subtle - ionic/md/ltr/dark › subtle foreground color "dark" should pass AA guidelines
36 skipped
644 passed (6.3m)
|
|
🎭 Playwright Run Summary
3 skipped
603 passed (6.8m)
|
|
🎭 Playwright Run Summary
5 skipped
694 passed (7.0m)
|
|
🎭 Playwright Run Summary
1 skipped
601 passed (7.1m)
|
|
🎭 Playwright Run Summary
4 skipped
603 passed (7.3m)
|
|
🎭 Playwright Run Summary
2 skipped
617 passed (7.2m)
|
|
🎭 Playwright Run Summary
2 skipped
600 passed (7.5m)
|
|
🎭 Playwright Run Summary
12 skipped
567 passed (7.6m)
|
|
🎭 Playwright Run Summary
7 skipped
594 passed (8.4m)
|
|
🎭 Playwright Run Summary
5 skipped
629 passed (8.7m)
|
Artifacts
Produced during runtime
| Name | Size | Digest | |
|---|---|---|---|
|
ionic-core
Expired
|
5.55 MB |
sha256:1e3f961519d2bdfdad473965cf95faf871f47f463a5902b71925bff9a7d26ef0
|
|
|
test-results-1-20
Expired
|
478 KB |
sha256:f483d9a3cbe62e5ab9b22730ec6cd8a8d31e4e9586c5c6f949078da63ee596e8
|
|
|
test-results-10-20
Expired
|
510 KB |
sha256:cb8abdbaf1fbb573460fe7757a4dd89d85f81e398122fc4aec33d1ad63ec84ad
|
|
|
test-results-11-20
Expired
|
529 KB |
sha256:2366ac0f989c6c86e150fe75a44f9a9ae2f64b384eb3fc7422c86fb2ec5e5dd7
|
|
|
test-results-12-20
Expired
|
469 KB |
sha256:c407316e7f7c99d514b705957018dcbc7559897bcb2ddbd44d4f5b70275b0f6d
|
|
|
test-results-13-20
Expired
|
88.1 MB |
sha256:eb1c884b016118006a4c815705600e005712bc88cf0388e0f8a18b66a9ee20e2
|
|
|
test-results-14-20
Expired
|
426 KB |
sha256:c950f5eeedd4b4756cd3b154cc3a23668fc451a999c3524bb8b5b183e7d3e859
|
|
|
test-results-15-20
Expired
|
454 KB |
sha256:a9a6620240cba3142a5118d31159012369e6635917adacb95bc38d909f690eab
|
|
|
test-results-16-20
Expired
|
471 KB |
sha256:b16e13123ce97b48aa4733ec999793bcdcfb5271f9d435212bc875d4878077fa
|
|
|
test-results-17-20
Expired
|
600 KB |
sha256:bfbbc546300ca5be75498b92ba1fef9c56e82b0048d96257475e220f5a7868bc
|
|
|
test-results-18-20
Expired
|
516 KB |
sha256:91b419d600121af4605d70a4f923b78721468fc815a07fafa38d6bdb208c989c
|
|
|
test-results-19-20
Expired
|
423 KB |
sha256:8a40d2f53dbbf3f4e127a7ef6e601347da11236699d6f4a96d4fae74827680e2
|
|
|
test-results-2-20
Expired
|
518 KB |
sha256:d57291367cc79f061a7bb6b5f12c2c3a422d5f47e9d020559377d2eff6969f9e
|
|
|
test-results-20-20
Expired
|
321 KB |
sha256:f44f627639a0858bd0351c28ef515ce4ccca512a7c007a13a66e12c3cb4f30da
|
|
|
test-results-3-20
Expired
|
443 KB |
sha256:b5e4d2b6966659df3a07bb86fadcaed5e982e4a657498a95a339e83ef4282d8c
|
|
|
test-results-4-20
Expired
|
558 KB |
sha256:75499602436a7ada3cb731d8dcada984d485f80b80f6100f2eafdbfef2feeca4
|
|
|
test-results-5-20
Expired
|
491 KB |
sha256:57b17402cea52bf7cbf523a6f2d8b4de47be2db3fa7ba6270c78c828aa0baed4
|
|
|
test-results-6-20
Expired
|
444 KB |
sha256:66471555ae8e9b56788fb79130a631c17a31aff2259d27e7be7c8603c5e5afde
|
|
|
test-results-7-20
Expired
|
363 KB |
sha256:261e3a353caf8f3ddebc23de795f0d2334c563f106878a1426f64050cded5cc7
|
|
|
test-results-8-20
Expired
|
434 KB |
sha256:8b17845ef68250e1b69df08cd33a8743fd65819b7310b402fa5ebbb7f75226c1
|
|
|
test-results-9-20
Expired
|
478 KB |
sha256:a2f3fcd0e9be893cb28bfd5c8af280ce08f17babc53df7c95fa8c7ab23ad53dc
|
|
|
updated-screenshots-11-20
Expired
|
2.96 KB |
sha256:493b5384ed78ab821a429c66914a0e6d3138ecc44f21a8c1a037e416a16ce176
|
|
|
updated-screenshots-16-20
Expired
|
16 KB |
sha256:9e905f83793e7de6f2477fdaf45cc2859c8d19431a219a6a28b152b63c2ab48c
|
|
|
updated-screenshots-18-20
Expired
|
3.31 KB |
sha256:44c0ee5449dbec923edb0075b3be48775bdc5dbd2b6105387ee865186094c8a8
|
|
|
updated-screenshots-2-20
Expired
|
18.4 KB |
sha256:18418010d500f8edf5fb3759db4480c87b6830d39d14b52949286c1d3ba07218
|
|
|
updated-screenshots-20-20
Expired
|
46.4 KB |
sha256:8d603fe9f295bd679852404b4a772a7f2a65cddf979f989f8a5fa9e3370d02b9
|
|
|
updated-screenshots-5-20
Expired
|
3.79 KB |
sha256:064857d0a23ab3da9e2b31b87c0f1299272bbec0b7f94754e41b1f2772e472dc
|
|
|
updated-screenshots-6-20
Expired
|
44 KB |
sha256:87a804a34b102d1a9127c51a00e6a9c6a3fcd7787ee3b03ff8c442ee7be9c5c9
|
|
|
updated-screenshots-9-20
Expired
|
15.1 KB |
sha256:a92a6ef8901b67746c9742acabbe83c14118fbdf38bfa17c0ddbb11ad49f5f5e
|
|