feat(themes): add base tokens and update colors to use new token system #17120
brandyscarneybuild.yml
on: pull_request
build-core
1m 39s
Matrix: test-core-screenshot
test-core-clean-build
13s
test-core-lint
1m 1s
test-core-spec
45s
verify-screenshots
2s
Matrix: test-angular-e2e
Matrix: test-react-e2e
Matrix: test-react-router-e2e
Matrix: test-vue-e2e
verify-test-angular-e2e
4s
verify-test-react-e2e
3s
verify-test-react-router-e2e
3s
verify-test-vue-e2e
3s
Annotations
71 errors and 4 notices
|
test-core-screenshot (20, 20)
Process completed with exit code 1.
|
|
[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)
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)
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)
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)
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)
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)
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 (12, 20)
The operation was canceled.
|
|
test-core-screenshot (12, 20)
The strategy configuration was canceled because "test-core-screenshot._20_20" failed
|
|
[Mobile Chrome] › src/components/item/test/dividers/item.e2e.ts:6:9 › item: dividers - md/rtl › should not have visual regressions:
src/components/item/test/dividers/item.e2e.ts#L11
4) [Mobile Chrome] › src/components/item/test/dividers/item.e2e.ts:6:9 › item: dividers - md/rtl › should not have visual regressions
Error: expect(page).toHaveScreenshot(expected)
91 pixels (ratio 0.01 of all image pixels) are different.
Snapshot: item-dividers-diff-md-rtl.png
Call log:
- Expect "toHaveScreenshot(item-dividers-diff-md-rtl.png)" with timeout 5000ms
- verifying given screenshot expectation
- taking page screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- 91 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
- 91 pixels (ratio 0.01 of all image pixels) are different.
9 | await page.setIonViewport();
10 |
> 11 | await expect(page).toHaveScreenshot(screenshot(`item-dividers-diff`));
| ^
12 | });
13 | });
14 | });
at /ionic/src/components/item/test/dividers/item.e2e.ts:11:26
|
|
[Mobile Chrome] › src/components/item/test/dividers/item.e2e.ts:6:9 › item: dividers - md/ltr › should not have visual regressions:
src/components/item/test/dividers/item.e2e.ts#L11
3) [Mobile Chrome] › src/components/item/test/dividers/item.e2e.ts:6:9 › item: dividers - md/ltr › should not have visual regressions
Retry #2 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(page).toHaveScreenshot(expected)
91 pixels (ratio 0.01 of all image pixels) are different.
Snapshot: item-dividers-diff-md-ltr.png
Call log:
- Expect "toHaveScreenshot(item-dividers-diff-md-ltr.png)" with timeout 5000ms
- verifying given screenshot expectation
- taking page screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- 91 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
- 91 pixels (ratio 0.01 of all image pixels) are different.
9 | await page.setIonViewport();
10 |
> 11 | await expect(page).toHaveScreenshot(screenshot(`item-dividers-diff`));
| ^
12 | });
13 | });
14 | });
at /ionic/src/components/item/test/dividers/item.e2e.ts:11:26
|
|
[Mobile Chrome] › src/components/item/test/dividers/item.e2e.ts:6:9 › item: dividers - md/ltr › should not have visual regressions:
src/components/item/test/dividers/item.e2e.ts#L11
3) [Mobile Chrome] › src/components/item/test/dividers/item.e2e.ts:6:9 › item: dividers - md/ltr › should not have visual regressions
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(page).toHaveScreenshot(expected)
91 pixels (ratio 0.01 of all image pixels) are different.
Snapshot: item-dividers-diff-md-ltr.png
Call log:
- Expect "toHaveScreenshot(item-dividers-diff-md-ltr.png)" with timeout 5000ms
- verifying given screenshot expectation
- taking page screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- 91 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
- 91 pixels (ratio 0.01 of all image pixels) are different.
9 | await page.setIonViewport();
10 |
> 11 | await expect(page).toHaveScreenshot(screenshot(`item-dividers-diff`));
| ^
12 | });
13 | });
14 | });
at /ionic/src/components/item/test/dividers/item.e2e.ts:11:26
|
|
[Mobile Chrome] › src/components/item/test/dividers/item.e2e.ts:6:9 › item: dividers - md/ltr › should not have visual regressions:
src/components/item/test/dividers/item.e2e.ts#L11
3) [Mobile Chrome] › src/components/item/test/dividers/item.e2e.ts:6:9 › item: dividers - md/ltr › should not have visual regressions
Error: expect(page).toHaveScreenshot(expected)
91 pixels (ratio 0.01 of all image pixels) are different.
Snapshot: item-dividers-diff-md-ltr.png
Call log:
- Expect "toHaveScreenshot(item-dividers-diff-md-ltr.png)" with timeout 5000ms
- verifying given screenshot expectation
- taking page screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- 91 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
- 91 pixels (ratio 0.01 of all image pixels) are different.
9 | await page.setIonViewport();
10 |
> 11 | await expect(page).toHaveScreenshot(screenshot(`item-dividers-diff`));
| ^
12 | });
13 | });
14 | });
at /ionic/src/components/item/test/dividers/item.e2e.ts:11:26
|
|
[Mobile Chrome] › src/components/item/test/dividers/item.e2e.ts:6:9 › item: dividers - ios/rtl › should not have visual regressions:
src/components/item/test/dividers/item.e2e.ts#L11
2) [Mobile Chrome] › src/components/item/test/dividers/item.e2e.ts:6:9 › item: dividers - ios/rtl › should not have visual regressions
Retry #2 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(page).toHaveScreenshot(expected)
105 pixels (ratio 0.01 of all image pixels) are different.
Snapshot: item-dividers-diff-ios-rtl.png
Call log:
- Expect "toHaveScreenshot(item-dividers-diff-ios-rtl.png)" with timeout 5000ms
- verifying given screenshot expectation
- taking page screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- 105 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
- 105 pixels (ratio 0.01 of all image pixels) are different.
9 | await page.setIonViewport();
10 |
> 11 | await expect(page).toHaveScreenshot(screenshot(`item-dividers-diff`));
| ^
12 | });
13 | });
14 | });
at /ionic/src/components/item/test/dividers/item.e2e.ts:11:26
|
|
[Mobile Chrome] › src/components/item/test/dividers/item.e2e.ts:6:9 › item: dividers - ios/rtl › should not have visual regressions:
src/components/item/test/dividers/item.e2e.ts#L11
2) [Mobile Chrome] › src/components/item/test/dividers/item.e2e.ts:6:9 › item: dividers - ios/rtl › should not have visual regressions
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(page).toHaveScreenshot(expected)
105 pixels (ratio 0.01 of all image pixels) are different.
Snapshot: item-dividers-diff-ios-rtl.png
Call log:
- Expect "toHaveScreenshot(item-dividers-diff-ios-rtl.png)" with timeout 5000ms
- verifying given screenshot expectation
- taking page screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- 105 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
- 105 pixels (ratio 0.01 of all image pixels) are different.
9 | await page.setIonViewport();
10 |
> 11 | await expect(page).toHaveScreenshot(screenshot(`item-dividers-diff`));
| ^
12 | });
13 | });
14 | });
at /ionic/src/components/item/test/dividers/item.e2e.ts:11:26
|
|
[Mobile Chrome] › src/components/item/test/dividers/item.e2e.ts:6:9 › item: dividers - ios/rtl › should not have visual regressions:
src/components/item/test/dividers/item.e2e.ts#L11
2) [Mobile Chrome] › src/components/item/test/dividers/item.e2e.ts:6:9 › item: dividers - ios/rtl › should not have visual regressions
Error: expect(page).toHaveScreenshot(expected)
105 pixels (ratio 0.01 of all image pixels) are different.
Snapshot: item-dividers-diff-ios-rtl.png
Call log:
- Expect "toHaveScreenshot(item-dividers-diff-ios-rtl.png)" with timeout 5000ms
- verifying given screenshot expectation
- taking page screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- 105 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
- 105 pixels (ratio 0.01 of all image pixels) are different.
9 | await page.setIonViewport();
10 |
> 11 | await expect(page).toHaveScreenshot(screenshot(`item-dividers-diff`));
| ^
12 | });
13 | });
14 | });
at /ionic/src/components/item/test/dividers/item.e2e.ts:11:26
|
|
[Mobile Chrome] › src/components/item/test/dividers/item.e2e.ts:6:9 › item: dividers - ios/ltr › should not have visual regressions:
src/components/item/test/dividers/item.e2e.ts#L11
1) [Mobile Chrome] › src/components/item/test/dividers/item.e2e.ts:6:9 › item: dividers - ios/ltr › should not have visual regressions
Retry #2 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(page).toHaveScreenshot(expected)
105 pixels (ratio 0.01 of all image pixels) are different.
Snapshot: item-dividers-diff-ios-ltr.png
Call log:
- Expect "toHaveScreenshot(item-dividers-diff-ios-ltr.png)" with timeout 5000ms
- verifying given screenshot expectation
- taking page screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- 105 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
- 105 pixels (ratio 0.01 of all image pixels) are different.
9 | await page.setIonViewport();
10 |
> 11 | await expect(page).toHaveScreenshot(screenshot(`item-dividers-diff`));
| ^
12 | });
13 | });
14 | });
at /ionic/src/components/item/test/dividers/item.e2e.ts:11:26
|
|
[Mobile Chrome] › src/components/item/test/dividers/item.e2e.ts:6:9 › item: dividers - ios/ltr › should not have visual regressions:
src/components/item/test/dividers/item.e2e.ts#L11
1) [Mobile Chrome] › src/components/item/test/dividers/item.e2e.ts:6:9 › item: dividers - ios/ltr › should not have visual regressions
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(page).toHaveScreenshot(expected)
105 pixels (ratio 0.01 of all image pixels) are different.
Snapshot: item-dividers-diff-ios-ltr.png
Call log:
- Expect "toHaveScreenshot(item-dividers-diff-ios-ltr.png)" with timeout 5000ms
- verifying given screenshot expectation
- taking page screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- 105 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
- 105 pixels (ratio 0.01 of all image pixels) are different.
9 | await page.setIonViewport();
10 |
> 11 | await expect(page).toHaveScreenshot(screenshot(`item-dividers-diff`));
| ^
12 | });
13 | });
14 | });
at /ionic/src/components/item/test/dividers/item.e2e.ts:11:26
|
|
[Mobile Chrome] › src/components/item/test/dividers/item.e2e.ts:6:9 › item: dividers - ios/ltr › should not have visual regressions:
src/components/item/test/dividers/item.e2e.ts#L11
1) [Mobile Chrome] › src/components/item/test/dividers/item.e2e.ts:6:9 › item: dividers - ios/ltr › should not have visual regressions
Error: expect(page).toHaveScreenshot(expected)
105 pixels (ratio 0.01 of all image pixels) are different.
Snapshot: item-dividers-diff-ios-ltr.png
Call log:
- Expect "toHaveScreenshot(item-dividers-diff-ios-ltr.png)" with timeout 5000ms
- verifying given screenshot expectation
- taking page screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- 105 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
- 105 pixels (ratio 0.01 of all image pixels) are different.
9 | await page.setIonViewport();
10 |
> 11 | await expect(page).toHaveScreenshot(screenshot(`item-dividers-diff`));
| ^
12 | });
13 | });
14 | });
at /ionic/src/components/item/test/dividers/item.e2e.ts:11:26
|
|
test-core-screenshot (10, 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 (1, 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 (5, 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 (4, 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 (8, 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 (2, 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 (13, 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 (11, 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 (16, 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 (15, 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 (6, 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 (9, 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 (14, 20)
Process completed with exit code 12.
|
|
test-core-screenshot (3, 20)
Process completed with exit code 12.
|
|
test-core-screenshot (14, 20)
The operation was canceled.
|
|
test-core-screenshot (3, 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 (3, 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 (17, 20)
The strategy configuration was canceled because "test-core-screenshot._20_20" failed
|
|
test-core-screenshot (18, 20)
Process completed with exit code 12.
|
|
test-core-screenshot (18, 20)
The operation was canceled.
|
|
test-core-screenshot (18, 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 (19, 20)
The strategy configuration was canceled because "test-core-screenshot._20_20" failed
|
|
verify-screenshots
Process completed with exit code 1.
|
|
test-angular-e2e (ng16)
Process completed with exit code 1.
|
|
verify-test-angular-e2e
Process completed with exit code 1.
|
|
🎭 Playwright Run Summary
360 skipped
275 passed (2.2m)
|
|
🎭 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.4m)
|
|
🎭 Playwright Run Summary
1 skipped
671 passed (3.7m)
|
|
🎭 Playwright Run Summary
4 failed
[Mobile Chrome] › src/components/item/test/dividers/item.e2e.ts:6:9 › item: dividers - ios/ltr › should not have visual regressions
[Mobile Chrome] › src/components/item/test/dividers/item.e2e.ts:6:9 › item: dividers - ios/rtl › should not have visual regressions
[Mobile Chrome] › src/components/item/test/dividers/item.e2e.ts:6:9 › item: dividers - md/ltr › should not have visual regressions
[Mobile Chrome] › src/components/item/test/dividers/item.e2e.ts:6:9 › item: dividers - md/rtl › should not have visual regressions
667 passed (3.8m)
|
Artifacts
Produced during runtime
| Name | Size | Digest | |
|---|---|---|---|
|
ionic-angular
Expired
|
847 KB |
sha256:f3c82776c764640501f164cb6cb94501b7959145d7da034740e0e063035bcd67
|
|
|
ionic-angular-server
Expired
|
8.54 KB |
sha256:5cc2cbe05c99f20b43d74c99df61415c0593c0ae4ad981b8139d5a202efd434f
|
|
|
ionic-core
Expired
|
5.15 MB |
sha256:7601c041b3df0186664aeaa7a08b4c0c8dbd33d1f611f18290cad0de33ced1c6
|
|
|
ionic-react
Expired
|
386 KB |
sha256:1ec95a97ef107343b8efff9136847535fc156f5a84c7913c8dcf7ac46304ec6f
|
|
|
ionic-react-router
Expired
|
27.9 KB |
sha256:53b3094901dcfc62869b83458c305dbe7c48668d02b5b34e3da29ac6a9296793
|
|
|
ionic-vue
Expired
|
416 KB |
sha256:aa757167f038214f93b3b1aab3a24c2758f94c35a434efdadddf283f114f4ec1
|
|
|
ionic-vue-router
Expired
|
17.1 KB |
sha256:f9821cb3b29b726865e47815bda89f4b2f3f9bebc7914da53f4fe9d759928f18
|
|
|
test-results-10-20
Expired
|
8.05 MB |
sha256:27300185d1cb6b0480c0255c23766963bec731fdc52f1fcc23ec381103c4b691
|
|
|
test-results-12-20
Expired
|
489 KB |
sha256:4e79bd1b195312e4b65de67a3598dee105dc45634713f3ee4e7507f0876b063f
|
|
|
test-results-20-20
Expired
|
3.15 MB |
sha256:96e8be7e3c64416fd13756a56e393b7a3f6b02097562035f8b277ce71a09a4d4
|
|
|
test-results-7-20
Expired
|
364 KB |
sha256:f99e8d3c41011556516570f552b7dc405ef96e6ebb2d205d593c1922bb6dacf2
|
|