Update Reference Screenshots #2003
brandyscarneyupdate-screenshots.yml
on: workflow_dispatch
build-core
1m 29s
Matrix: test-core-screenshot
update-reference-screenshots
0s
Annotations
33 errors and 20 notices
|
test-core-screenshot (8, 20)
Process completed with exit code 1.
|
|
[Mobile Chrome] › src/components/button/test/a11y/button.e2e.ts:7:9 › button: a11y for ion-color() - md/ltr/dark › should not have accessibility violations:
src/components/button/test/a11y/button.e2e.ts#L19
2) [Mobile Chrome] › src/components/button/test/a11y/button.e2e.ts:7:9 › button: a11y for ion-color() - md/ltr/dark › should not have accessibility violations
Retry #2 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(received).toEqual(expected) // deep equality
- Expected - 1
+ Received + 59
- 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.55,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#004acd",
+ "fontSize": "10.5pt (14px)",
+ "fontWeight": "normal",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 2.55 (foreground color: #004acd, background color: #121212, font size: 10.5pt (14px), 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.55 (foreground color: #004acd, background color: #121212, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "html": "<span class=\"button-inner\"><slot name=\"icon-only\"></slot><slot name=\"start\"></slot><slot></slot><slot name=\"end\"></slot></span>",
+ "impact": "serious",
+ "none": Array [],
+ "target": Array [
+ Array [
+ ".button-clear",
+ "span",
+ ],
+ ],
+ },
+ ],
+ "tags": Array [
+ "cat.color",
+ "wcag2aa",
+ "wcag143",
+ "TTv5",
+ "TT13.c",
+ "EN-301-549",
+ "EN-9.1.4.3",
+ "ACT",
+ ],
+ },
+ ]
17 |
18 | const results = await new AxeBuilder({ page }).analyze();
> 19 | expect(results.violations).toEqual([]);
| ^
20 | });
21 |
22 | test('focused state should not have accessibility violations', async ({ page }) => {
at /ionic/src/components/button/test/a11y/button.e2e.ts:19:34
|
|
[Mobile Chrome] › src/components/button/test/a11y/button.e2e.ts:7:9 › button: a11y for ion-color() - md/ltr/dark › should not have accessibility violations:
src/components/button/test/a11y/button.e2e.ts#L19
2) [Mobile Chrome] › src/components/button/test/a11y/button.e2e.ts:7:9 › button: a11y for ion-color() - md/ltr/dark › should not have accessibility violations
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(received).toEqual(expected) // deep equality
- Expected - 1
+ Received + 59
- 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.55,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#004acd",
+ "fontSize": "10.5pt (14px)",
+ "fontWeight": "normal",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 2.55 (foreground color: #004acd, background color: #121212, font size: 10.5pt (14px), 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.55 (foreground color: #004acd, background color: #121212, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "html": "<span class=\"button-inner\"><slot name=\"icon-only\"></slot><slot name=\"start\"></slot><slot></slot><slot name=\"end\"></slot></span>",
+ "impact": "serious",
+ "none": Array [],
+ "target": Array [
+ Array [
+ ".button-clear",
+ "span",
+ ],
+ ],
+ },
+ ],
+ "tags": Array [
+ "cat.color",
+ "wcag2aa",
+ "wcag143",
+ "TTv5",
+ "TT13.c",
+ "EN-301-549",
+ "EN-9.1.4.3",
+ "ACT",
+ ],
+ },
+ ]
17 |
18 | const results = await new AxeBuilder({ page }).analyze();
> 19 | expect(results.violations).toEqual([]);
| ^
20 | });
21 |
22 | test('focused state should not have accessibility violations', async ({ page }) => {
at /ionic/src/components/button/test/a11y/button.e2e.ts:19:34
|
|
[Mobile Chrome] › src/components/button/test/a11y/button.e2e.ts:7:9 › button: a11y for ion-color() - md/ltr/dark › should not have accessibility violations:
src/components/button/test/a11y/button.e2e.ts#L19
2) [Mobile Chrome] › src/components/button/test/a11y/button.e2e.ts:7:9 › button: a11y for ion-color() - md/ltr/dark › should not have accessibility violations
Error: expect(received).toEqual(expected) // deep equality
- Expected - 1
+ Received + 59
- 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.55,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#004acd",
+ "fontSize": "10.5pt (14px)",
+ "fontWeight": "normal",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 2.55 (foreground color: #004acd, background color: #121212, font size: 10.5pt (14px), 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.55 (foreground color: #004acd, background color: #121212, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "html": "<span class=\"button-inner\"><slot name=\"icon-only\"></slot><slot name=\"start\"></slot><slot></slot><slot name=\"end\"></slot></span>",
+ "impact": "serious",
+ "none": Array [],
+ "target": Array [
+ Array [
+ ".button-clear",
+ "span",
+ ],
+ ],
+ },
+ ],
+ "tags": Array [
+ "cat.color",
+ "wcag2aa",
+ "wcag143",
+ "TTv5",
+ "TT13.c",
+ "EN-301-549",
+ "EN-9.1.4.3",
+ "ACT",
+ ],
+ },
+ ]
17 |
18 | const results = await new AxeBuilder({ page }).analyze();
> 19 | expect(results.violations).toEqual([]);
| ^
20 | });
21 |
22 | test('focused state should not have accessibility violations', async ({ page }) => {
at /ionic/src/components/button/test/a11y/button.e2e.ts:19:34
|
|
[Mobile Chrome] › src/components/button/test/a11y/button.e2e.ts:7:9 › button: a11y for ion-color() - ios/ltr/dark › should not have accessibility violations:
src/components/button/test/a11y/button.e2e.ts#L19
1) [Mobile Chrome] › src/components/button/test/a11y/button.e2e.ts:7:9 › button: a11y for ion-color() - ios/ltr/dark › should not have accessibility violations
Retry #2 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(received).toEqual(expected) // deep equality
- Expected - 1
+ Received + 59
- 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": "#000000",
+ "contrastRatio": 2.86,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#004acd",
+ "fontSize": "12.8pt (17px)",
+ "fontWeight": "normal",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 2.86 (foreground color: #004acd, background color: #000000, font size: 12.8pt (17px), 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.86 (foreground color: #004acd, background color: #000000, font size: 12.8pt (17px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "html": "<span class=\"button-inner\"><slot name=\"icon-only\"></slot><slot name=\"start\"></slot><slot></slot><slot name=\"end\"></slot></span>",
+ "impact": "serious",
+ "none": Array [],
+ "target": Array [
+ Array [
+ ".button-clear",
+ "span",
+ ],
+ ],
+ },
+ ],
+ "tags": Array [
+ "cat.color",
+ "wcag2aa",
+ "wcag143",
+ "TTv5",
+ "TT13.c",
+ "EN-301-549",
+ "EN-9.1.4.3",
+ "ACT",
+ ],
+ },
+ ]
17 |
18 | const results = await new AxeBuilder({ page }).analyze();
> 19 | expect(results.violations).toEqual([]);
| ^
20 | });
21 |
22 | test('focused state should not have accessibility violations', async ({ page }) => {
at /ionic/src/components/button/test/a11y/button.e2e.ts:19:34
|
|
[Mobile Chrome] › src/components/button/test/a11y/button.e2e.ts:7:9 › button: a11y for ion-color() - ios/ltr/dark › should not have accessibility violations:
src/components/button/test/a11y/button.e2e.ts#L19
1) [Mobile Chrome] › src/components/button/test/a11y/button.e2e.ts:7:9 › button: a11y for ion-color() - ios/ltr/dark › should not have accessibility violations
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(received).toEqual(expected) // deep equality
- Expected - 1
+ Received + 59
- 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": "#000000",
+ "contrastRatio": 2.86,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#004acd",
+ "fontSize": "12.8pt (17px)",
+ "fontWeight": "normal",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 2.86 (foreground color: #004acd, background color: #000000, font size: 12.8pt (17px), 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.86 (foreground color: #004acd, background color: #000000, font size: 12.8pt (17px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "html": "<span class=\"button-inner\"><slot name=\"icon-only\"></slot><slot name=\"start\"></slot><slot></slot><slot name=\"end\"></slot></span>",
+ "impact": "serious",
+ "none": Array [],
+ "target": Array [
+ Array [
+ ".button-clear",
+ "span",
+ ],
+ ],
+ },
+ ],
+ "tags": Array [
+ "cat.color",
+ "wcag2aa",
+ "wcag143",
+ "TTv5",
+ "TT13.c",
+ "EN-301-549",
+ "EN-9.1.4.3",
+ "ACT",
+ ],
+ },
+ ]
17 |
18 | const results = await new AxeBuilder({ page }).analyze();
> 19 | expect(results.violations).toEqual([]);
| ^
20 | });
21 |
22 | test('focused state should not have accessibility violations', async ({ page }) => {
at /ionic/src/components/button/test/a11y/button.e2e.ts:19:34
|
|
[Mobile Chrome] › src/components/button/test/a11y/button.e2e.ts:7:9 › button: a11y for ion-color() - ios/ltr/dark › should not have accessibility violations:
src/components/button/test/a11y/button.e2e.ts#L19
1) [Mobile Chrome] › src/components/button/test/a11y/button.e2e.ts:7:9 › button: a11y for ion-color() - ios/ltr/dark › should not have accessibility violations
Error: expect(received).toEqual(expected) // deep equality
- Expected - 1
+ Received + 59
- 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": "#000000",
+ "contrastRatio": 2.86,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#004acd",
+ "fontSize": "12.8pt (17px)",
+ "fontWeight": "normal",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 2.86 (foreground color: #004acd, background color: #000000, font size: 12.8pt (17px), 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.86 (foreground color: #004acd, background color: #000000, font size: 12.8pt (17px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "html": "<span class=\"button-inner\"><slot name=\"icon-only\"></slot><slot name=\"start\"></slot><slot></slot><slot name=\"end\"></slot></span>",
+ "impact": "serious",
+ "none": Array [],
+ "target": Array [
+ Array [
+ ".button-clear",
+ "span",
+ ],
+ ],
+ },
+ ],
+ "tags": Array [
+ "cat.color",
+ "wcag2aa",
+ "wcag143",
+ "TTv5",
+ "TT13.c",
+ "EN-301-549",
+ "EN-9.1.4.3",
+ "ACT",
+ ],
+ },
+ ]
17 |
18 | const results = await new AxeBuilder({ page }).analyze();
> 19 | expect(results.violations).toEqual([]);
| ^
20 | });
21 |
22 | test('focused state should not have accessibility violations', async ({ page }) => {
at /ionic/src/components/button/test/a11y/button.e2e.ts:19:34
|
|
test-core-screenshot (14, 20)
Process completed with exit code 1.
|
|
[Mobile Safari] › src/components/button/test/a11y/button.e2e.ts:7:9 › button: a11y for ion-color() - md/ltr/dark › should not have accessibility violations:
src/components/button/test/a11y/button.e2e.ts#L19
2) [Mobile Safari] › src/components/button/test/a11y/button.e2e.ts:7:9 › button: a11y for ion-color() - md/ltr/dark › should not have accessibility violations
Retry #2 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(received).toEqual(expected) // deep equality
- Expected - 1
+ Received + 59
- 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.55,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#004acd",
+ "fontSize": "10.5pt (14px)",
+ "fontWeight": "normal",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 2.55 (foreground color: #004acd, background color: #121212, font size: 10.5pt (14px), 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.55 (foreground color: #004acd, background color: #121212, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "html": "<span class=\"button-inner\"><slot name=\"icon-only\"></slot><slot name=\"start\"></slot><slot></slot><slot name=\"end\"></slot></span>",
+ "impact": "serious",
+ "none": Array [],
+ "target": Array [
+ Array [
+ ".button-clear",
+ "span",
+ ],
+ ],
+ },
+ ],
+ "tags": Array [
+ "cat.color",
+ "wcag2aa",
+ "wcag143",
+ "TTv5",
+ "TT13.c",
+ "EN-301-549",
+ "EN-9.1.4.3",
+ "ACT",
+ ],
+ },
+ ]
17 |
18 | const results = await new AxeBuilder({ page }).analyze();
> 19 | expect(results.violations).toEqual([]);
| ^
20 | });
21 |
22 | test('focused state should not have accessibility violations', async ({ page }) => {
at /ionic/src/components/button/test/a11y/button.e2e.ts:19:34
|
|
[Mobile Safari] › src/components/button/test/a11y/button.e2e.ts:7:9 › button: a11y for ion-color() - md/ltr/dark › should not have accessibility violations:
src/components/button/test/a11y/button.e2e.ts#L19
2) [Mobile Safari] › src/components/button/test/a11y/button.e2e.ts:7:9 › button: a11y for ion-color() - md/ltr/dark › should not have accessibility violations
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(received).toEqual(expected) // deep equality
- Expected - 1
+ Received + 59
- 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.55,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#004acd",
+ "fontSize": "10.5pt (14px)",
+ "fontWeight": "normal",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 2.55 (foreground color: #004acd, background color: #121212, font size: 10.5pt (14px), 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.55 (foreground color: #004acd, background color: #121212, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "html": "<span class=\"button-inner\"><slot name=\"icon-only\"></slot><slot name=\"start\"></slot><slot></slot><slot name=\"end\"></slot></span>",
+ "impact": "serious",
+ "none": Array [],
+ "target": Array [
+ Array [
+ ".button-clear",
+ "span",
+ ],
+ ],
+ },
+ ],
+ "tags": Array [
+ "cat.color",
+ "wcag2aa",
+ "wcag143",
+ "TTv5",
+ "TT13.c",
+ "EN-301-549",
+ "EN-9.1.4.3",
+ "ACT",
+ ],
+ },
+ ]
17 |
18 | const results = await new AxeBuilder({ page }).analyze();
> 19 | expect(results.violations).toEqual([]);
| ^
20 | });
21 |
22 | test('focused state should not have accessibility violations', async ({ page }) => {
at /ionic/src/components/button/test/a11y/button.e2e.ts:19:34
|
|
[Mobile Safari] › src/components/button/test/a11y/button.e2e.ts:7:9 › button: a11y for ion-color() - md/ltr/dark › should not have accessibility violations:
src/components/button/test/a11y/button.e2e.ts#L19
2) [Mobile Safari] › src/components/button/test/a11y/button.e2e.ts:7:9 › button: a11y for ion-color() - md/ltr/dark › should not have accessibility violations
Error: expect(received).toEqual(expected) // deep equality
- Expected - 1
+ Received + 59
- 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.55,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#004acd",
+ "fontSize": "10.5pt (14px)",
+ "fontWeight": "normal",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 2.55 (foreground color: #004acd, background color: #121212, font size: 10.5pt (14px), 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.55 (foreground color: #004acd, background color: #121212, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "html": "<span class=\"button-inner\"><slot name=\"icon-only\"></slot><slot name=\"start\"></slot><slot></slot><slot name=\"end\"></slot></span>",
+ "impact": "serious",
+ "none": Array [],
+ "target": Array [
+ Array [
+ ".button-clear",
+ "span",
+ ],
+ ],
+ },
+ ],
+ "tags": Array [
+ "cat.color",
+ "wcag2aa",
+ "wcag143",
+ "TTv5",
+ "TT13.c",
+ "EN-301-549",
+ "EN-9.1.4.3",
+ "ACT",
+ ],
+ },
+ ]
17 |
18 | const results = await new AxeBuilder({ page }).analyze();
> 19 | expect(results.violations).toEqual([]);
| ^
20 | });
21 |
22 | test('focused state should not have accessibility violations', async ({ page }) => {
at /ionic/src/components/button/test/a11y/button.e2e.ts:19:34
|
|
[Mobile Safari] › src/components/button/test/a11y/button.e2e.ts:7:9 › button: a11y for ion-color() - ios/ltr/dark › should not have accessibility violations:
src/components/button/test/a11y/button.e2e.ts#L19
1) [Mobile Safari] › src/components/button/test/a11y/button.e2e.ts:7:9 › button: a11y for ion-color() - ios/ltr/dark › should not have accessibility violations
Retry #2 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(received).toEqual(expected) // deep equality
- Expected - 1
+ Received + 59
- 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": "#000000",
+ "contrastRatio": 2.86,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#004acd",
+ "fontSize": "12.8pt (17px)",
+ "fontWeight": "normal",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 2.86 (foreground color: #004acd, background color: #000000, font size: 12.8pt (17px), 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.86 (foreground color: #004acd, background color: #000000, font size: 12.8pt (17px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "html": "<span class=\"button-inner\"><slot name=\"icon-only\"></slot><slot name=\"start\"></slot><slot></slot><slot name=\"end\"></slot></span>",
+ "impact": "serious",
+ "none": Array [],
+ "target": Array [
+ Array [
+ ".button-clear",
+ "span",
+ ],
+ ],
+ },
+ ],
+ "tags": Array [
+ "cat.color",
+ "wcag2aa",
+ "wcag143",
+ "TTv5",
+ "TT13.c",
+ "EN-301-549",
+ "EN-9.1.4.3",
+ "ACT",
+ ],
+ },
+ ]
17 |
18 | const results = await new AxeBuilder({ page }).analyze();
> 19 | expect(results.violations).toEqual([]);
| ^
20 | });
21 |
22 | test('focused state should not have accessibility violations', async ({ page }) => {
at /ionic/src/components/button/test/a11y/button.e2e.ts:19:34
|
|
[Mobile Safari] › src/components/button/test/a11y/button.e2e.ts:7:9 › button: a11y for ion-color() - ios/ltr/dark › should not have accessibility violations:
src/components/button/test/a11y/button.e2e.ts#L19
1) [Mobile Safari] › src/components/button/test/a11y/button.e2e.ts:7:9 › button: a11y for ion-color() - ios/ltr/dark › should not have accessibility violations
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(received).toEqual(expected) // deep equality
- Expected - 1
+ Received + 59
- 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": "#000000",
+ "contrastRatio": 2.86,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#004acd",
+ "fontSize": "12.8pt (17px)",
+ "fontWeight": "normal",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 2.86 (foreground color: #004acd, background color: #000000, font size: 12.8pt (17px), 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.86 (foreground color: #004acd, background color: #000000, font size: 12.8pt (17px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "html": "<span class=\"button-inner\"><slot name=\"icon-only\"></slot><slot name=\"start\"></slot><slot></slot><slot name=\"end\"></slot></span>",
+ "impact": "serious",
+ "none": Array [],
+ "target": Array [
+ Array [
+ ".button-clear",
+ "span",
+ ],
+ ],
+ },
+ ],
+ "tags": Array [
+ "cat.color",
+ "wcag2aa",
+ "wcag143",
+ "TTv5",
+ "TT13.c",
+ "EN-301-549",
+ "EN-9.1.4.3",
+ "ACT",
+ ],
+ },
+ ]
17 |
18 | const results = await new AxeBuilder({ page }).analyze();
> 19 | expect(results.violations).toEqual([]);
| ^
20 | });
21 |
22 | test('focused state should not have accessibility violations', async ({ page }) => {
at /ionic/src/components/button/test/a11y/button.e2e.ts:19:34
|
|
[Mobile Safari] › src/components/button/test/a11y/button.e2e.ts:7:9 › button: a11y for ion-color() - ios/ltr/dark › should not have accessibility violations:
src/components/button/test/a11y/button.e2e.ts#L19
1) [Mobile Safari] › src/components/button/test/a11y/button.e2e.ts:7:9 › button: a11y for ion-color() - ios/ltr/dark › should not have accessibility violations
Error: expect(received).toEqual(expected) // deep equality
- Expected - 1
+ Received + 59
- 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": "#000000",
+ "contrastRatio": 2.86,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#004acd",
+ "fontSize": "12.8pt (17px)",
+ "fontWeight": "normal",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 2.86 (foreground color: #004acd, background color: #000000, font size: 12.8pt (17px), 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.86 (foreground color: #004acd, background color: #000000, font size: 12.8pt (17px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "html": "<span class=\"button-inner\"><slot name=\"icon-only\"></slot><slot name=\"start\"></slot><slot></slot><slot name=\"end\"></slot></span>",
+ "impact": "serious",
+ "none": Array [],
+ "target": Array [
+ Array [
+ ".button-clear",
+ "span",
+ ],
+ ],
+ },
+ ],
+ "tags": Array [
+ "cat.color",
+ "wcag2aa",
+ "wcag143",
+ "TTv5",
+ "TT13.c",
+ "EN-301-549",
+ "EN-9.1.4.3",
+ "ACT",
+ ],
+ },
+ ]
17 |
18 | const results = await new AxeBuilder({ page }).analyze();
> 19 | expect(results.violations).toEqual([]);
| ^
20 | });
21 |
22 | test('focused state should not have accessibility violations', async ({ page }) => {
at /ionic/src/components/button/test/a11y/button.e2e.ts:19:34
|
|
[Mobile Chrome] › src/themes/native/test/colors/theme.e2e.ts:140:11 › palette colors: bold - md/ltr/dark › color "primary" on 0.16 opacity background should pass AA guidelines:
src/themes/native/test/colors/theme.e2e.ts#L150
4) [Mobile Chrome] › src/themes/native/test/colors/theme.e2e.ts:140:11 › palette colors: bold - md/ltr/dark › color "primary" on 0.16 opacity background should pass AA guidelines
Error: expect(received).toEqual(expected) // deep equality
- Expected - 1
+ Received + 64
- 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": "#0c1729",
+ "contrastRatio": 2.44,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#004acd",
+ "fontSize": "14.0pt (18.6667px)",
+ "fontWeight": "normal",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 2.44 (foreground color: #004acd, background color: #0c1729, font size: 14.0pt (18.6667px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "relatedNodes": Array [
+ Object {
+ "html": "<p class=\"ion-color ion-background-opacity-16\">Hello World</p>",
+ "target": Array [
+ "p",
+ ],
+ },
+ Object {
+ "html": "<main class=\"ion-color-primary\">
+ <p class=\"ion-color ion-background-opacity-16\">Hello World</p>
+ </main>",
+ "target": Array [
+ "main",
+ ],
+ },
+ ],
+ },
+ ],
+ "failureSummary": "Fix any of the following:
+ Element has insufficient color contrast of 2.44 (foreground color: #004acd, background color: #0c1729, font size: 14.0pt (18.6667px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "html": "<p class=\"ion-color ion-background-opacity-16\">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",
+ ],
+ },
+ ]
148 |
149 | const results = await new AxeBuilder({ page }).analyze();
> 150 | expect(results.violations).toEqual([]);
| ^
151 | });
152 | }
153 | });
at /ionic/src/themes/native/test/colors/theme.e2e.ts:150:36
|
|
[Mobile Chrome] › src/themes/native/test/colors/theme.e2e.ts:127:11 › palette colors: bold - md/ltr/dark › color "primary" on 0.12 opacity background should pass AA guidelines:
src/themes/native/test/colors/theme.e2e.ts#L137
3) [Mobile Chrome] › src/themes/native/test/colors/theme.e2e.ts:127:11 › palette colors: bold - md/ltr/dark › color "primary" on 0.12 opacity background should pass AA guidelines
Retry #2 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(received).toEqual(expected) // deep equality
- Expected - 1
+ Received + 64
- 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": "#09111f",
+ "contrastRatio": 2.57,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#004acd",
+ "fontSize": "14.0pt (18.6667px)",
+ "fontWeight": "normal",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 2.57 (foreground color: #004acd, background color: #09111f, font size: 14.0pt (18.6667px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "relatedNodes": Array [
+ Object {
+ "html": "<p class=\"ion-color ion-background-opacity-12\">Hello World</p>",
+ "target": Array [
+ "p",
+ ],
+ },
+ Object {
+ "html": "<main class=\"ion-color-primary\">
+ <p class=\"ion-color ion-background-opacity-12\">Hello World</p>
+ </main>",
+ "target": Array [
+ "main",
+ ],
+ },
+ ],
+ },
+ ],
+ "failureSummary": "Fix any of the following:
+ Element has insufficient color contrast of 2.57 (foreground color: #004acd, background color: #09111f, font size: 14.0pt (18.6667px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "html": "<p class=\"ion-color ion-background-opacity-12\">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",
+ ],
+ },
+ ]
135 |
136 | const results = await new AxeBuilder({ page }).analyze();
> 137 | expect(results.violations).toEqual([]);
| ^
138 | });
139 |
140 | test(`color "${color}" on 0.16 opacity background should pass AA guidelines`, async ({ page }) => {
at /ionic/src/themes/native/test/colors/theme.e2e.ts:137:36
|
|
[Mobile Chrome] › src/themes/native/test/colors/theme.e2e.ts:127:11 › palette colors: bold - md/ltr/dark › color "primary" on 0.12 opacity background should pass AA guidelines:
src/themes/native/test/colors/theme.e2e.ts#L137
3) [Mobile Chrome] › src/themes/native/test/colors/theme.e2e.ts:127:11 › palette colors: bold - md/ltr/dark › color "primary" on 0.12 opacity background should pass AA guidelines
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(received).toEqual(expected) // deep equality
- Expected - 1
+ Received + 64
- 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": "#09111f",
+ "contrastRatio": 2.57,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#004acd",
+ "fontSize": "14.0pt (18.6667px)",
+ "fontWeight": "normal",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 2.57 (foreground color: #004acd, background color: #09111f, font size: 14.0pt (18.6667px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "relatedNodes": Array [
+ Object {
+ "html": "<p class=\"ion-color ion-background-opacity-12\">Hello World</p>",
+ "target": Array [
+ "p",
+ ],
+ },
+ Object {
+ "html": "<main class=\"ion-color-primary\">
+ <p class=\"ion-color ion-background-opacity-12\">Hello World</p>
+ </main>",
+ "target": Array [
+ "main",
+ ],
+ },
+ ],
+ },
+ ],
+ "failureSummary": "Fix any of the following:
+ Element has insufficient color contrast of 2.57 (foreground color: #004acd, background color: #09111f, font size: 14.0pt (18.6667px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "html": "<p class=\"ion-color ion-background-opacity-12\">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",
+ ],
+ },
+ ]
135 |
136 | const results = await new AxeBuilder({ page }).analyze();
> 137 | expect(results.violations).toEqual([]);
| ^
138 | });
139 |
140 | test(`color "${color}" on 0.16 opacity background should pass AA guidelines`, async ({ page }) => {
at /ionic/src/themes/native/test/colors/theme.e2e.ts:137:36
|
|
[Mobile Chrome] › src/themes/native/test/colors/theme.e2e.ts:127:11 › palette colors: bold - md/ltr/dark › color "primary" on 0.12 opacity background should pass AA guidelines:
src/themes/native/test/colors/theme.e2e.ts#L137
3) [Mobile Chrome] › src/themes/native/test/colors/theme.e2e.ts:127:11 › palette colors: bold - md/ltr/dark › color "primary" on 0.12 opacity background should pass AA guidelines
Error: expect(received).toEqual(expected) // deep equality
- Expected - 1
+ Received + 64
- 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": "#09111f",
+ "contrastRatio": 2.57,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#004acd",
+ "fontSize": "14.0pt (18.6667px)",
+ "fontWeight": "normal",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 2.57 (foreground color: #004acd, background color: #09111f, font size: 14.0pt (18.6667px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "relatedNodes": Array [
+ Object {
+ "html": "<p class=\"ion-color ion-background-opacity-12\">Hello World</p>",
+ "target": Array [
+ "p",
+ ],
+ },
+ Object {
+ "html": "<main class=\"ion-color-primary\">
+ <p class=\"ion-color ion-background-opacity-12\">Hello World</p>
+ </main>",
+ "target": Array [
+ "main",
+ ],
+ },
+ ],
+ },
+ ],
+ "failureSummary": "Fix any of the following:
+ Element has insufficient color contrast of 2.57 (foreground color: #004acd, background color: #09111f, font size: 14.0pt (18.6667px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "html": "<p class=\"ion-color ion-background-opacity-12\">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",
+ ],
+ },
+ ]
135 |
136 | const results = await new AxeBuilder({ page }).analyze();
> 137 | expect(results.violations).toEqual([]);
| ^
138 | });
139 |
140 | test(`color "${color}" on 0.16 opacity background should pass AA guidelines`, async ({ page }) => {
at /ionic/src/themes/native/test/colors/theme.e2e.ts:137:36
|
|
[Mobile Chrome] › src/themes/native/test/colors/theme.e2e.ts:114:11 › palette colors: bold - md/ltr/dark › color "primary" on 0.08 opacity background should pass AA guidelines:
src/themes/native/test/colors/theme.e2e.ts#L124
2) [Mobile Chrome] › src/themes/native/test/colors/theme.e2e.ts:114:11 › palette colors: bold - md/ltr/dark › color "primary" on 0.08 opacity background should pass AA guidelines
Retry #2 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(received).toEqual(expected) // deep equality
- Expected - 1
+ Received + 64
- 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": "#060b14",
+ "contrastRatio": 2.68,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#004acd",
+ "fontSize": "14.0pt (18.6667px)",
+ "fontWeight": "normal",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 2.68 (foreground color: #004acd, background color: #060b14, font size: 14.0pt (18.6667px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "relatedNodes": Array [
+ Object {
+ "html": "<p class=\"ion-color ion-background-opacity-08\">Hello World</p>",
+ "target": Array [
+ "p",
+ ],
+ },
+ Object {
+ "html": "<main class=\"ion-color-primary\">
+ <p class=\"ion-color ion-background-opacity-08\">Hello World</p>
+ </main>",
+ "target": Array [
+ "main",
+ ],
+ },
+ ],
+ },
+ ],
+ "failureSummary": "Fix any of the following:
+ Element has insufficient color contrast of 2.68 (foreground color: #004acd, background color: #060b14, font size: 14.0pt (18.6667px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "html": "<p class=\"ion-color ion-background-opacity-08\">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",
+ ],
+ },
+ ]
122 |
123 | const results = await new AxeBuilder({ page }).analyze();
> 124 | expect(results.violations).toEqual([]);
| ^
125 | });
126 |
127 | test(`color "${color}" on 0.12 opacity background should pass AA guidelines`, async ({ page }) => {
at /ionic/src/themes/native/test/colors/theme.e2e.ts:124:36
|
|
[Mobile Chrome] › src/themes/native/test/colors/theme.e2e.ts:114:11 › palette colors: bold - md/ltr/dark › color "primary" on 0.08 opacity background should pass AA guidelines:
src/themes/native/test/colors/theme.e2e.ts#L124
2) [Mobile Chrome] › src/themes/native/test/colors/theme.e2e.ts:114:11 › palette colors: bold - md/ltr/dark › color "primary" on 0.08 opacity background should pass AA guidelines
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(received).toEqual(expected) // deep equality
- Expected - 1
+ Received + 64
- 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": "#060b14",
+ "contrastRatio": 2.68,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#004acd",
+ "fontSize": "14.0pt (18.6667px)",
+ "fontWeight": "normal",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 2.68 (foreground color: #004acd, background color: #060b14, font size: 14.0pt (18.6667px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "relatedNodes": Array [
+ Object {
+ "html": "<p class=\"ion-color ion-background-opacity-08\">Hello World</p>",
+ "target": Array [
+ "p",
+ ],
+ },
+ Object {
+ "html": "<main class=\"ion-color-primary\">
+ <p class=\"ion-color ion-background-opacity-08\">Hello World</p>
+ </main>",
+ "target": Array [
+ "main",
+ ],
+ },
+ ],
+ },
+ ],
+ "failureSummary": "Fix any of the following:
+ Element has insufficient color contrast of 2.68 (foreground color: #004acd, background color: #060b14, font size: 14.0pt (18.6667px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "html": "<p class=\"ion-color ion-background-opacity-08\">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",
+ ],
+ },
+ ]
122 |
123 | const results = await new AxeBuilder({ page }).analyze();
> 124 | expect(results.violations).toEqual([]);
| ^
125 | });
126 |
127 | test(`color "${color}" on 0.12 opacity background should pass AA guidelines`, async ({ page }) => {
at /ionic/src/themes/native/test/colors/theme.e2e.ts:124:36
|
|
[Mobile Chrome] › src/themes/native/test/colors/theme.e2e.ts:114:11 › palette colors: bold - md/ltr/dark › color "primary" on 0.08 opacity background should pass AA guidelines:
src/themes/native/test/colors/theme.e2e.ts#L124
2) [Mobile Chrome] › src/themes/native/test/colors/theme.e2e.ts:114:11 › palette colors: bold - md/ltr/dark › color "primary" on 0.08 opacity background should pass AA guidelines
Error: expect(received).toEqual(expected) // deep equality
- Expected - 1
+ Received + 64
- 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": "#060b14",
+ "contrastRatio": 2.68,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#004acd",
+ "fontSize": "14.0pt (18.6667px)",
+ "fontWeight": "normal",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 2.68 (foreground color: #004acd, background color: #060b14, font size: 14.0pt (18.6667px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "relatedNodes": Array [
+ Object {
+ "html": "<p class=\"ion-color ion-background-opacity-08\">Hello World</p>",
+ "target": Array [
+ "p",
+ ],
+ },
+ Object {
+ "html": "<main class=\"ion-color-primary\">
+ <p class=\"ion-color ion-background-opacity-08\">Hello World</p>
+ </main>",
+ "target": Array [
+ "main",
+ ],
+ },
+ ],
+ },
+ ],
+ "failureSummary": "Fix any of the following:
+ Element has insufficient color contrast of 2.68 (foreground color: #004acd, background color: #060b14, font size: 14.0pt (18.6667px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "html": "<p class=\"ion-color ion-background-opacity-08\">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",
+ ],
+ },
+ ]
122 |
123 | const results = await new AxeBuilder({ page }).analyze();
> 124 | expect(results.violations).toEqual([]);
| ^
125 | });
126 |
127 | test(`color "${color}" on 0.12 opacity background should pass AA guidelines`, async ({ page }) => {
at /ionic/src/themes/native/test/colors/theme.e2e.ts:124:36
|
|
[Mobile Chrome] › src/themes/native/test/colors/theme.e2e.ts:62:11 › palette colors: bold - md/ltr/dark › color "primary" should pass AA guidelines:
src/themes/native/test/colors/theme.e2e.ts#L72
1) [Mobile Chrome] › src/themes/native/test/colors/theme.e2e.ts:62:11 › palette colors: bold - md/ltr/dark › color "primary" 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": "#000000",
+ "contrastRatio": 2.86,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#004acd",
+ "fontSize": "14.0pt (18.6667px)",
+ "fontWeight": "normal",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 2.86 (foreground color: #004acd, background color: #000000, font size: 14.0pt (18.6667px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "relatedNodes": Array [
+ Object {
+ "html": "<main class=\"ion-color-primary\">
+ <p class=\"ion-color\">Hello World</p>
+ </main>",
+ "target": Array [
+ "main",
+ ],
+ },
+ ],
+ },
+ ],
+ "failureSummary": "Fix any of the following:
+ Element has insufficient color contrast of 2.86 (foreground color: #004acd, background color: #000000, 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/native/test/colors/theme.e2e.ts:72:36
|
|
[Mobile Chrome] › src/themes/native/test/colors/theme.e2e.ts:62:11 › palette colors: bold - md/ltr/dark › color "primary" should pass AA guidelines:
src/themes/native/test/colors/theme.e2e.ts#L72
1) [Mobile Chrome] › src/themes/native/test/colors/theme.e2e.ts:62:11 › palette colors: bold - md/ltr/dark › color "primary" 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": "#000000",
+ "contrastRatio": 2.86,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#004acd",
+ "fontSize": "14.0pt (18.6667px)",
+ "fontWeight": "normal",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 2.86 (foreground color: #004acd, background color: #000000, font size: 14.0pt (18.6667px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "relatedNodes": Array [
+ Object {
+ "html": "<main class=\"ion-color-primary\">
+ <p class=\"ion-color\">Hello World</p>
+ </main>",
+ "target": Array [
+ "main",
+ ],
+ },
+ ],
+ },
+ ],
+ "failureSummary": "Fix any of the following:
+ Element has insufficient color contrast of 2.86 (foreground color: #004acd, background color: #000000, 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/native/test/colors/theme.e2e.ts:72:36
|
|
[Mobile Chrome] › src/themes/native/test/colors/theme.e2e.ts:62:11 › palette colors: bold - md/ltr/dark › color "primary" should pass AA guidelines:
src/themes/native/test/colors/theme.e2e.ts#L72
1) [Mobile Chrome] › src/themes/native/test/colors/theme.e2e.ts:62:11 › palette colors: bold - md/ltr/dark › color "primary" 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": "#000000",
+ "contrastRatio": 2.86,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#004acd",
+ "fontSize": "14.0pt (18.6667px)",
+ "fontWeight": "normal",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 2.86 (foreground color: #004acd, background color: #000000, font size: 14.0pt (18.6667px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "relatedNodes": Array [
+ Object {
+ "html": "<main class=\"ion-color-primary\">
+ <p class=\"ion-color\">Hello World</p>
+ </main>",
+ "target": Array [
+ "main",
+ ],
+ },
+ ],
+ },
+ ],
+ "failureSummary": "Fix any of the following:
+ Element has insufficient color contrast of 2.86 (foreground color: #004acd, background color: #000000, 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/native/test/colors/theme.e2e.ts:72:36
|
|
test-core-screenshot (1, 20)
Process completed with exit code 1.
|
|
[Mobile Firefox] › src/components/button/test/a11y/button.e2e.ts:7:9 › button: a11y for ion-color() - md/ltr/dark › should not have accessibility violations:
src/components/button/test/a11y/button.e2e.ts#L19
2) [Mobile Firefox] › src/components/button/test/a11y/button.e2e.ts:7:9 › button: a11y for ion-color() - md/ltr/dark › should not have accessibility violations
Retry #2 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(received).toEqual(expected) // deep equality
- Expected - 1
+ Received + 59
- 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.55,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#004acd",
+ "fontSize": "10.5pt (14px)",
+ "fontWeight": "normal",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 2.55 (foreground color: #004acd, background color: #121212, font size: 10.5pt (14px), 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.55 (foreground color: #004acd, background color: #121212, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "html": "<span class=\"button-inner\"><slot name=\"icon-only\"></slot><slot name=\"start\"></slot><slot></slot><slot name=\"end\"></slot></span>",
+ "impact": "serious",
+ "none": Array [],
+ "target": Array [
+ Array [
+ ".button-clear",
+ "span",
+ ],
+ ],
+ },
+ ],
+ "tags": Array [
+ "cat.color",
+ "wcag2aa",
+ "wcag143",
+ "TTv5",
+ "TT13.c",
+ "EN-301-549",
+ "EN-9.1.4.3",
+ "ACT",
+ ],
+ },
+ ]
17 |
18 | const results = await new AxeBuilder({ page }).analyze();
> 19 | expect(results.violations).toEqual([]);
| ^
20 | });
21 |
22 | test('focused state should not have accessibility violations', async ({ page }) => {
at /ionic/src/components/button/test/a11y/button.e2e.ts:19:34
|
|
[Mobile Firefox] › src/components/button/test/a11y/button.e2e.ts:7:9 › button: a11y for ion-color() - md/ltr/dark › should not have accessibility violations:
src/components/button/test/a11y/button.e2e.ts#L19
2) [Mobile Firefox] › src/components/button/test/a11y/button.e2e.ts:7:9 › button: a11y for ion-color() - md/ltr/dark › should not have accessibility violations
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(received).toEqual(expected) // deep equality
- Expected - 1
+ Received + 59
- 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.55,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#004acd",
+ "fontSize": "10.5pt (14px)",
+ "fontWeight": "normal",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 2.55 (foreground color: #004acd, background color: #121212, font size: 10.5pt (14px), 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.55 (foreground color: #004acd, background color: #121212, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "html": "<span class=\"button-inner\"><slot name=\"icon-only\"></slot><slot name=\"start\"></slot><slot></slot><slot name=\"end\"></slot></span>",
+ "impact": "serious",
+ "none": Array [],
+ "target": Array [
+ Array [
+ ".button-clear",
+ "span",
+ ],
+ ],
+ },
+ ],
+ "tags": Array [
+ "cat.color",
+ "wcag2aa",
+ "wcag143",
+ "TTv5",
+ "TT13.c",
+ "EN-301-549",
+ "EN-9.1.4.3",
+ "ACT",
+ ],
+ },
+ ]
17 |
18 | const results = await new AxeBuilder({ page }).analyze();
> 19 | expect(results.violations).toEqual([]);
| ^
20 | });
21 |
22 | test('focused state should not have accessibility violations', async ({ page }) => {
at /ionic/src/components/button/test/a11y/button.e2e.ts:19:34
|
|
[Mobile Firefox] › src/components/button/test/a11y/button.e2e.ts:7:9 › button: a11y for ion-color() - md/ltr/dark › should not have accessibility violations:
src/components/button/test/a11y/button.e2e.ts#L19
2) [Mobile Firefox] › src/components/button/test/a11y/button.e2e.ts:7:9 › button: a11y for ion-color() - md/ltr/dark › should not have accessibility violations
Error: expect(received).toEqual(expected) // deep equality
- Expected - 1
+ Received + 59
- 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.55,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#004acd",
+ "fontSize": "10.5pt (14px)",
+ "fontWeight": "normal",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 2.55 (foreground color: #004acd, background color: #121212, font size: 10.5pt (14px), 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.55 (foreground color: #004acd, background color: #121212, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "html": "<span class=\"button-inner\"><slot name=\"icon-only\"></slot><slot name=\"start\"></slot><slot></slot><slot name=\"end\"></slot></span>",
+ "impact": "serious",
+ "none": Array [],
+ "target": Array [
+ Array [
+ ".button-clear",
+ "span",
+ ],
+ ],
+ },
+ ],
+ "tags": Array [
+ "cat.color",
+ "wcag2aa",
+ "wcag143",
+ "TTv5",
+ "TT13.c",
+ "EN-301-549",
+ "EN-9.1.4.3",
+ "ACT",
+ ],
+ },
+ ]
17 |
18 | const results = await new AxeBuilder({ page }).analyze();
> 19 | expect(results.violations).toEqual([]);
| ^
20 | });
21 |
22 | test('focused state should not have accessibility violations', async ({ page }) => {
at /ionic/src/components/button/test/a11y/button.e2e.ts:19:34
|
|
[Mobile Firefox] › src/components/button/test/a11y/button.e2e.ts:7:9 › button: a11y for ion-color() - ios/ltr/dark › should not have accessibility violations:
src/components/button/test/a11y/button.e2e.ts#L19
1) [Mobile Firefox] › src/components/button/test/a11y/button.e2e.ts:7:9 › button: a11y for ion-color() - ios/ltr/dark › should not have accessibility violations
Retry #2 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(received).toEqual(expected) // deep equality
- Expected - 1
+ Received + 59
- 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": "#000000",
+ "contrastRatio": 2.86,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#004acd",
+ "fontSize": "12.8pt (17px)",
+ "fontWeight": "normal",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 2.86 (foreground color: #004acd, background color: #000000, font size: 12.8pt (17px), 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.86 (foreground color: #004acd, background color: #000000, font size: 12.8pt (17px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "html": "<span class=\"button-inner\"><slot name=\"icon-only\"></slot><slot name=\"start\"></slot><slot></slot><slot name=\"end\"></slot></span>",
+ "impact": "serious",
+ "none": Array [],
+ "target": Array [
+ Array [
+ ".button-clear",
+ "span",
+ ],
+ ],
+ },
+ ],
+ "tags": Array [
+ "cat.color",
+ "wcag2aa",
+ "wcag143",
+ "TTv5",
+ "TT13.c",
+ "EN-301-549",
+ "EN-9.1.4.3",
+ "ACT",
+ ],
+ },
+ ]
17 |
18 | const results = await new AxeBuilder({ page }).analyze();
> 19 | expect(results.violations).toEqual([]);
| ^
20 | });
21 |
22 | test('focused state should not have accessibility violations', async ({ page }) => {
at /ionic/src/components/button/test/a11y/button.e2e.ts:19:34
|
|
[Mobile Firefox] › src/components/button/test/a11y/button.e2e.ts:7:9 › button: a11y for ion-color() - ios/ltr/dark › should not have accessibility violations:
src/components/button/test/a11y/button.e2e.ts#L19
1) [Mobile Firefox] › src/components/button/test/a11y/button.e2e.ts:7:9 › button: a11y for ion-color() - ios/ltr/dark › should not have accessibility violations
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(received).toEqual(expected) // deep equality
- Expected - 1
+ Received + 59
- 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": "#000000",
+ "contrastRatio": 2.86,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#004acd",
+ "fontSize": "12.8pt (17px)",
+ "fontWeight": "normal",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 2.86 (foreground color: #004acd, background color: #000000, font size: 12.8pt (17px), 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.86 (foreground color: #004acd, background color: #000000, font size: 12.8pt (17px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "html": "<span class=\"button-inner\"><slot name=\"icon-only\"></slot><slot name=\"start\"></slot><slot></slot><slot name=\"end\"></slot></span>",
+ "impact": "serious",
+ "none": Array [],
+ "target": Array [
+ Array [
+ ".button-clear",
+ "span",
+ ],
+ ],
+ },
+ ],
+ "tags": Array [
+ "cat.color",
+ "wcag2aa",
+ "wcag143",
+ "TTv5",
+ "TT13.c",
+ "EN-301-549",
+ "EN-9.1.4.3",
+ "ACT",
+ ],
+ },
+ ]
17 |
18 | const results = await new AxeBuilder({ page }).analyze();
> 19 | expect(results.violations).toEqual([]);
| ^
20 | });
21 |
22 | test('focused state should not have accessibility violations', async ({ page }) => {
at /ionic/src/components/button/test/a11y/button.e2e.ts:19:34
|
|
[Mobile Firefox] › src/components/button/test/a11y/button.e2e.ts:7:9 › button: a11y for ion-color() - ios/ltr/dark › should not have accessibility violations:
src/components/button/test/a11y/button.e2e.ts#L19
1) [Mobile Firefox] › src/components/button/test/a11y/button.e2e.ts:7:9 › button: a11y for ion-color() - ios/ltr/dark › should not have accessibility violations
Error: expect(received).toEqual(expected) // deep equality
- Expected - 1
+ Received + 59
- 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": "#000000",
+ "contrastRatio": 2.86,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#004acd",
+ "fontSize": "12.8pt (17px)",
+ "fontWeight": "normal",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 2.86 (foreground color: #004acd, background color: #000000, font size: 12.8pt (17px), 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.86 (foreground color: #004acd, background color: #000000, font size: 12.8pt (17px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "html": "<span class=\"button-inner\"><slot name=\"icon-only\"></slot><slot name=\"start\"></slot><slot></slot><slot name=\"end\"></slot></span>",
+ "impact": "serious",
+ "none": Array [],
+ "target": Array [
+ Array [
+ ".button-clear",
+ "span",
+ ],
+ ],
+ },
+ ],
+ "tags": Array [
+ "cat.color",
+ "wcag2aa",
+ "wcag143",
+ "TTv5",
+ "TT13.c",
+ "EN-301-549",
+ "EN-9.1.4.3",
+ "ACT",
+ ],
+ },
+ ]
17 |
18 | const results = await new AxeBuilder({ page }).analyze();
> 19 | expect(results.violations).toEqual([]);
| ^
20 | });
21 |
22 | test('focused state should not have accessibility violations', async ({ page }) => {
at /ionic/src/components/button/test/a11y/button.e2e.ts:19:34
|
|
[Mobile Safari] › src/components/datetime/test/custom/datetime.e2e.ts:53:9 › datetime: custom focus - md/ltr › should focus the selected day and then the day after:
src/components/datetime/test/custom/datetime.e2e.ts#L71
1) [Mobile Safari] › src/components/datetime/test/custom/datetime.e2e.ts:53:9 › datetime: custom focus - md/ltr › should focus the selected day and then the day after
Error: Timed out 5000ms waiting for expect(locator).toBeFocused()
Locator: locator('#custom-calendar-days').locator('.calendar-day[data-day=\'16\'][data-month=\'6\']')
Expected: focused
Received: inactive
Call log:
- Expect "toBeFocused" with timeout 5000ms
- waiting for locator('#custom-calendar-days').locator('.calendar-day[data-day=\'16\'][data-month=\'6\']')
9 × locator resolved to <button tabindex="-1" data-day="16" data-month="6" data-index="19" data-year="2023" part="calendar-day" data-day-of-week="5" class="calendar-day" aria-label="Friday, June 16">16</button>
- unexpected value "inactive"
69 | const nextDay = datetime.locator(`.calendar-day[data-day='16'][data-month='6']`);
70 |
> 71 | await expect(nextDay).toBeFocused();
| ^
72 | await expect(datetime).toHaveScreenshot(screenshot(`datetime-custom-focus-calendar-day`));
73 | });
74 | });
at /ionic/src/components/datetime/test/custom/datetime.e2e.ts:71:29
|
|
[Mobile Firefox] › src/components/select-popover/test/a11y/select-popover.e2e.ts:7:9 › select-popover: a11y - ios/ltr › should not have accessibility violations when header is defined:
src/components/select-popover/test/a11y/select-popover.e2e.ts#L0
1) [Mobile Firefox] › src/components/select-popover/test/a11y/select-popover.e2e.ts:7:9 › select-popover: a11y - ios/ltr › should not have accessibility violations when header is defined
Test timeout of 30000ms exceeded.
|
|
🎭 Playwright Run Summary
360 skipped
275 passed (2.2m)
|
|
🎭 Playwright Run Summary
368 skipped
302 passed (3.3m)
|
|
🎭 Playwright Run Summary
671 passed (3.6m)
|
|
🎭 Playwright Run Summary
1 skipped
671 passed (3.8m)
|
|
🎭 Playwright Run Summary
2 failed
[Mobile Chrome] › src/components/button/test/a11y/button.e2e.ts:7:9 › button: a11y for ion-color() - ios/ltr/dark › should not have accessibility violations
[Mobile Chrome] › src/components/button/test/a11y/button.e2e.ts:7:9 › button: a11y for ion-color() - md/ltr/dark › should not have accessibility violations
686 passed (4.0m)
|
|
🎭 Playwright Run Summary
5 skipped
661 passed (4.1m)
|
|
🎭 Playwright Run Summary
4 skipped
676 passed (4.6m)
|
|
🎭 Playwright Run Summary
2 failed
[Mobile Safari] › src/components/button/test/a11y/button.e2e.ts:7:9 › button: a11y for ion-color() - ios/ltr/dark › should not have accessibility violations
[Mobile Safari] › src/components/button/test/a11y/button.e2e.ts:7:9 › button: a11y for ion-color() - md/ltr/dark › should not have accessibility violations
14 skipped
487 passed (6.0m)
|
|
🎭 Playwright Run Summary
10 skipped
647 passed (6.4m)
|
|
🎭 Playwright Run Summary
5 skipped
674 passed (6.6m)
|
|
🎭 Playwright Run Summary
12 skipped
680 passed (8.1m)
|
|
🎭 Playwright Run Summary
1 skipped
666 passed (8.1m)
|
|
🎭 Playwright Run Summary
37 failed
[Mobile Chrome] › src/themes/native/test/colors/theme.e2e.ts:62:11 › palette colors: bold - md/ltr/dark › color "primary" should pass AA guidelines
[Mobile Chrome] › src/themes/native/test/colors/theme.e2e.ts:114:11 › palette colors: bold - md/ltr/dark › color "primary" on 0.08 opacity background should pass AA guidelines
[Mobile Chrome] › src/themes/native/test/colors/theme.e2e.ts:127:11 › palette colors: bold - md/ltr/dark › color "primary" on 0.12 opacity background should pass AA guidelines
[Mobile Chrome] › src/themes/native/test/colors/theme.e2e.ts:140:11 › palette colors: bold - md/ltr/dark › color "primary" on 0.16 opacity background should pass AA guidelines
[Mobile Chrome] › src/themes/native/test/colors/theme.e2e.ts:62:11 › palette colors: bold - md/ltr/dark › color "secondary" should pass AA guidelines
[Mobile Chrome] › src/themes/native/test/colors/theme.e2e.ts:114:11 › palette colors: bold - md/ltr/dark › color "secondary" on 0.08 opacity background should pass AA guidelines
[Mobile Chrome] › src/themes/native/test/colors/theme.e2e.ts:127:11 › palette colors: bold - md/ltr/dark › color "secondary" on 0.12 opacity background should pass AA guidelines
[Mobile Chrome] › src/themes/native/test/colors/theme.e2e.ts:140:11 › palette colors: bold - md/ltr/dark › color "secondary" on 0.16 opacity background should pass AA guidelines
[Mobile Chrome] › src/themes/native/test/colors/theme.e2e.ts:62:11 › palette colors: bold - md/ltr/dark › color "tertiary" should pass AA guidelines
[Mobile Chrome] › src/themes/native/test/colors/theme.e2e.ts:114:11 › palette colors: bold - md/ltr/dark › color "tertiary" on 0.08 opacity background should pass AA guidelines
[Mobile Chrome] › src/themes/native/test/colors/theme.e2e.ts:127:11 › palette colors: bold - md/ltr/dark › color "tertiary" on 0.12 opacity background should pass AA guidelines
[Mobile Chrome] › src/themes/native/test/colors/theme.e2e.ts:140:11 › palette colors: bold - md/ltr/dark › color "tertiary" on 0.16 opacity background should pass AA guidelines
[Mobile Chrome] › src/themes/native/test/colors/theme.e2e.ts:62:11 › palette colors: bold - md/ltr/dark › color "danger" should pass AA guidelines
[Mobile Chrome] › src/themes/native/test/colors/theme.e2e.ts:114:11 › palette colors: bold - md/ltr/dark › color "danger" on 0.08 opacity background should pass AA guidelines
[Mobile Chrome] › src/themes/native/test/colors/theme.e2e.ts:127:11 › palette colors: bold - md/ltr/dark › color "danger" on 0.12 opacity background should pass AA guidelines
[Mobile Chrome] › src/themes/native/test/colors/theme.e2e.ts:140:11 › palette colors: bold - md/ltr/dark › color "danger" on 0.16 opacity background should pass AA guidelines
[Mobile Chrome] › src/themes/native/test/colors/theme.e2e.ts:62:11 › palette colors: bold - md/ltr/dark › color "light" should pass AA guidelines
[Mobile Chrome] › src/themes/native/test/colors/theme.e2e.ts:114:11 › palette colors: bold - md/ltr/dark › color "light" on 0.08 opacity background should pass AA guidelines
[Mobile Chrome] › src/themes/native/test/colors/theme.e2e.ts:127:11 › palette colors: bold - md/ltr/dark › color "light" on 0.12 opacity background should pass AA guidelines
[Mobile Chrome] › src/themes/native/test/colors/theme.e2e.ts:140:11 › palette colors: bold - md/ltr/dark › color "light" on 0.16 opacity background should pass AA guidelines
[Mobile Chrome] › src/themes/native/test/colors/theme.e2e.ts:62:11 › palette colors: bold - md/ltr/dark › color "medium" should pass AA guidelines
[Mobile Chrome] › src/themes/native/test/colors/theme.e2e.ts:114:11 › palette colors: bold - md/ltr/dark › color "medium" on 0.08 opacity background should pass AA guidelines
[Mobile Chrome] › src/themes/native/test/colors/theme.e2e.ts:127:11 › palette colors: bold - md/ltr/dark › color "medium" on 0.12 opacity background should pass AA guidelines
[Mobile Chrome] › src/themes/native/test/colors/theme.e2e.ts:140:11 › palette colors: bo
|
|
🎭 Playwright Run Summary
1 skipped
651 passed (8.9m)
|
|
🎭 Playwright Run Summary
2 failed
[Mobile Firefox] › src/components/button/test/a11y/button.e2e.ts:7:9 › button: a11y for ion-color() - ios/ltr/dark › should not have accessibility violations
[Mobile Firefox] › src/components/button/test/a11y/button.e2e.ts:7:9 › button: a11y for ion-color() - md/ltr/dark › should not have accessibility violations
4 skipped
727 passed (9.0m)
|
|
🎭 Playwright Run Summary
3 skipped
669 passed (8.8m)
|
|
🎭 Playwright Run Summary
1 flaky
[Mobile Safari] › src/components/datetime/test/custom/datetime.e2e.ts:53:9 › datetime: custom focus - md/ltr › should focus the selected day and then the day after
2 skipped
663 passed (9.3m)
|
|
🎭 Playwright Run Summary
1 flaky
[Mobile Firefox] › src/components/select-popover/test/a11y/select-popover.e2e.ts:7:9 › select-popover: a11y - ios/ltr › should not have accessibility violations when header is defined
5 skipped
708 passed (9.7m)
|
|
🎭 Playwright Run Summary
7 skipped
622 passed (9.9m)
|
|
🎭 Playwright Run Summary
14 skipped
681 passed (10.1m)
|
Artifacts
Produced during runtime
| Name | Size | Digest | |
|---|---|---|---|
|
ionic-core
Expired
|
5.15 MB |
sha256:edf0a6234dac6b5bd81729431cb11d37f7524e4a21ce6de240f914ed375cda7a
|
|
|
test-results-1-20
Expired
|
10.6 MB |
sha256:834c2dcfa19ba39dc882e3bb2e625933dfb10a1e5d0a2456d9c091fa5b04997f
|
|
|
test-results-10-20
Expired
|
455 KB |
sha256:4a5c7218c8bc0a51d86e847ce7f396def03d416c0d2a89dfced70c6b69a4831a
|
|
|
test-results-11-20
Expired
|
592 KB |
sha256:408b4fb693ff53cb6018ef739f1d9dd2d35c0a62593d8f35412dbf585b167a1e
|
|
|
test-results-12-20
Expired
|
492 KB |
sha256:a5a68855625435db6dbec8e378819670e8c9ff53c80caca58b1d35d9f63c7ea3
|
|
|
test-results-13-20
Expired
|
178 MB |
sha256:872c6bd82eac68706236e841d70b2835d04c625e0c79feff81a4cbba06cdf586
|
|
|
test-results-14-20
Expired
|
10.4 MB |
sha256:a30d07b32ab44b144d49a341ea5558bde95e6c0494dc89903d47113a445018d6
|
|
|
test-results-15-20
Expired
|
1.23 MB |
sha256:445652582842260deffab0d29c4caddd80d4035e3b775dc4b3150ea798ba54fe
|
|
|
test-results-16-20
Expired
|
483 KB |
sha256:7562c88170fe8502e02261dc7715069e5f78aa7b0b95a3a6ce29c0bd7d91769e
|
|
|
test-results-17-20
Expired
|
576 KB |
sha256:bfcdfdec55b2bbdb95812993e4d0c2200891e3425ed2f6595b186da3e9e78bd2
|
|
|
test-results-18-20
Expired
|
568 KB |
sha256:55bd17d617eb464504b20000d0d2a274b4bff4c514c9ef835c087c8af007ea8f
|
|
|
test-results-19-20
Expired
|
457 KB |
sha256:f74c5062656d7c7f43706a0c39b210171b361f7120eb38a45dfa4903f0583fe4
|
|
|
test-results-2-20
Expired
|
516 KB |
sha256:f7f562897cf52d1bb3b373fefa62ed3e31af18911cb6082faeaf6430b4a2867b
|
|
|
test-results-20-20
Expired
|
347 KB |
sha256:51972fb9fc3562006a92e685821b810c93a63d71586c4eaced57634f36c115be
|
|
|
test-results-3-20
Expired
|
450 KB |
sha256:512d04a596193ae082b29087bebfa9a8ec32ff8a80be8c3cc9c69df143979c8c
|
|
|
test-results-4-20
Expired
|
597 KB |
sha256:6ffb12f470b64c12a42275aaead83b8991d7499a47efe5c1688af3521fcd620d
|
|
|
test-results-5-20
Expired
|
501 KB |
sha256:ecf4336a330d8885f1438df073a92a69b1e49bba3bbcb99fe262267d8b2a928c
|
|
|
test-results-6-20
Expired
|
1.23 MB |
sha256:1404c6b790af2dde68f25bab7eb8e6d9f9f5b20db0c434a51ffda39162daae64
|
|
|
test-results-7-20
Expired
|
368 KB |
sha256:171378cca4510927dde13d6540b0338b54033add2c9067446376468bd91d1554
|
|
|
test-results-8-20
Expired
|
10.5 MB |
sha256:2ca08dd417bdf9f1132da65a659753911cbe6b53706750be0ada56a41cdb2310
|
|
|
test-results-9-20
Expired
|
493 KB |
sha256:5dd68a37562af36dcbd8a1f6d1e32ab60d7a24768763fc5354aa2a2f622f66f0
|
|
|
updated-screenshots-10-20
Expired
|
140 KB |
sha256:ff032dd1dff4807dd2d701addbc0ad3139c0c98da5d3484a1010c624d8ff3fbe
|
|
|
updated-screenshots-15-20
Expired
|
74.8 KB |
sha256:1be76424007c8352dcd3c5b908bfad23b8b5b0ceb9b1eab5ce88203b0ce92067
|
|
|
updated-screenshots-17-20
Expired
|
190 KB |
sha256:6b9c4e5e6d81fa41a66e9d41e1d3eeb7c5a3b03892bc936e796439f306a29908
|
|
|
updated-screenshots-2-20
Expired
|
48.2 KB |
sha256:9fcd492e5f3d4ede66288715e92f8012615a59490b8a94cd7b9b08c32411aca5
|
|
|
updated-screenshots-20-20
Expired
|
33.3 KB |
sha256:7633f148088543f186c05fbf660f61d9ef112b932616297428a2a9f0fd0df552
|
|
|
updated-screenshots-3-20
Expired
|
199 KB |
sha256:b4d76ac16bd47ae3e4392ec773480bedc92e2ef21146284a2f27d9bc894a6c9e
|
|
|
updated-screenshots-6-20
Expired
|
33.6 KB |
sha256:95e1303c10ea57f2867fc062f4665ffb5cdc076b86718581a93bb39c29b31f1b
|
|