Skip to content

feat(themes): add base tokens and update colors to use new token system #17128

feat(themes): add base tokens and update colors to use new token system

feat(themes): add base tokens and update colors to use new token system #17128

Triggered via pull request September 29, 2025 16:44
Status Failure
Total duration 7m 30s
Artifacts 12

build.yml

on: pull_request
build-react
53s
build-react
build-vue
41s
build-vue
Matrix: test-core-screenshot
build-angular
54s
build-angular
build-angular-server
1m 8s
build-angular-server
test-core-clean-build
24s
test-core-clean-build
test-core-lint
57s
test-core-lint
test-core-spec
55s
test-core-spec
build-react-router
27s
build-react-router
build-vue-router
37s
build-vue-router
verify-screenshots
3s
verify-screenshots
Matrix: test-angular-e2e
Matrix: test-react-e2e
Matrix: test-react-router-e2e
Matrix: test-vue-e2e
verify-test-angular-e2e
4s
verify-test-angular-e2e
verify-test-react-e2e
2s
verify-test-react-e2e
verify-test-react-router-e2e
4s
verify-test-react-router-e2e
verify-test-vue-e2e
2s
verify-test-vue-e2e
Fit to window
Zoom out
Zoom in

Annotations

66 errors and 5 notices
test-core-screenshot (8, 20)
Process completed with exit code 1.
[Mobile Chrome] › src/components/button/test/states/button.e2e.ts:71:9 › button: activated - md/ltr › should render clear button with color: src/components/button/test/states/button.e2e.ts#L81
3) [Mobile Chrome] › src/components/button/test/states/button.e2e.ts:71:9 › button: activated - md/ltr › should render clear button with color Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(locator).toHaveScreenshot(expected) failed 2 pixels (ratio 0.01 of all image pixels) are different. Snapshot: button-activated-clear-color-md-ltr.png Call log: - Expect "toHaveScreenshot(button-activated-clear-color-md-ltr.png)" with timeout 5000ms - verifying given screenshot expectation - waiting for locator('ion-button') - locator resolved to <ion-button fill="clear" color="warning" class="ion-activated ion-color ion-color-warning md button button-medium button-round button-clear ion-activatable ion-focusable hydrated">Button</ion-button> - 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 - 2 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('ion-button') - locator resolved to <ion-button fill="clear" color="warning" class="ion-activated ion-color ion-color-warning md button button-medium button-round button-clear ion-activatable ion-focusable hydrated">Button</ion-button> - 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 - 2 pixels (ratio 0.01 of all image pixels) are different. 79 | const button = page.locator('ion-button'); 80 | > 81 | await expect(button).toHaveScreenshot(screenshot(`button-activated-clear-color`)); | ^ 82 | }); 83 | }); 84 | }); at /ionic/src/components/button/test/states/button.e2e.ts:81:28
[Mobile Chrome] › src/components/button/test/states/button.e2e.ts:71:9 › button: activated - md/ltr › should render clear button with color: src/components/button/test/states/button.e2e.ts#L81
3) [Mobile Chrome] › src/components/button/test/states/button.e2e.ts:71:9 › button: activated - md/ltr › should render clear button with color Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(locator).toHaveScreenshot(expected) failed 2 pixels (ratio 0.01 of all image pixels) are different. Snapshot: button-activated-clear-color-md-ltr.png Call log: - Expect "toHaveScreenshot(button-activated-clear-color-md-ltr.png)" with timeout 5000ms - verifying given screenshot expectation - waiting for locator('ion-button') - locator resolved to <ion-button fill="clear" color="warning" class="ion-activated ion-color ion-color-warning md button button-medium button-round button-clear ion-activatable ion-focusable hydrated">Button</ion-button> - 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 - 2 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('ion-button') - locator resolved to <ion-button fill="clear" color="warning" class="ion-activated ion-color ion-color-warning md button button-medium button-round button-clear ion-activatable ion-focusable hydrated">Button</ion-button> - 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 - 2 pixels (ratio 0.01 of all image pixels) are different. 79 | const button = page.locator('ion-button'); 80 | > 81 | await expect(button).toHaveScreenshot(screenshot(`button-activated-clear-color`)); | ^ 82 | }); 83 | }); 84 | }); at /ionic/src/components/button/test/states/button.e2e.ts:81:28
[Mobile Chrome] › src/components/button/test/states/button.e2e.ts:71:9 › button: activated - md/ltr › should render clear button with color: src/components/button/test/states/button.e2e.ts#L81
3) [Mobile Chrome] › src/components/button/test/states/button.e2e.ts:71:9 › button: activated - md/ltr › should render clear button with color Error: expect(locator).toHaveScreenshot(expected) failed 2 pixels (ratio 0.01 of all image pixels) are different. Snapshot: button-activated-clear-color-md-ltr.png Call log: - Expect "toHaveScreenshot(button-activated-clear-color-md-ltr.png)" with timeout 5000ms - verifying given screenshot expectation - waiting for locator('ion-button') - locator resolved to <ion-button fill="clear" color="warning" class="ion-activated ion-color ion-color-warning md button button-medium button-round button-clear ion-activatable ion-focusable hydrated">Button</ion-button> - 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 - 2 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('ion-button') - locator resolved to <ion-button fill="clear" color="warning" class="ion-activated ion-color ion-color-warning md button button-medium button-round button-clear ion-activatable ion-focusable hydrated">Button</ion-button> - 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 - 2 pixels (ratio 0.01 of all image pixels) are different. 79 | const button = page.locator('ion-button'); 80 | > 81 | await expect(button).toHaveScreenshot(screenshot(`button-activated-clear-color`)); | ^ 82 | }); 83 | }); 84 | }); at /ionic/src/components/button/test/states/button.e2e.ts:81:28
[Mobile Chrome] › src/components/button/test/clear/button.e2e.ts:10:11 › button: fill: clear - md/ltr › should not have visual regressions: src/components/button/test/clear/button.e2e.ts#L15
2) [Mobile Chrome] › src/components/button/test/clear/button.e2e.ts:10:11 › button: fill: clear - md/ltr › should not have visual regressions Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) failed 659 pixels (ratio 0.01 of all image pixels) are different. Snapshot: button-fill-clear-md-ltr.png Call log: - Expect "toHaveScreenshot(button-fill-clear-md-ltr.png)" with timeout 5000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 659 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 - 659 pixels (ratio 0.01 of all image pixels) are different. 13 | await page.setIonViewport(); 14 | > 15 | await expect(page).toHaveScreenshot(screenshot(`button-fill-clear`)); | ^ 16 | }); 17 | }); 18 | } at /ionic/src/components/button/test/clear/button.e2e.ts:15:28
[Mobile Chrome] › src/components/button/test/clear/button.e2e.ts:10:11 › button: fill: clear - md/ltr › should not have visual regressions: src/components/button/test/clear/button.e2e.ts#L15
2) [Mobile Chrome] › src/components/button/test/clear/button.e2e.ts:10:11 › button: fill: clear - md/ltr › should not have visual regressions Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) failed 659 pixels (ratio 0.01 of all image pixels) are different. Snapshot: button-fill-clear-md-ltr.png Call log: - Expect "toHaveScreenshot(button-fill-clear-md-ltr.png)" with timeout 5000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 659 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 - 659 pixels (ratio 0.01 of all image pixels) are different. 13 | await page.setIonViewport(); 14 | > 15 | await expect(page).toHaveScreenshot(screenshot(`button-fill-clear`)); | ^ 16 | }); 17 | }); 18 | } at /ionic/src/components/button/test/clear/button.e2e.ts:15:28
[Mobile Chrome] › src/components/button/test/clear/button.e2e.ts:10:11 › button: fill: clear - md/ltr › should not have visual regressions: src/components/button/test/clear/button.e2e.ts#L15
2) [Mobile Chrome] › src/components/button/test/clear/button.e2e.ts:10:11 › button: fill: clear - md/ltr › should not have visual regressions Error: expect(page).toHaveScreenshot(expected) failed 659 pixels (ratio 0.01 of all image pixels) are different. Snapshot: button-fill-clear-md-ltr.png Call log: - Expect "toHaveScreenshot(button-fill-clear-md-ltr.png)" with timeout 5000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 659 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 - 659 pixels (ratio 0.01 of all image pixels) are different. 13 | await page.setIonViewport(); 14 | > 15 | await expect(page).toHaveScreenshot(screenshot(`button-fill-clear`)); | ^ 16 | }); 17 | }); 18 | } at /ionic/src/components/button/test/clear/button.e2e.ts:15:28
[Mobile Chrome] › src/components/button/test/clear/button.e2e.ts:10:11 › button: fill: clear - ios/ltr › should not have visual regressions: src/components/button/test/clear/button.e2e.ts#L15
1) [Mobile Chrome] › src/components/button/test/clear/button.e2e.ts:10:11 › button: fill: clear - ios/ltr › should not have visual regressions Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) failed 55 pixels (ratio 0.01 of all image pixels) are different. Snapshot: button-fill-clear-ios-ltr.png Call log: - Expect "toHaveScreenshot(button-fill-clear-ios-ltr.png)" with timeout 5000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 55 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 - 55 pixels (ratio 0.01 of all image pixels) are different. 13 | await page.setIonViewport(); 14 | > 15 | await expect(page).toHaveScreenshot(screenshot(`button-fill-clear`)); | ^ 16 | }); 17 | }); 18 | } at /ionic/src/components/button/test/clear/button.e2e.ts:15:28
[Mobile Chrome] › src/components/button/test/clear/button.e2e.ts:10:11 › button: fill: clear - ios/ltr › should not have visual regressions: src/components/button/test/clear/button.e2e.ts#L15
1) [Mobile Chrome] › src/components/button/test/clear/button.e2e.ts:10:11 › button: fill: clear - ios/ltr › should not have visual regressions Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) failed 55 pixels (ratio 0.01 of all image pixels) are different. Snapshot: button-fill-clear-ios-ltr.png Call log: - Expect "toHaveScreenshot(button-fill-clear-ios-ltr.png)" with timeout 5000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 55 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 - 55 pixels (ratio 0.01 of all image pixels) are different. 13 | await page.setIonViewport(); 14 | > 15 | await expect(page).toHaveScreenshot(screenshot(`button-fill-clear`)); | ^ 16 | }); 17 | }); 18 | } at /ionic/src/components/button/test/clear/button.e2e.ts:15:28
[Mobile Chrome] › src/components/button/test/clear/button.e2e.ts:10:11 › button: fill: clear - ios/ltr › should not have visual regressions: src/components/button/test/clear/button.e2e.ts#L15
1) [Mobile Chrome] › src/components/button/test/clear/button.e2e.ts:10:11 › button: fill: clear - ios/ltr › should not have visual regressions Error: expect(page).toHaveScreenshot(expected) failed 55 pixels (ratio 0.01 of all image pixels) are different. Snapshot: button-fill-clear-ios-ltr.png Call log: - Expect "toHaveScreenshot(button-fill-clear-ios-ltr.png)" with timeout 5000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 55 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 - 55 pixels (ratio 0.01 of all image pixels) are different. 13 | await page.setIonViewport(); 14 | > 15 | await expect(page).toHaveScreenshot(screenshot(`button-fill-clear`)); | ^ 16 | }); 17 | }); 18 | } at /ionic/src/components/button/test/clear/button.e2e.ts:15:28
test-core-screenshot (20, 20)
The operation was canceled.
[Mobile Safari] › src/components/toolbar/test/basic/toolbar.e2e.ts:44:9 › toolbar: basic - ionic/md/rtl/dark › should not have visual regressions with icon-only buttons: src/components/toolbar/test/basic/toolbar.e2e.ts#L86
2) [Mobile Safari] › src/components/toolbar/test/basic/toolbar.e2e.ts:44:9 › toolbar: basic - ionic/md/rtl/dark › should not have visual regressions with icon-only buttons Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(locator).toHaveScreenshot(expected) failed 28 pixels (ratio 0.01 of all image pixels) are different. Snapshot: toolbar-basic-icon-buttons-ionic-md-rtl-dark.png Call log: - Expect "toHaveScreenshot(toolbar-basic-icon-buttons-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 - 28 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 - 28 pixels (ratio 0.01 of all image pixels) are different. 84 | 85 | const header = page.locator('ion-header'); > 86 | await expect(header).toHaveScreenshot(screenshot(`toolbar-basic-icon-buttons`)); | ^ 87 | }); 88 | 89 | test('should not have visual regressions with buttons with icons and text', async ({ page, skip }) => { at /ionic/src/components/toolbar/test/basic/toolbar.e2e.ts:86:28
[Mobile Safari] › src/components/toolbar/test/basic/toolbar.e2e.ts:44:9 › toolbar: basic - ionic/md/rtl/dark › should not have visual regressions with icon-only buttons: src/components/toolbar/test/basic/toolbar.e2e.ts#L86
2) [Mobile Safari] › src/components/toolbar/test/basic/toolbar.e2e.ts:44:9 › toolbar: basic - ionic/md/rtl/dark › should not have visual regressions with icon-only buttons Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(locator).toHaveScreenshot(expected) failed 28 pixels (ratio 0.01 of all image pixels) are different. Snapshot: toolbar-basic-icon-buttons-ionic-md-rtl-dark.png Call log: - Expect "toHaveScreenshot(toolbar-basic-icon-buttons-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 - 28 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 - 28 pixels (ratio 0.01 of all image pixels) are different. 84 | 85 | const header = page.locator('ion-header'); > 86 | await expect(header).toHaveScreenshot(screenshot(`toolbar-basic-icon-buttons`)); | ^ 87 | }); 88 | 89 | test('should not have visual regressions with buttons with icons and text', async ({ page, skip }) => { at /ionic/src/components/toolbar/test/basic/toolbar.e2e.ts:86:28
[Mobile Safari] › src/components/toolbar/test/basic/toolbar.e2e.ts:44:9 › toolbar: basic - ionic/md/rtl/dark › should not have visual regressions with icon-only buttons: src/components/toolbar/test/basic/toolbar.e2e.ts#L86
2) [Mobile Safari] › src/components/toolbar/test/basic/toolbar.e2e.ts:44:9 › toolbar: basic - ionic/md/rtl/dark › should not have visual regressions with icon-only buttons Error: expect(locator).toHaveScreenshot(expected) failed 28 pixels (ratio 0.01 of all image pixels) are different. Snapshot: toolbar-basic-icon-buttons-ionic-md-rtl-dark.png Call log: - Expect "toHaveScreenshot(toolbar-basic-icon-buttons-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 - 28 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 - 28 pixels (ratio 0.01 of all image pixels) are different. 84 | 85 | const header = page.locator('ion-header'); > 86 | await expect(header).toHaveScreenshot(screenshot(`toolbar-basic-icon-buttons`)); | ^ 87 | }); 88 | 89 | test('should not have visual regressions with buttons with icons and text', async ({ page, skip }) => { at /ionic/src/components/toolbar/test/basic/toolbar.e2e.ts:86:28
[Mobile Safari] › src/components/toolbar/test/basic/toolbar.e2e.ts:44:9 › toolbar: basic - ionic/md/ltr/dark › should not have visual regressions with icon-only buttons: src/components/toolbar/test/basic/toolbar.e2e.ts#L86
1) [Mobile Safari] › src/components/toolbar/test/basic/toolbar.e2e.ts:44:9 › toolbar: basic - ionic/md/ltr/dark › should not have visual regressions with icon-only buttons Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(locator).toHaveScreenshot(expected) failed 28 pixels (ratio 0.01 of all image pixels) are different. Snapshot: toolbar-basic-icon-buttons-ionic-md-ltr-dark.png Call log: - Expect "toHaveScreenshot(toolbar-basic-icon-buttons-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 - 28 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 - 28 pixels (ratio 0.01 of all image pixels) are different. 84 | 85 | const header = page.locator('ion-header'); > 86 | await expect(header).toHaveScreenshot(screenshot(`toolbar-basic-icon-buttons`)); | ^ 87 | }); 88 | 89 | test('should not have visual regressions with buttons with icons and text', async ({ page, skip }) => { at /ionic/src/components/toolbar/test/basic/toolbar.e2e.ts:86:28
[Mobile Safari] › src/components/toolbar/test/basic/toolbar.e2e.ts:44:9 › toolbar: basic - ionic/md/ltr/dark › should not have visual regressions with icon-only buttons: src/components/toolbar/test/basic/toolbar.e2e.ts#L86
1) [Mobile Safari] › src/components/toolbar/test/basic/toolbar.e2e.ts:44:9 › toolbar: basic - ionic/md/ltr/dark › should not have visual regressions with icon-only buttons Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(locator).toHaveScreenshot(expected) failed 28 pixels (ratio 0.01 of all image pixels) are different. Snapshot: toolbar-basic-icon-buttons-ionic-md-ltr-dark.png Call log: - Expect "toHaveScreenshot(toolbar-basic-icon-buttons-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 - 28 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 - 28 pixels (ratio 0.01 of all image pixels) are different. 84 | 85 | const header = page.locator('ion-header'); > 86 | await expect(header).toHaveScreenshot(screenshot(`toolbar-basic-icon-buttons`)); | ^ 87 | }); 88 | 89 | test('should not have visual regressions with buttons with icons and text', async ({ page, skip }) => { at /ionic/src/components/toolbar/test/basic/toolbar.e2e.ts:86:28
[Mobile Safari] › src/components/toolbar/test/basic/toolbar.e2e.ts:44:9 › toolbar: basic - ionic/md/ltr/dark › should not have visual regressions with icon-only buttons: src/components/toolbar/test/basic/toolbar.e2e.ts#L86
1) [Mobile Safari] › src/components/toolbar/test/basic/toolbar.e2e.ts:44:9 › toolbar: basic - ionic/md/ltr/dark › should not have visual regressions with icon-only buttons Error: expect(locator).toHaveScreenshot(expected) failed 28 pixels (ratio 0.01 of all image pixels) are different. Snapshot: toolbar-basic-icon-buttons-ionic-md-ltr-dark.png Call log: - Expect "toHaveScreenshot(toolbar-basic-icon-buttons-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 - 28 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 - 28 pixels (ratio 0.01 of all image pixels) are different. 84 | 85 | const header = page.locator('ion-header'); > 86 | await expect(header).toHaveScreenshot(screenshot(`toolbar-basic-icon-buttons`)); | ^ 87 | }); 88 | 89 | test('should not have visual regressions with buttons with icons and text', async ({ page, skip }) => { at /ionic/src/components/toolbar/test/basic/toolbar.e2e.ts:86:28
test-core-screenshot (20, 20)
The strategy configuration was canceled because "test-core-screenshot._8_20" failed
test-core-screenshot (9, 20)
The operation was canceled.
test-core-screenshot (9, 20)
The strategy configuration was canceled because "test-core-screenshot._8_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 (2, 20)
The strategy configuration was canceled because "test-core-screenshot._8_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 (17, 20)
The strategy configuration was canceled because "test-core-screenshot._8_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 (6, 20)
The strategy configuration was canceled because "test-core-screenshot._8_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 (14, 20)
The strategy configuration was canceled because "test-core-screenshot._8_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 (18, 20)
The strategy configuration was canceled because "test-core-screenshot._8_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 (4, 20)
The strategy configuration was canceled because "test-core-screenshot._8_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 (3, 20)
The strategy configuration was canceled because "test-core-screenshot._8_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 (11, 20)
The strategy configuration was canceled because "test-core-screenshot._8_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 (13, 20)
The strategy configuration was canceled because "test-core-screenshot._8_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 (1, 20)
The strategy configuration was canceled because "test-core-screenshot._8_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 (15, 20)
The strategy configuration was canceled because "test-core-screenshot._8_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 (19, 20)
The strategy configuration was canceled because "test-core-screenshot._8_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 (16, 20)
The strategy configuration was canceled because "test-core-screenshot._8_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 (5, 20)
The strategy configuration was canceled because "test-core-screenshot._8_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 (10, 20)
The strategy configuration was canceled because "test-core-screenshot._8_20" failed
verify-screenshots
Process completed with exit code 1.
🎭 Playwright Run Summary
360 skipped 275 passed (2.3m)
🎭 Playwright Run Summary
1 skipped 676 passed (3.8m)
🎭 Playwright Run Summary
3 failed [Mobile Chrome] › src/components/button/test/clear/button.e2e.ts:10:11 › button: fill: clear - ios/ltr › should not have visual regressions [Mobile Chrome] › src/components/button/test/clear/button.e2e.ts:10:11 › button: fill: clear - md/ltr › should not have visual regressions [Mobile Chrome] › src/components/button/test/states/button.e2e.ts:71:9 › button: activated - md/ltr › should render clear button with color 8 skipped 677 passed (4.0m)
🎭 Playwright Run Summary
2 failed [Mobile Safari] › src/components/toolbar/test/basic/toolbar.e2e.ts:44:9 › toolbar: basic - ionic/md/ltr/dark › should not have visual regressions with icon-only buttons [Mobile Safari] › src/components/toolbar/test/basic/toolbar.e2e.ts:44:9 › toolbar: basic - ionic/md/rtl/dark › should not have visual regressions with icon-only buttons 368 skipped 300 passed (3.5m)
🎭 Playwright Run Summary
8 skipped 660 passed (4.2m)

Artifacts

Produced during runtime
Name Size Digest
ionic-angular Expired
848 KB
sha256:81efb4c599436eb200df9b9c351dc7f6f33411dc3c2aa8a1cbbe23196c1c2901
ionic-angular-server Expired
8.55 KB
sha256:4365c9f8e1ddbd13871f84036d1e196d64ca3d3596bdff00dc34abb72e9c31cb
ionic-core Expired
5.18 MB
sha256:e7fc26f8fccb586e5561e973b511bb0af57968da59d606cb546577d1159353f2
ionic-react Expired
387 KB
sha256:74b15a40a5f4ab28e69b0d8810bde5f7b5f02a9a52a86595a1c94b68b4f39f41
ionic-react-router Expired
27.9 KB
sha256:5641b2b44ae5165bb0ed98e27b672604148f6611aef346a12372c4e41d26047b
ionic-vue Expired
417 KB
sha256:eb0cfd3084d275144cb7709c8a98832da99c053e6c683806196910ecc3468f61
ionic-vue-router Expired
17.1 KB
sha256:612f23ca4c53ecb415f8c861a7cca7d9e144014bf5dee468e346c14ef519b1f0
test-results-12-20 Expired
481 KB
sha256:5db1bfc4bf46ca6c7e081e7e6333bed3d21ff198e7f1df3cb9fa80cedc1e2908
test-results-20-20 Expired
3.16 MB
sha256:077db3b9e01a1f33d85f928291a16d8df75568bbbe14fa271e5e5dde6c89d2ca
test-results-7-20 Expired
358 KB
sha256:bdba2fcf7b5ea864f4ce5e210ef989aea65cc9db1a1571c2b3e3026fae9c0e1e
test-results-8-20 Expired
5.93 MB
sha256:1c87def25fe5122c5e25c1128420d0caafce81b180d3972da2ec46e27365c4c4
test-results-9-20 Expired
485 KB
sha256:83fe6438e33f64aa08d59eeb85b41d226d9e783717444b618ca0b87dcade89ce