feat(tokens): add gray and text colors #17640
thetaPCbuild.yml
on: pull_request
build-core
1m 23s
Matrix: test-core-screenshot
test-core-clean-build
17s
test-core-lint
53s
test-core-spec
45s
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
3s
verify-test-react-router-e2e
4s
verify-test-vue-e2e
2s
Annotations
59 errors and 1 notice
|
test-core-screenshot (20, 20)
Process completed with exit code 1.
|
|
[Mobile Safari] › src/components/toolbar/test/basic/toolbar.e2e.ts:164:9 › toolbar: basic - ionic/md/rtl/dark › should not have visual regressions with text and button inside the content slot:
src/components/toolbar/test/basic/toolbar.e2e.ts#L181
2) [Mobile Safari] › src/components/toolbar/test/basic/toolbar.e2e.ts:164:9 › toolbar: basic - ionic/md/rtl/dark › should not have visual regressions with text and button inside the content slot
Retry #2 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(locator).toHaveScreenshot(expected) failed
Locator: locator('ion-header')
183 pixels (ratio 0.01 of all image pixels) are different.
Snapshot: toolbar-basic-text-buttons-inside-content-ionic-md-rtl-dark.png
Call log:
- Expect "toHaveScreenshot(toolbar-basic-text-buttons-inside-content-ionic-md-rtl-dark.png)" with timeout 5000ms
- verifying given screenshot expectation
- waiting for locator('ion-header')
- locator resolved to <ion-header role="banner" class="ionic header-ionic header-collapse-none hydrated">…</ion-header>
- 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
- 183 pixels (ratio 0.01 of all image pixels) are different.
- waiting 100ms before taking screenshot
- waiting for locator('ion-header')
- locator resolved to <ion-header role="banner" class="ionic header-ionic header-collapse-none hydrated">…</ion-header>
- 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
- 183 pixels (ratio 0.01 of all image pixels) are different.
179 |
180 | const header = page.locator('ion-header');
> 181 | await expect(header).toHaveScreenshot(screenshot(`toolbar-basic-text-buttons-inside-content`));
| ^
182 | });
183 | });
184 | });
at /ionic/src/components/toolbar/test/basic/toolbar.e2e.ts:181:28
|
|
[Mobile Safari] › src/components/toolbar/test/basic/toolbar.e2e.ts:164:9 › toolbar: basic - ionic/md/rtl/dark › should not have visual regressions with text and button inside the content slot:
src/components/toolbar/test/basic/toolbar.e2e.ts#L181
2) [Mobile Safari] › src/components/toolbar/test/basic/toolbar.e2e.ts:164:9 › toolbar: basic - ionic/md/rtl/dark › should not have visual regressions with text and button inside the content slot
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(locator).toHaveScreenshot(expected) failed
Locator: locator('ion-header')
183 pixels (ratio 0.01 of all image pixels) are different.
Snapshot: toolbar-basic-text-buttons-inside-content-ionic-md-rtl-dark.png
Call log:
- Expect "toHaveScreenshot(toolbar-basic-text-buttons-inside-content-ionic-md-rtl-dark.png)" with timeout 5000ms
- verifying given screenshot expectation
- waiting for locator('ion-header')
- locator resolved to <ion-header role="banner" class="ionic header-ionic header-collapse-none hydrated">…</ion-header>
- 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
- 183 pixels (ratio 0.01 of all image pixels) are different.
- waiting 100ms before taking screenshot
- waiting for locator('ion-header')
- locator resolved to <ion-header role="banner" class="ionic header-ionic header-collapse-none hydrated">…</ion-header>
- 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
- 183 pixels (ratio 0.01 of all image pixels) are different.
179 |
180 | const header = page.locator('ion-header');
> 181 | await expect(header).toHaveScreenshot(screenshot(`toolbar-basic-text-buttons-inside-content`));
| ^
182 | });
183 | });
184 | });
at /ionic/src/components/toolbar/test/basic/toolbar.e2e.ts:181:28
|
|
[Mobile Safari] › src/components/toolbar/test/basic/toolbar.e2e.ts:164:9 › toolbar: basic - ionic/md/rtl/dark › should not have visual regressions with text and button inside the content slot:
src/components/toolbar/test/basic/toolbar.e2e.ts#L181
2) [Mobile Safari] › src/components/toolbar/test/basic/toolbar.e2e.ts:164:9 › toolbar: basic - ionic/md/rtl/dark › should not have visual regressions with text and button inside the content slot
Error: expect(locator).toHaveScreenshot(expected) failed
Locator: locator('ion-header')
183 pixels (ratio 0.01 of all image pixels) are different.
Snapshot: toolbar-basic-text-buttons-inside-content-ionic-md-rtl-dark.png
Call log:
- Expect "toHaveScreenshot(toolbar-basic-text-buttons-inside-content-ionic-md-rtl-dark.png)" with timeout 5000ms
- verifying given screenshot expectation
- waiting for locator('ion-header')
- locator resolved to <ion-header role="banner" class="ionic header-ionic header-collapse-none hydrated">…</ion-header>
- 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
- 183 pixels (ratio 0.01 of all image pixels) are different.
- waiting 100ms before taking screenshot
- waiting for locator('ion-header')
- locator resolved to <ion-header role="banner" class="ionic header-ionic header-collapse-none hydrated">…</ion-header>
- 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
- 183 pixels (ratio 0.01 of all image pixels) are different.
179 |
180 | const header = page.locator('ion-header');
> 181 | await expect(header).toHaveScreenshot(screenshot(`toolbar-basic-text-buttons-inside-content`));
| ^
182 | });
183 | });
184 | });
at /ionic/src/components/toolbar/test/basic/toolbar.e2e.ts:181:28
|
|
[Mobile Safari] › src/components/toolbar/test/basic/toolbar.e2e.ts:164:9 › toolbar: basic - ionic/md/ltr/dark › should not have visual regressions with text and button inside the content slot:
src/components/toolbar/test/basic/toolbar.e2e.ts#L181
1) [Mobile Safari] › src/components/toolbar/test/basic/toolbar.e2e.ts:164:9 › toolbar: basic - ionic/md/ltr/dark › should not have visual regressions with text and button inside the content slot
Retry #2 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(locator).toHaveScreenshot(expected) failed
Locator: locator('ion-header')
187 pixels (ratio 0.01 of all image pixels) are different.
Snapshot: toolbar-basic-text-buttons-inside-content-ionic-md-ltr-dark.png
Call log:
- Expect "toHaveScreenshot(toolbar-basic-text-buttons-inside-content-ionic-md-ltr-dark.png)" with timeout 5000ms
- verifying given screenshot expectation
- waiting for locator('ion-header')
- locator resolved to <ion-header role="banner" class="ionic header-ionic header-collapse-none hydrated">…</ion-header>
- 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
- 187 pixels (ratio 0.01 of all image pixels) are different.
- waiting 100ms before taking screenshot
- waiting for locator('ion-header')
- locator resolved to <ion-header role="banner" class="ionic header-ionic header-collapse-none hydrated">…</ion-header>
- 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
- 187 pixels (ratio 0.01 of all image pixels) are different.
179 |
180 | const header = page.locator('ion-header');
> 181 | await expect(header).toHaveScreenshot(screenshot(`toolbar-basic-text-buttons-inside-content`));
| ^
182 | });
183 | });
184 | });
at /ionic/src/components/toolbar/test/basic/toolbar.e2e.ts:181:28
|
|
[Mobile Safari] › src/components/toolbar/test/basic/toolbar.e2e.ts:164:9 › toolbar: basic - ionic/md/ltr/dark › should not have visual regressions with text and button inside the content slot:
src/components/toolbar/test/basic/toolbar.e2e.ts#L181
1) [Mobile Safari] › src/components/toolbar/test/basic/toolbar.e2e.ts:164:9 › toolbar: basic - ionic/md/ltr/dark › should not have visual regressions with text and button inside the content slot
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(locator).toHaveScreenshot(expected) failed
Locator: locator('ion-header')
187 pixels (ratio 0.01 of all image pixels) are different.
Snapshot: toolbar-basic-text-buttons-inside-content-ionic-md-ltr-dark.png
Call log:
- Expect "toHaveScreenshot(toolbar-basic-text-buttons-inside-content-ionic-md-ltr-dark.png)" with timeout 5000ms
- verifying given screenshot expectation
- waiting for locator('ion-header')
- locator resolved to <ion-header role="banner" class="ionic header-ionic header-collapse-none hydrated">…</ion-header>
- 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
- 187 pixels (ratio 0.01 of all image pixels) are different.
- waiting 100ms before taking screenshot
- waiting for locator('ion-header')
- locator resolved to <ion-header role="banner" class="ionic header-ionic header-collapse-none hydrated">…</ion-header>
- 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
- 187 pixels (ratio 0.01 of all image pixels) are different.
179 |
180 | const header = page.locator('ion-header');
> 181 | await expect(header).toHaveScreenshot(screenshot(`toolbar-basic-text-buttons-inside-content`));
| ^
182 | });
183 | });
184 | });
at /ionic/src/components/toolbar/test/basic/toolbar.e2e.ts:181:28
|
|
[Mobile Safari] › src/components/toolbar/test/basic/toolbar.e2e.ts:164:9 › toolbar: basic - ionic/md/ltr/dark › should not have visual regressions with text and button inside the content slot:
src/components/toolbar/test/basic/toolbar.e2e.ts#L181
1) [Mobile Safari] › src/components/toolbar/test/basic/toolbar.e2e.ts:164:9 › toolbar: basic - ionic/md/ltr/dark › should not have visual regressions with text and button inside the content slot
Error: expect(locator).toHaveScreenshot(expected) failed
Locator: locator('ion-header')
187 pixels (ratio 0.01 of all image pixels) are different.
Snapshot: toolbar-basic-text-buttons-inside-content-ionic-md-ltr-dark.png
Call log:
- Expect "toHaveScreenshot(toolbar-basic-text-buttons-inside-content-ionic-md-ltr-dark.png)" with timeout 5000ms
- verifying given screenshot expectation
- waiting for locator('ion-header')
- locator resolved to <ion-header role="banner" class="ionic header-ionic header-collapse-none hydrated">…</ion-header>
- 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
- 187 pixels (ratio 0.01 of all image pixels) are different.
- waiting 100ms before taking screenshot
- waiting for locator('ion-header')
- locator resolved to <ion-header role="banner" class="ionic header-ionic header-collapse-none hydrated">…</ion-header>
- 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
- 187 pixels (ratio 0.01 of all image pixels) are different.
179 |
180 | const header = page.locator('ion-header');
> 181 | await expect(header).toHaveScreenshot(screenshot(`toolbar-basic-text-buttons-inside-content`));
| ^
182 | });
183 | });
184 | });
at /ionic/src/components/toolbar/test/basic/toolbar.e2e.ts:181:28
|
|
test-core-screenshot (13, 20)
The strategy configuration was canceled because "test-core-screenshot._20_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 (18, 20)
The strategy configuration was canceled because "test-core-screenshot._20_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 (9, 20)
The strategy configuration was canceled because "test-core-screenshot._20_20" failed
|
|
test-core-screenshot (5, 20)
The strategy configuration was canceled because "test-core-screenshot._20_20" failed
|
|
test-core-screenshot (9, 20)
Process completed with exit code 12.
|
|
test-core-screenshot (5, 20)
Process completed with exit code 12.
|
|
test-core-screenshot (9, 20)
The operation was canceled.
|
|
test-core-screenshot (5, 20)
The operation was canceled.
|
|
test-core-screenshot (4, 20)
The strategy configuration was canceled because "test-core-screenshot._20_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 (2, 20)
The strategy configuration was canceled because "test-core-screenshot._20_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 (8, 20)
The strategy configuration was canceled because "test-core-screenshot._20_20" failed
|
|
test-core-screenshot (8, 20)
Process completed with exit code 12.
|
|
test-core-screenshot (8, 20)
The operation was canceled.
|
|
test-core-screenshot (1, 20)
The strategy configuration was canceled because "test-core-screenshot._20_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 (6, 20)
The strategy configuration was canceled because "test-core-screenshot._20_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 (12, 20)
The strategy configuration was canceled because "test-core-screenshot._20_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 (17, 20)
The strategy configuration was canceled because "test-core-screenshot._20_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 (3, 20)
The strategy configuration was canceled because "test-core-screenshot._20_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 (19, 20)
The strategy configuration was canceled because "test-core-screenshot._20_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 (14, 20)
The strategy configuration was canceled because "test-core-screenshot._20_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 (11, 20)
The strategy configuration was canceled because "test-core-screenshot._20_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 (16, 20)
The strategy configuration was canceled because "test-core-screenshot._20_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 (15, 20)
The strategy configuration was canceled because "test-core-screenshot._20_20" failed
|
|
test-core-screenshot (15, 20)
Process completed with exit code 12.
|
|
test-core-screenshot (15, 20)
The operation was canceled.
|
|
verify-screenshots
Process completed with exit code 1.
|
|
🎭 Playwright Run Summary
2 failed
[Mobile Safari] › src/components/toolbar/test/basic/toolbar.e2e.ts:164:9 › toolbar: basic - ionic/md/ltr/dark › should not have visual regressions with text and button inside the content slot
[Mobile Safari] › src/components/toolbar/test/basic/toolbar.e2e.ts:164:9 › toolbar: basic - ionic/md/rtl/dark › should not have visual regressions with text and button inside the content slot
368 skipped
305 passed (3.6m)
|
Artifacts
Produced during runtime
| Name | Size | Digest | |
|---|---|---|---|
|
test-results-20-20
|
3.04 MB |
sha256:395bcf5e7a23bc4b9ef4f2a8b33100e1dd8ff0927de07a6bf897ba88f708d0f8
|
|