feat(tokens): add gray and text colors #17623
build.yml
on: pull_request
build-core
1m 30s
Matrix: test-core-screenshot
test-core-clean-build
16s
test-core-lint
53s
test-core-spec
52s
verify-screenshots
2s
Matrix: test-angular-e2e
Matrix: test-react-e2e
Matrix: test-react-router-e2e
Matrix: test-vue-e2e
verify-test-angular-e2e
2s
verify-test-react-e2e
2s
verify-test-react-router-e2e
2s
verify-test-vue-e2e
3s
Annotations
86 errors and 1 notice
|
test-core-lint
Process completed with exit code 1.
|
|
test-core-screenshot (7, 20)
Process completed with exit code 1.
|
|
[Mobile Firefox] › src/css/test/typography/a11y/typography.e2e.ts:40:9 › typography: a11y - md/ltr/dark › should not have accessibility violations for anchor tags:
src/css/test/typography/a11y/typography.e2e.ts#L56
3) [Mobile Firefox] › src/css/test/typography/a11y/typography.e2e.ts:40:9 › typography: a11y - md/ltr/dark › should not have accessibility violations for anchor tags
Error: expect(received).toEqual(expected) // deep equality
- Expected - 1
+ Received + 66
- 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.11/color-contrast?application=playwright",
+ "id": "color-contrast",
+ "impact": "serious",
+ "nodes": Array [
+ Object {
+ "all": Array [],
+ "any": Array [
+ Object {
+ "data": Object {
+ "bgColor": "#121212",
+ "contrastRatio": 3.07,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#0054e9",
+ "fontSize": "12.0pt (16px)",
+ "fontWeight": "normal",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 3.07 (foreground color: #0054e9, background color: #121212, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "relatedNodes": Array [
+ Object {
+ "html": "<body>
+
+ <main>
+ <a href=\"#\">Link</a>
+ </main>
+
+
+
+ </body>",
+ "target": Array [
+ "body",
+ ],
+ },
+ ],
+ },
+ ],
+ "failureSummary": "Fix any of the following:
+ Element has insufficient color contrast of 3.07 (foreground color: #0054e9, background color: #121212, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "html": "<a href=\"#\">Link</a>",
+ "impact": "serious",
+ "none": Array [],
+ "target": Array [
+ "a",
+ ],
+ },
+ ],
+ "tags": Array [
+ "cat.color",
+ "wcag2aa",
+ "wcag143",
+ "TTv5",
+ "TT13.c",
+ "EN-301-549",
+ "EN-9.1.4.3",
+ "ACT",
+ "RGAAv4",
+ "RGAA-3.2.1",
+ ],
+ },
+ ]
54 | const results = await new AxeBuilder({ page }).analyze();
55 |
> 56 | expect(results.violations).toEqual([]);
| ^
57 | });
58 | });
59 | });
at /ionic/src/css/test/typography/a11y/typography.e2e.ts:56:34
|
|
[Mobile Firefox] › src/css/test/typography/a11y/typography.e2e.ts:40:9 › typography: a11y - ios/ltr/dark › should not have accessibility violations for anchor tags:
src/css/test/typography/a11y/typography.e2e.ts#L56
2) [Mobile Firefox] › src/css/test/typography/a11y/typography.e2e.ts:40:9 › typography: a11y - ios/ltr/dark › should not have accessibility violations for anchor tags
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(received).toEqual(expected) // deep equality
- Expected - 1
+ Received + 66
- 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.11/color-contrast?application=playwright",
+ "id": "color-contrast",
+ "impact": "serious",
+ "nodes": Array [
+ Object {
+ "all": Array [],
+ "any": Array [
+ Object {
+ "data": Object {
+ "bgColor": "#000000",
+ "contrastRatio": 3.44,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#0054e9",
+ "fontSize": "12.0pt (16px)",
+ "fontWeight": "normal",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 3.44 (foreground color: #0054e9, background color: #000000, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "relatedNodes": Array [
+ Object {
+ "html": "<body>
+
+ <main>
+ <a href=\"#\">Link</a>
+ </main>
+
+
+
+ </body>",
+ "target": Array [
+ "body",
+ ],
+ },
+ ],
+ },
+ ],
+ "failureSummary": "Fix any of the following:
+ Element has insufficient color contrast of 3.44 (foreground color: #0054e9, background color: #000000, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "html": "<a href=\"#\">Link</a>",
+ "impact": "serious",
+ "none": Array [],
+ "target": Array [
+ "a",
+ ],
+ },
+ ],
+ "tags": Array [
+ "cat.color",
+ "wcag2aa",
+ "wcag143",
+ "TTv5",
+ "TT13.c",
+ "EN-301-549",
+ "EN-9.1.4.3",
+ "ACT",
+ "RGAAv4",
+ "RGAA-3.2.1",
+ ],
+ },
+ ]
54 | const results = await new AxeBuilder({ page }).analyze();
55 |
> 56 | expect(results.violations).toEqual([]);
| ^
57 | });
58 | });
59 | });
at /ionic/src/css/test/typography/a11y/typography.e2e.ts:56:34
|
|
[Mobile Firefox] › src/css/test/typography/a11y/typography.e2e.ts:40:9 › typography: a11y - ios/ltr/dark › should not have accessibility violations for anchor tags:
src/css/test/typography/a11y/typography.e2e.ts#L56
2) [Mobile Firefox] › src/css/test/typography/a11y/typography.e2e.ts:40:9 › typography: a11y - ios/ltr/dark › should not have accessibility violations for anchor tags
Error: expect(received).toEqual(expected) // deep equality
- Expected - 1
+ Received + 66
- 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.11/color-contrast?application=playwright",
+ "id": "color-contrast",
+ "impact": "serious",
+ "nodes": Array [
+ Object {
+ "all": Array [],
+ "any": Array [
+ Object {
+ "data": Object {
+ "bgColor": "#000000",
+ "contrastRatio": 3.44,
+ "expectedContrastRatio": "4.5:1",
+ "fgColor": "#0054e9",
+ "fontSize": "12.0pt (16px)",
+ "fontWeight": "normal",
+ "messageKey": null,
+ },
+ "id": "color-contrast",
+ "impact": "serious",
+ "message": "Element has insufficient color contrast of 3.44 (foreground color: #0054e9, background color: #000000, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "relatedNodes": Array [
+ Object {
+ "html": "<body>
+
+ <main>
+ <a href=\"#\">Link</a>
+ </main>
+
+
+
+ </body>",
+ "target": Array [
+ "body",
+ ],
+ },
+ ],
+ },
+ ],
+ "failureSummary": "Fix any of the following:
+ Element has insufficient color contrast of 3.44 (foreground color: #0054e9, background color: #000000, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1",
+ "html": "<a href=\"#\">Link</a>",
+ "impact": "serious",
+ "none": Array [],
+ "target": Array [
+ "a",
+ ],
+ },
+ ],
+ "tags": Array [
+ "cat.color",
+ "wcag2aa",
+ "wcag143",
+ "TTv5",
+ "TT13.c",
+ "EN-301-549",
+ "EN-9.1.4.3",
+ "ACT",
+ "RGAAv4",
+ "RGAA-3.2.1",
+ ],
+ },
+ ]
54 | const results = await new AxeBuilder({ page }).analyze();
55 |
> 56 | expect(results.violations).toEqual([]);
| ^
57 | });
58 | });
59 | });
at /ionic/src/css/test/typography/a11y/typography.e2e.ts:56:34
|
|
[Mobile Firefox] › src/components/toolbar/test/colors/toolbar.e2e.ts:9:9 › toolbar: colors - md/ltr › should not have visual regressions:
src/components/toolbar/test/colors/toolbar.e2e.ts#L14
1) [Mobile Firefox] › src/components/toolbar/test/colors/toolbar.e2e.ts:9:9 › toolbar: colors - md/ltr › should not have visual regressions
Retry #2 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(page).toHaveScreenshot(expected) failed
1577 pixels (ratio 0.01 of all image pixels) are different.
Snapshot: toolbar-colors-md-ltr.png
Call log:
- Expect "toHaveScreenshot(toolbar-colors-md-ltr.png)" with timeout 5000ms
- verifying given screenshot expectation
- taking page screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- 1577 pixels (ratio 0.01 of all image pixels) are different.
- waiting 100ms before taking screenshot
- taking page screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- captured a stable screenshot
- 1577 pixels (ratio 0.01 of all image pixels) are different.
12 | await page.setIonViewport();
13 |
> 14 | await expect(page).toHaveScreenshot(screenshot(`toolbar-colors`));
| ^
15 | });
16 | });
17 | });
at /ionic/src/components/toolbar/test/colors/toolbar.e2e.ts:14:26
|
|
[Mobile Firefox] › src/components/toolbar/test/colors/toolbar.e2e.ts:9:9 › toolbar: colors - md/ltr › should not have visual regressions:
src/components/toolbar/test/colors/toolbar.e2e.ts#L14
1) [Mobile Firefox] › src/components/toolbar/test/colors/toolbar.e2e.ts:9:9 › toolbar: colors - md/ltr › should not have visual regressions
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(page).toHaveScreenshot(expected) failed
1577 pixels (ratio 0.01 of all image pixels) are different.
Snapshot: toolbar-colors-md-ltr.png
Call log:
- Expect "toHaveScreenshot(toolbar-colors-md-ltr.png)" with timeout 5000ms
- verifying given screenshot expectation
- taking page screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- 1577 pixels (ratio 0.01 of all image pixels) are different.
- waiting 100ms before taking screenshot
- taking page screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- captured a stable screenshot
- 1577 pixels (ratio 0.01 of all image pixels) are different.
12 | await page.setIonViewport();
13 |
> 14 | await expect(page).toHaveScreenshot(screenshot(`toolbar-colors`));
| ^
15 | });
16 | });
17 | });
at /ionic/src/components/toolbar/test/colors/toolbar.e2e.ts:14:26
|
|
[Mobile Firefox] › src/components/toolbar/test/colors/toolbar.e2e.ts:9:9 › toolbar: colors - md/ltr › should not have visual regressions:
src/components/toolbar/test/colors/toolbar.e2e.ts#L14
1) [Mobile Firefox] › src/components/toolbar/test/colors/toolbar.e2e.ts:9:9 › toolbar: colors - md/ltr › should not have visual regressions
Error: expect(page).toHaveScreenshot(expected) failed
1577 pixels (ratio 0.01 of all image pixels) are different.
Snapshot: toolbar-colors-md-ltr.png
Call log:
- Expect "toHaveScreenshot(toolbar-colors-md-ltr.png)" with timeout 5000ms
- verifying given screenshot expectation
- taking page screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- 1577 pixels (ratio 0.01 of all image pixels) are different.
- waiting 100ms before taking screenshot
- taking page screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- captured a stable screenshot
- 1577 pixels (ratio 0.01 of all image pixels) are different.
12 | await page.setIonViewport();
13 |
> 14 | await expect(page).toHaveScreenshot(screenshot(`toolbar-colors`));
| ^
15 | });
16 | });
17 | });
at /ionic/src/components/toolbar/test/colors/toolbar.e2e.ts:14:26
|
|
test-core-screenshot (3, 20)
The strategy configuration was canceled because "test-core-screenshot._7_20" failed
|
|
test-core-screenshot (3, 20)
Process completed with exit code 12.
|
|
test-core-screenshot (3, 20)
The operation was canceled.
|
|
test-core-screenshot (4, 20)
The strategy configuration was canceled because "test-core-screenshot._7_20" failed
|
|
test-core-screenshot (4, 20)
Process completed with exit code 12.
|
|
test-core-screenshot (4, 20)
The operation was canceled.
|
|
test-core-screenshot (13, 20)
The strategy configuration was canceled because "test-core-screenshot._7_20" failed
|
|
test-core-screenshot (13, 20)
Process completed with exit code 12.
|
|
test-core-screenshot (13, 20)
The operation was canceled.
|
|
test-core-screenshot (10, 20)
The strategy configuration was canceled because "test-core-screenshot._7_20" failed
|
|
test-core-screenshot (10, 20)
Process completed with exit code 12.
|
|
test-core-screenshot (10, 20)
The operation was canceled.
|
|
test-core-screenshot (15, 20)
The strategy configuration was canceled because "test-core-screenshot._7_20" failed
|
|
test-core-screenshot (15, 20)
Process completed with exit code 12.
|
|
test-core-screenshot (15, 20)
The operation was canceled.
|
|
test-core-screenshot (6, 20)
The strategy configuration was canceled because "test-core-screenshot._7_20" failed
|
|
test-core-screenshot (6, 20)
Process completed with exit code 12.
|
|
test-core-screenshot (6, 20)
The operation was canceled.
|
|
test-core-screenshot (20, 20)
The strategy configuration was canceled because "test-core-screenshot._7_20" failed
|
|
test-core-screenshot (20, 20)
Process completed with exit code 12.
|
|
test-core-screenshot (20, 20)
The operation was canceled.
|
|
test-core-screenshot (18, 20)
The strategy configuration was canceled because "test-core-screenshot._7_20" failed
|
|
test-core-screenshot (18, 20)
Process completed with exit code 12.
|
|
test-core-screenshot (18, 20)
The operation was canceled.
|
|
test-core-screenshot (2, 20)
The strategy configuration was canceled because "test-core-screenshot._7_20" failed
|
|
test-core-screenshot (2, 20)
Process completed with exit code 12.
|
|
test-core-screenshot (2, 20)
The operation was canceled.
|
|
test-core-screenshot (1, 20)
The strategy configuration was canceled because "test-core-screenshot._7_20" failed
|
|
test-core-screenshot (1, 20)
Process completed with exit code 12.
|
|
test-core-screenshot (1, 20)
The operation was canceled.
|
|
test-core-screenshot (19, 20)
The strategy configuration was canceled because "test-core-screenshot._7_20" failed
|
|
test-core-screenshot (19, 20)
Process completed with exit code 12.
|
|
test-core-screenshot (19, 20)
The operation was canceled.
|
|
test-core-screenshot (9, 20)
The strategy configuration was canceled because "test-core-screenshot._7_20" failed
|
|
test-core-screenshot (9, 20)
Process completed with exit code 12.
|
|
test-core-screenshot (9, 20)
The operation was canceled.
|
|
test-core-screenshot (5, 20)
The strategy configuration was canceled because "test-core-screenshot._7_20" failed
|
|
test-core-screenshot (5, 20)
Process completed with exit code 12.
|
|
test-core-screenshot (5, 20)
The operation was canceled.
|
|
test-core-screenshot (11, 20)
The strategy configuration was canceled because "test-core-screenshot._7_20" failed
|
|
test-core-screenshot (11, 20)
Process completed with exit code 12.
|
|
test-core-screenshot (11, 20)
The operation was canceled.
|
|
test-core-screenshot (12, 20)
The strategy configuration was canceled because "test-core-screenshot._7_20" failed
|
|
test-core-screenshot (12, 20)
Process completed with exit code 12.
|
|
test-core-screenshot (12, 20)
The operation was canceled.
|
|
test-core-screenshot (16, 20)
The strategy configuration was canceled because "test-core-screenshot._7_20" failed
|
|
test-core-screenshot (16, 20)
Process completed with exit code 12.
|
|
test-core-screenshot (16, 20)
The operation was canceled.
|
|
test-core-screenshot (17, 20)
The strategy configuration was canceled because "test-core-screenshot._7_20" failed
|
|
test-core-screenshot (17, 20)
Process completed with exit code 12.
|
|
test-core-screenshot (17, 20)
The operation was canceled.
|
|
test-core-screenshot (14, 20)
The strategy configuration was canceled because "test-core-screenshot._7_20" failed
|
|
test-core-screenshot (14, 20)
Process completed with exit code 12.
|
|
test-core-screenshot (14, 20)
The operation was canceled.
|
|
test-core-screenshot (8, 20)
The strategy configuration was canceled because "test-core-screenshot._7_20" failed
|
|
test-core-screenshot (8, 20)
Process completed with exit code 12.
|
|
test-core-screenshot (8, 20)
The operation was canceled.
|
|
verify-screenshots
Process completed with exit code 1.
|
|
test-react-router-e2e (reactrouter5)
Canceling since a higher priority waiting request for refs/pull/30799/merge exists
|
|
verify-test-react-router-e2e
Process completed with exit code 1.
|
|
test-angular-e2e (ng16)
Canceling since a higher priority waiting request for refs/pull/30799/merge exists
|
|
test-angular-e2e (ng16)
The operation was canceled.
|
|
test-angular-e2e (ng18)
Canceling since a higher priority waiting request for refs/pull/30799/merge exists
|
|
test-angular-e2e (ng18)
The operation was canceled.
|
|
test-angular-e2e (ng17)
Canceling since a higher priority waiting request for refs/pull/30799/merge exists
|
|
test-angular-e2e (ng17)
The operation was canceled.
|
|
test-angular-e2e (ng20)
Canceling since a higher priority waiting request for refs/pull/30799/merge exists
|
|
test-angular-e2e (ng20)
The operation was canceled.
|
|
test-vue-e2e (vue3)
Canceling since a higher priority waiting request for refs/pull/30799/merge exists
|
|
test-vue-e2e (vue3)
The operation was canceled.
|
|
test-react-e2e (react18)
Canceling since a higher priority waiting request for refs/pull/30799/merge exists
|
|
test-react-e2e (react18)
The operation was canceled.
|
|
test-angular-e2e (ng19)
Canceling since a higher priority waiting request for refs/pull/30799/merge exists
|
|
test-angular-e2e (ng19)
The operation was canceled.
|
|
verify-test-react-e2e
Process completed with exit code 1.
|
|
verify-test-vue-e2e
Process completed with exit code 1.
|
|
Ionic Framework Build
Canceling since a higher priority waiting request for refs/pull/30799/merge exists
|
|
verify-test-angular-e2e
Process completed with exit code 1.
|
|
🎭 Playwright Run Summary
1 failed
[Mobile Firefox] › src/components/toolbar/test/colors/toolbar.e2e.ts:9:9 › toolbar: colors - md/ltr › should not have visual regressions
2 flaky
[Mobile Firefox] › src/css/test/typography/a11y/typography.e2e.ts:40:9 › typography: a11y - ios/ltr/dark › should not have accessibility violations for anchor tags
[Mobile Firefox] › src/css/test/typography/a11y/typography.e2e.ts:40:9 › typography: a11y - md/ltr/dark › should not have accessibility violations for anchor tags
360 skipped
272 passed (2.6m)
|
Artifacts
Produced during runtime
| Name | Size | Digest | |
|---|---|---|---|
|
ionic-angular
|
776 KB |
sha256:f17aff873f7e04bac9434af3041421b3a675e1b25a837110d0b57b03baa95e99
|
|
|
ionic-angular-server
|
8.55 KB |
sha256:2437778cd5b85b94c9029b35f1bcb3121e28c982e669c419eb8a2dac5c2ff166
|
|
|
ionic-core
|
5.18 MB |
sha256:3fd87a7485503693af984fff15c236ccf33e0524c092555d8da9b59fec8ef612
|
|
|
ionic-react
|
314 KB |
sha256:994aae73df74572fdc045694928708168cbcea2f4ae4aa58691c851e660a2048
|
|
|
ionic-react-router
|
27.9 KB |
sha256:595f215ed147dff6a2a4b01eb7ba01d3553fc946947fa6384f8af7678c67e079
|
|
|
ionic-vue
|
344 KB |
sha256:c57e6d2629bac18ca1add988d00b06f9dc7532102223a19647b22ea7ac239c47
|
|
|
ionic-vue-router
|
17.1 KB |
sha256:7d409e4e107e1572aae8b4f6f4f6f459caeb6bbe17f2172a1e35d1c7ab97066d
|
|
|
test-results-7-20
|
8.17 MB |
sha256:385156ef059c3d0373f9af88eb8138d81a4541d9da11471a40afb90166500099
|
|