feat(themes): add base tokens and update colors to use new token system #17128
build.yml
on: pull_request
build-core
1m 37s
Matrix: test-core-screenshot
test-core-clean-build
24s
test-core-lint
57s
test-core-spec
55s
verify-screenshots
3s
Matrix: test-angular-e2e
Matrix: test-react-e2e
Matrix: test-react-router-e2e
Matrix: test-vue-e2e
verify-test-angular-e2e
4s
verify-test-react-e2e
2s
verify-test-react-router-e2e
4s
verify-test-vue-e2e
2s
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
|
|