Skip to content

feat(tokens): add gray and text colors #17645

feat(tokens): add gray and text colors

feat(tokens): add gray and text colors #17645

Triggered via pull request December 5, 2025 00:29
@thetaPCthetaPC
synchronize #30799
FW-6751
Status Failure
Total duration 7m 21s
Artifacts 10

build.yml

on: pull_request
build-vue
55s
build-vue
Matrix: test-core-screenshot
build-angular
1m 4s
build-angular
build-angular-server
42s
build-angular-server
test-core-clean-build
15s
test-core-clean-build
test-core-lint
55s
test-core-lint
test-core-spec
49s
test-core-spec
build-react-router
31s
build-react-router
build-vue-router
37s
build-vue-router
verify-screenshots
4s
verify-screenshots
Matrix: test-angular-e2e
Matrix: test-react-e2e
Matrix: test-react-router-e2e
Matrix: test-vue-e2e
verify-test-angular-e2e
3s
verify-test-angular-e2e
verify-test-react-e2e
3s
verify-test-react-e2e
verify-test-react-router-e2e
2s
verify-test-react-router-e2e
verify-test-vue-e2e
3s
verify-test-vue-e2e
Fit to window
Zoom out
Zoom in

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