feat(tokens): add gray and text colors #17621
Annotations
5 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/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
|
|
Run /./.github/workflows/actions/test-core-screenshot:
src/components/action-sheet/test/translucent/action-sheet.e2e.ts#L17
1) [Mobile Chrome] › src/components/action-sheet/test/translucent/action-sheet.e2e.ts:6:9 › action sheet: translucent - ios/ltr › should not have visual regressions
Retry #2 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(locator).toHaveScreenshot(expected) failed
Locator: locator('ion-action-sheet')
19409 pixels (ratio 0.07 of all image pixels) are different.
Snapshot: action-sheet-translucent-ios-ltr.png
Call log:
- Expect "toHaveScreenshot(action-sheet-translucent-ios-ltr.png)" with timeout 5000ms
- verifying given screenshot expectation
- waiting for locator('ion-action-sheet')
- locator resolved to <ion-action-sheet role="dialog" tabindex="-1" aria-modal="true" id="ion-overlay-1" aria-labelledby="action-sheet-1-header" class="sc-ion-action-sheet-ios-h ios action-sheet-translucent sc-ion-action-sheet-ios hydrated">…</ion-action-sheet>
- taking element screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- attempting scroll into view action
- waiting for element to be stable
- 19409 pixels (ratio 0.07 of all image pixels) are different.
- waiting 100ms before taking screenshot
- waiting for locator('ion-action-sheet')
- locator resolved to <ion-action-sheet role="dialog" tabindex="-1" aria-modal="true" id="ion-overlay-1" aria-labelledby="action-sheet-1-header" class="sc-ion-action-sheet-ios-h ios action-sheet-translucent sc-ion-action-sheet-ios hydrated">…</ion-action-sheet>
- taking element screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- attempting scroll into view action
- waiting for element to be stable
- captured a stable screenshot
- 19409 pixels (ratio 0.07 of all image pixels) are different.
15 |
16 | const actionSheet = page.locator('ion-action-sheet');
> 17 | await expect(actionSheet).toHaveScreenshot(screenshot('action-sheet-translucent'));
| ^
18 | });
19 | });
20 | });
at /ionic/src/components/action-sheet/test/translucent/action-sheet.e2e.ts:17:33
|
|
Run /./.github/workflows/actions/test-core-screenshot:
src/components/action-sheet/test/translucent/action-sheet.e2e.ts#L17
1) [Mobile Chrome] › src/components/action-sheet/test/translucent/action-sheet.e2e.ts:6:9 › action sheet: translucent - ios/ltr › should not have visual regressions
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(locator).toHaveScreenshot(expected) failed
Locator: locator('ion-action-sheet')
19409 pixels (ratio 0.07 of all image pixels) are different.
Snapshot: action-sheet-translucent-ios-ltr.png
Call log:
- Expect "toHaveScreenshot(action-sheet-translucent-ios-ltr.png)" with timeout 5000ms
- verifying given screenshot expectation
- waiting for locator('ion-action-sheet')
- locator resolved to <ion-action-sheet role="dialog" tabindex="-1" aria-modal="true" id="ion-overlay-1" aria-labelledby="action-sheet-1-header" class="sc-ion-action-sheet-ios-h ios action-sheet-translucent sc-ion-action-sheet-ios hydrated">…</ion-action-sheet>
- taking element screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- attempting scroll into view action
- waiting for element to be stable
- 19409 pixels (ratio 0.07 of all image pixels) are different.
- waiting 100ms before taking screenshot
- waiting for locator('ion-action-sheet')
- locator resolved to <ion-action-sheet role="dialog" tabindex="-1" aria-modal="true" id="ion-overlay-1" aria-labelledby="action-sheet-1-header" class="sc-ion-action-sheet-ios-h ios action-sheet-translucent sc-ion-action-sheet-ios hydrated">…</ion-action-sheet>
- taking element screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- attempting scroll into view action
- waiting for element to be stable
- captured a stable screenshot
- 19409 pixels (ratio 0.07 of all image pixels) are different.
15 |
16 | const actionSheet = page.locator('ion-action-sheet');
> 17 | await expect(actionSheet).toHaveScreenshot(screenshot('action-sheet-translucent'));
| ^
18 | });
19 | });
20 | });
at /ionic/src/components/action-sheet/test/translucent/action-sheet.e2e.ts:17:33
|
|
Run /./.github/workflows/actions/test-core-screenshot:
src/components/action-sheet/test/translucent/action-sheet.e2e.ts#L17
1) [Mobile Chrome] › src/components/action-sheet/test/translucent/action-sheet.e2e.ts:6:9 › action sheet: translucent - ios/ltr › should not have visual regressions
Error: expect(locator).toHaveScreenshot(expected) failed
Locator: locator('ion-action-sheet')
19409 pixels (ratio 0.07 of all image pixels) are different.
Snapshot: action-sheet-translucent-ios-ltr.png
Call log:
- Expect "toHaveScreenshot(action-sheet-translucent-ios-ltr.png)" with timeout 5000ms
- verifying given screenshot expectation
- waiting for locator('ion-action-sheet')
- locator resolved to <ion-action-sheet role="dialog" tabindex="-1" aria-modal="true" id="ion-overlay-1" aria-labelledby="action-sheet-1-header" class="sc-ion-action-sheet-ios-h ios action-sheet-translucent sc-ion-action-sheet-ios hydrated">…</ion-action-sheet>
- taking element screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- attempting scroll into view action
- waiting for element to be stable
- 19409 pixels (ratio 0.07 of all image pixels) are different.
- waiting 100ms before taking screenshot
- waiting for locator('ion-action-sheet')
- locator resolved to <ion-action-sheet role="dialog" tabindex="-1" aria-modal="true" id="ion-overlay-1" aria-labelledby="action-sheet-1-header" class="sc-ion-action-sheet-ios-h ios action-sheet-translucent sc-ion-action-sheet-ios hydrated">…</ion-action-sheet>
- taking element screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- attempting scroll into view action
- waiting for element to be stable
- captured a stable screenshot
- 19409 pixels (ratio 0.07 of all image pixels) are different.
15 |
16 | const actionSheet = page.locator('ion-action-sheet');
> 17 | await expect(actionSheet).toHaveScreenshot(screenshot('action-sheet-translucent'));
| ^
18 | });
19 | });
20 | });
at /ionic/src/components/action-sheet/test/translucent/action-sheet.e2e.ts:17:33
|
|
Run /./.github/workflows/actions/test-core-screenshot
1 failed
[Mobile Chrome] › src/components/action-sheet/test/translucent/action-sheet.e2e.ts:6:9 › action sheet: translucent - ios/ltr › should not have visual regressions
1 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
360 skipped
273 passed (2.5m)
|
Loading