feat(tokens): add gray and text colors #17645
build.yml
on: pull_request
build-core
1m 26s
Matrix: test-core-screenshot
test-core-clean-build
15s
test-core-lint
55s
test-core-spec
49s
verify-screenshots
4s
Matrix: test-angular-e2e
Matrix: test-react-e2e
Matrix: test-react-router-e2e
Matrix: test-vue-e2e
verify-test-angular-e2e
3s
verify-test-react-e2e
3s
verify-test-react-router-e2e
2s
verify-test-vue-e2e
3s
Annotations
61 errors and 3 notices
|
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 (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 (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 (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 (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 (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 (9, 20)
The strategy configuration was canceled because "test-core-screenshot._20_20" failed
|
|
test-core-screenshot (10, 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 (10, 20)
The operation was canceled.
|
|
test-core-screenshot (9, 20)
The operation was canceled.
|
|
test-core-screenshot (5, 20)
The strategy configuration was canceled because "test-core-screenshot._20_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 (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 (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.
|
|
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 (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 (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 (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 (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 (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 (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 (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.
|
|
verify-screenshots
Process completed with exit code 1.
|
|
🎭 Playwright Run Summary
360 skipped
275 passed (2.4m)
|
|
🎭 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)
|
|
🎭 Playwright Run Summary
2 skipped
669 passed (3.6m)
|
Artifacts
Produced during runtime
| Name | Size | Digest | |
|---|---|---|---|
|
ionic-angular
|
776 KB |
sha256:a9cc1d0ae9f49a60332de338ccb066f65c72e7f7f93d967baf99c390f409d7cb
|
|
|
ionic-angular-server
|
8.55 KB |
sha256:5751bf2ca17659b7e6ff3e67efb95d2d498c3c6e1c3ececb06ef1022654c823f
|
|
|
ionic-core
|
5.19 MB |
sha256:0acb67176885bc9b11731a8ce0f9ff4a30a154b0419509cd2b048874f6b77294
|
|
|
ionic-react
|
313 KB |
sha256:288b3821d102b07b2d1e556fbdd0ad17d357d39ea08afd4ae8f77fd46acc11cc
|
|
|
ionic-react-router
|
27.9 KB |
sha256:5508841ce90f9e05b938f96b34485b0452aaf32778711d98a162ef4d2c09addb
|
|
|
ionic-vue
|
344 KB |
sha256:5edfde838637b922c33e7913a33e0e3724b5062ce40257435b65759bc35312fd
|
|
|
ionic-vue-router
|
17.1 KB |
sha256:2ccbb7e7dcea26800049c8cbdb6868d96e63b00af675d4c5ce5d05bfd5e69880
|
|
|
test-results-10-20
|
461 KB |
sha256:4879591660c0696a6f7cc347face62fc716b0ad458eb159d333bf7940b3bccea
|
|
|
test-results-20-20
|
3.04 MB |
sha256:68da32fda972ae2f58e863994386897c79d8c0809406a8dce1402add0f0950b6
|
|
|
test-results-7-20
|
376 KB |
sha256:ef6f298a10d5236dd97af2b578394509d8177e3c99e16e1772dac7a21be55f7a
|
|