Update Reference Screenshots #2003
Annotations
7 errors and 1 notice
|
Run /./.github/workflows/actions/test-core-screenshot
Process completed with exit code 1.
|
|
Run /./.github/workflows/actions/test-core-screenshot:
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
|
|
Run /./.github/workflows/actions/test-core-screenshot:
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
|
|
Run /./.github/workflows/actions/test-core-screenshot:
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
|
|
Run /./.github/workflows/actions/test-core-screenshot:
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
|
|
Run /./.github/workflows/actions/test-core-screenshot:
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
|
|
Run /./.github/workflows/actions/test-core-screenshot:
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
|
|
Run /./.github/workflows/actions/test-core-screenshot
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)
|
Loading