feat(tokens): update tokens usage to reflect UI arquictecture #17025
build.yml
on: pull_request
build-core
1m 41s
Matrix: test-core-screenshot
test-core-clean-build
10s
test-core-lint
58s
test-core-spec
45s
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
4s
verify-test-react-router-e2e
4s
verify-test-vue-e2e
2s
Annotations
63 errors and 5 notices
|
test-vue-e2e (vue3)
Process completed with exit code 1.
|
|
verify-test-vue-e2e
Process completed with exit code 1.
|
|
test-core-screenshot (8, 20)
Process completed with exit code 1.
|
|
[Mobile Chrome] › src/components/datetime/test/display/datetime.e2e.ts:87:11 › datetime: rendering - ionic/md/ltr/light › cover sizes › time should not have any visual regressions:
src/components/datetime/test/display/datetime.e2e.ts#L96
2) [Mobile Chrome] › src/components/datetime/test/display/datetime.e2e.ts:87:11 › datetime: rendering - ionic/md/ltr/light › cover sizes › time should not have any visual regressions
Retry #2 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(locator).toHaveScreenshot(expected)
160 pixels (ratio 0.01 of all image pixels) are different.
Snapshot: datetime-display-cover-time-ionic-md-ltr-light.png
Call log:
- Expect "toHaveScreenshot(datetime-display-cover-time-ionic-md-ltr-light.png)" with timeout 5000ms
- verifying given screenshot expectation
- waiting for locator('ion-datetime')
- locator resolved to <ion-datetime size="cover" presentation="time" value="2022-02-22T16:30:00" class="ion-color ion-color-primary ionic datetime-presentation-time datetime-size-cover hydrated datetime-ready">…</ion-datetime>
- 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
- 160 pixels (ratio 0.01 of all image pixels) are different.
- waiting 100ms before taking screenshot
- waiting for locator('ion-datetime')
- locator resolved to <ion-datetime size="cover" presentation="time" value="2022-02-22T16:30:00" class="ion-color ion-color-primary ionic datetime-presentation-time datetime-size-cover hydrated datetime-ready">…</ion-datetime>
- 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
- 160 pixels (ratio 0.01 of all image pixels) are different.
94 | await page.locator('.datetime-ready').waitFor();
95 | const datetime = page.locator('ion-datetime');
> 96 | await expect(datetime).toHaveScreenshot(screenshot(`datetime-display-cover-time`));
| ^
97 | });
98 | test('date should not have any visual regressions', async ({ page }) => {
99 | await page.setContent(
at /ionic/src/components/datetime/test/display/datetime.e2e.ts:96:32
|
|
[Mobile Chrome] › src/components/datetime/test/display/datetime.e2e.ts:87:11 › datetime: rendering - ionic/md/ltr/light › cover sizes › time should not have any visual regressions:
src/components/datetime/test/display/datetime.e2e.ts#L96
2) [Mobile Chrome] › src/components/datetime/test/display/datetime.e2e.ts:87:11 › datetime: rendering - ionic/md/ltr/light › cover sizes › time should not have any visual regressions
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(locator).toHaveScreenshot(expected)
160 pixels (ratio 0.01 of all image pixels) are different.
Snapshot: datetime-display-cover-time-ionic-md-ltr-light.png
Call log:
- Expect "toHaveScreenshot(datetime-display-cover-time-ionic-md-ltr-light.png)" with timeout 5000ms
- verifying given screenshot expectation
- waiting for locator('ion-datetime')
- locator resolved to <ion-datetime size="cover" presentation="time" value="2022-02-22T16:30:00" class="ion-color ion-color-primary ionic datetime-presentation-time datetime-size-cover hydrated datetime-ready">…</ion-datetime>
- 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
- 160 pixels (ratio 0.01 of all image pixels) are different.
- waiting 100ms before taking screenshot
- waiting for locator('ion-datetime')
- locator resolved to <ion-datetime size="cover" presentation="time" value="2022-02-22T16:30:00" class="ion-color ion-color-primary ionic datetime-presentation-time datetime-size-cover hydrated datetime-ready">…</ion-datetime>
- 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
- 160 pixels (ratio 0.01 of all image pixels) are different.
94 | await page.locator('.datetime-ready').waitFor();
95 | const datetime = page.locator('ion-datetime');
> 96 | await expect(datetime).toHaveScreenshot(screenshot(`datetime-display-cover-time`));
| ^
97 | });
98 | test('date should not have any visual regressions', async ({ page }) => {
99 | await page.setContent(
at /ionic/src/components/datetime/test/display/datetime.e2e.ts:96:32
|
|
[Mobile Chrome] › src/components/datetime/test/display/datetime.e2e.ts:87:11 › datetime: rendering - ionic/md/ltr/light › cover sizes › time should not have any visual regressions:
src/components/datetime/test/display/datetime.e2e.ts#L96
2) [Mobile Chrome] › src/components/datetime/test/display/datetime.e2e.ts:87:11 › datetime: rendering - ionic/md/ltr/light › cover sizes › time should not have any visual regressions
Error: expect(locator).toHaveScreenshot(expected)
160 pixels (ratio 0.01 of all image pixels) are different.
Snapshot: datetime-display-cover-time-ionic-md-ltr-light.png
Call log:
- Expect "toHaveScreenshot(datetime-display-cover-time-ionic-md-ltr-light.png)" with timeout 5000ms
- verifying given screenshot expectation
- waiting for locator('ion-datetime')
- locator resolved to <ion-datetime size="cover" presentation="time" value="2022-02-22T16:30:00" class="ion-color ion-color-primary ionic datetime-presentation-time datetime-size-cover hydrated datetime-ready">…</ion-datetime>
- 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
- 160 pixels (ratio 0.01 of all image pixels) are different.
- waiting 100ms before taking screenshot
- waiting for locator('ion-datetime')
- locator resolved to <ion-datetime size="cover" presentation="time" value="2022-02-22T16:30:00" class="ion-color ion-color-primary ionic datetime-presentation-time datetime-size-cover hydrated datetime-ready">…</ion-datetime>
- 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
- 160 pixels (ratio 0.01 of all image pixels) are different.
94 | await page.locator('.datetime-ready').waitFor();
95 | const datetime = page.locator('ion-datetime');
> 96 | await expect(datetime).toHaveScreenshot(screenshot(`datetime-display-cover-time`));
| ^
97 | });
98 | test('date should not have any visual regressions', async ({ page }) => {
99 | await page.setContent(
at /ionic/src/components/datetime/test/display/datetime.e2e.ts:96:32
|
|
[Mobile Chrome] › src/components/datetime/test/display/datetime.e2e.ts:33:11 › datetime: rendering - ionic/md/ltr/light › fixed sizes › time should not have any visual regressions:
src/components/datetime/test/display/datetime.e2e.ts#L42
1) [Mobile Chrome] › src/components/datetime/test/display/datetime.e2e.ts:33:11 › datetime: rendering - ionic/md/ltr/light › fixed sizes › time should not have any visual regressions
Retry #2 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(locator).toHaveScreenshot(expected)
160 pixels (ratio 0.01 of all image pixels) are different.
Snapshot: datetime-display-time-ionic-md-ltr-light.png
Call log:
- Expect "toHaveScreenshot(datetime-display-time-ionic-md-ltr-light.png)" with timeout 5000ms
- verifying given screenshot expectation
- waiting for locator('ion-datetime')
- locator resolved to <ion-datetime presentation="time" value="2022-02-22T16:30:00" class="ion-color ion-color-primary ionic datetime-presentation-time datetime-size-fixed hydrated datetime-ready">…</ion-datetime>
- 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
- 160 pixels (ratio 0.01 of all image pixels) are different.
- waiting 100ms before taking screenshot
- waiting for locator('ion-datetime')
- locator resolved to <ion-datetime presentation="time" value="2022-02-22T16:30:00" class="ion-color ion-color-primary ionic datetime-presentation-time datetime-size-fixed hydrated datetime-ready">…</ion-datetime>
- 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
- 160 pixels (ratio 0.01 of all image pixels) are different.
40 | await page.locator('.datetime-ready').waitFor();
41 | const datetime = page.locator('ion-datetime');
> 42 | await expect(datetime).toHaveScreenshot(screenshot(`datetime-display-time`));
| ^
43 | });
44 | test('date should not have any visual regressions', async ({ page }) => {
45 | await page.setContent(
at /ionic/src/components/datetime/test/display/datetime.e2e.ts:42:32
|
|
[Mobile Chrome] › src/components/datetime/test/display/datetime.e2e.ts:33:11 › datetime: rendering - ionic/md/ltr/light › fixed sizes › time should not have any visual regressions:
src/components/datetime/test/display/datetime.e2e.ts#L42
1) [Mobile Chrome] › src/components/datetime/test/display/datetime.e2e.ts:33:11 › datetime: rendering - ionic/md/ltr/light › fixed sizes › time should not have any visual regressions
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(locator).toHaveScreenshot(expected)
160 pixels (ratio 0.01 of all image pixels) are different.
Snapshot: datetime-display-time-ionic-md-ltr-light.png
Call log:
- Expect "toHaveScreenshot(datetime-display-time-ionic-md-ltr-light.png)" with timeout 5000ms
- verifying given screenshot expectation
- waiting for locator('ion-datetime')
- locator resolved to <ion-datetime presentation="time" value="2022-02-22T16:30:00" class="ion-color ion-color-primary ionic datetime-presentation-time datetime-size-fixed hydrated datetime-ready">…</ion-datetime>
- 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
- 160 pixels (ratio 0.01 of all image pixels) are different.
- waiting 100ms before taking screenshot
- waiting for locator('ion-datetime')
- locator resolved to <ion-datetime presentation="time" value="2022-02-22T16:30:00" class="ion-color ion-color-primary ionic datetime-presentation-time datetime-size-fixed hydrated datetime-ready">…</ion-datetime>
- 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
- 160 pixels (ratio 0.01 of all image pixels) are different.
40 | await page.locator('.datetime-ready').waitFor();
41 | const datetime = page.locator('ion-datetime');
> 42 | await expect(datetime).toHaveScreenshot(screenshot(`datetime-display-time`));
| ^
43 | });
44 | test('date should not have any visual regressions', async ({ page }) => {
45 | await page.setContent(
at /ionic/src/components/datetime/test/display/datetime.e2e.ts:42:32
|
|
[Mobile Chrome] › src/components/datetime/test/display/datetime.e2e.ts:33:11 › datetime: rendering - ionic/md/ltr/light › fixed sizes › time should not have any visual regressions:
src/components/datetime/test/display/datetime.e2e.ts#L42
1) [Mobile Chrome] › src/components/datetime/test/display/datetime.e2e.ts:33:11 › datetime: rendering - ionic/md/ltr/light › fixed sizes › time should not have any visual regressions
Error: expect(locator).toHaveScreenshot(expected)
160 pixels (ratio 0.01 of all image pixels) are different.
Snapshot: datetime-display-time-ionic-md-ltr-light.png
Call log:
- Expect "toHaveScreenshot(datetime-display-time-ionic-md-ltr-light.png)" with timeout 5000ms
- verifying given screenshot expectation
- waiting for locator('ion-datetime')
- locator resolved to <ion-datetime presentation="time" value="2022-02-22T16:30:00" class="ion-color ion-color-primary ionic datetime-presentation-time datetime-size-fixed hydrated datetime-ready">…</ion-datetime>
- 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
- 160 pixels (ratio 0.01 of all image pixels) are different.
- waiting 100ms before taking screenshot
- waiting for locator('ion-datetime')
- locator resolved to <ion-datetime presentation="time" value="2022-02-22T16:30:00" class="ion-color ion-color-primary ionic datetime-presentation-time datetime-size-fixed hydrated datetime-ready">…</ion-datetime>
- 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
- 160 pixels (ratio 0.01 of all image pixels) are different.
40 | await page.locator('.datetime-ready').waitFor();
41 | const datetime = page.locator('ion-datetime');
> 42 | await expect(datetime).toHaveScreenshot(screenshot(`datetime-display-time`));
| ^
43 | });
44 | test('date should not have any visual regressions', async ({ page }) => {
45 | await page.setContent(
at /ionic/src/components/datetime/test/display/datetime.e2e.ts:42:32
|
|
test-core-screenshot (10, 20)
Process completed with exit code 1.
|
|
[Mobile Chrome] › src/components/item-sliding/test/basic/item-sliding.e2e.ts:36:11 › item-sliding: basic - ionic/md/rtl/light › end options › should not have visual regressions:
src/components/item-sliding/test/basic/item-sliding.e2e.ts#L49
2) [Mobile Chrome] › src/components/item-sliding/test/basic/item-sliding.e2e.ts:36:11 › item-sliding: basic - ionic/md/rtl/light › end options › should not have visual regressions
Retry #2 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(locator).toHaveScreenshot(expected)
14 pixels (ratio 0.01 of all image pixels) are different.
Snapshot: item-sliding-end-ionic-md-rtl-light.png
Call log:
- Expect "toHaveScreenshot(item-sliding-end-ionic-md-rtl-light.png)" with timeout 5000ms
- verifying given screenshot expectation
- waiting for locator('#item2')
- locator resolved to <ion-item-sliding id="item2" class="md hydrated item-sliding-active-slide item-sliding-active-options-start">…</ion-item-sliding>
- 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
- 14 pixels (ratio 0.01 of all image pixels) are different.
- waiting 100ms before taking screenshot
- waiting for locator('#item2')
- locator resolved to <ion-item-sliding id="item2" class="md hydrated item-sliding-active-slide item-sliding-active-options-start">…</ion-item-sliding>
- 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
- 14 pixels (ratio 0.01 of all image pixels) are different.
47 | await dragElementBy(item, page, dragByX);
48 |
> 49 | await expect(item).toHaveScreenshot(screenshot('item-sliding-end'));
| ^
50 | });
51 | });
52 | });
at /ionic/src/components/item-sliding/test/basic/item-sliding.e2e.ts:49:28
|
|
[Mobile Chrome] › src/components/item-sliding/test/basic/item-sliding.e2e.ts:36:11 › item-sliding: basic - ionic/md/rtl/light › end options › should not have visual regressions:
src/components/item-sliding/test/basic/item-sliding.e2e.ts#L49
2) [Mobile Chrome] › src/components/item-sliding/test/basic/item-sliding.e2e.ts:36:11 › item-sliding: basic - ionic/md/rtl/light › end options › should not have visual regressions
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(locator).toHaveScreenshot(expected)
14 pixels (ratio 0.01 of all image pixels) are different.
Snapshot: item-sliding-end-ionic-md-rtl-light.png
Call log:
- Expect "toHaveScreenshot(item-sliding-end-ionic-md-rtl-light.png)" with timeout 5000ms
- verifying given screenshot expectation
- waiting for locator('#item2')
- locator resolved to <ion-item-sliding id="item2" class="md hydrated item-sliding-active-slide item-sliding-active-options-start">…</ion-item-sliding>
- 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
- 14 pixels (ratio 0.01 of all image pixels) are different.
- waiting 100ms before taking screenshot
- waiting for locator('#item2')
- locator resolved to <ion-item-sliding id="item2" class="md hydrated item-sliding-active-slide item-sliding-active-options-start">…</ion-item-sliding>
- 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
- 14 pixels (ratio 0.01 of all image pixels) are different.
47 | await dragElementBy(item, page, dragByX);
48 |
> 49 | await expect(item).toHaveScreenshot(screenshot('item-sliding-end'));
| ^
50 | });
51 | });
52 | });
at /ionic/src/components/item-sliding/test/basic/item-sliding.e2e.ts:49:28
|
|
[Mobile Chrome] › src/components/item-sliding/test/basic/item-sliding.e2e.ts:36:11 › item-sliding: basic - ionic/md/rtl/light › end options › should not have visual regressions:
src/components/item-sliding/test/basic/item-sliding.e2e.ts#L49
2) [Mobile Chrome] › src/components/item-sliding/test/basic/item-sliding.e2e.ts:36:11 › item-sliding: basic - ionic/md/rtl/light › end options › should not have visual regressions
Error: expect(locator).toHaveScreenshot(expected)
14 pixels (ratio 0.01 of all image pixels) are different.
Snapshot: item-sliding-end-ionic-md-rtl-light.png
Call log:
- Expect "toHaveScreenshot(item-sliding-end-ionic-md-rtl-light.png)" with timeout 5000ms
- verifying given screenshot expectation
- waiting for locator('#item2')
- locator resolved to <ion-item-sliding id="item2" class="md hydrated item-sliding-active-slide item-sliding-active-options-start">…</ion-item-sliding>
- 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
- 14 pixels (ratio 0.01 of all image pixels) are different.
- waiting 100ms before taking screenshot
- waiting for locator('#item2')
- locator resolved to <ion-item-sliding id="item2" class="md hydrated item-sliding-active-slide item-sliding-active-options-start">…</ion-item-sliding>
- 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
- 14 pixels (ratio 0.01 of all image pixels) are different.
47 | await dragElementBy(item, page, dragByX);
48 |
> 49 | await expect(item).toHaveScreenshot(screenshot('item-sliding-end'));
| ^
50 | });
51 | });
52 | });
at /ionic/src/components/item-sliding/test/basic/item-sliding.e2e.ts:49:28
|
|
[Mobile Chrome] › src/components/item-sliding/test/basic/item-sliding.e2e.ts:36:11 › item-sliding: basic - ionic/md/ltr/light › end options › should not have visual regressions:
src/components/item-sliding/test/basic/item-sliding.e2e.ts#L49
1) [Mobile Chrome] › src/components/item-sliding/test/basic/item-sliding.e2e.ts:36:11 › item-sliding: basic - ionic/md/ltr/light › end options › should not have visual regressions
Retry #2 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(locator).toHaveScreenshot(expected)
12 pixels (ratio 0.01 of all image pixels) are different.
Snapshot: item-sliding-end-ionic-md-ltr-light.png
Call log:
- Expect "toHaveScreenshot(item-sliding-end-ionic-md-ltr-light.png)" with timeout 5000ms
- verifying given screenshot expectation
- waiting for locator('#item2')
- locator resolved to <ion-item-sliding id="item2" class="md hydrated item-sliding-active-slide item-sliding-active-options-end">…</ion-item-sliding>
- 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
- 12 pixels (ratio 0.01 of all image pixels) are different.
- waiting 100ms before taking screenshot
- waiting for locator('#item2')
- locator resolved to <ion-item-sliding id="item2" class="md hydrated item-sliding-active-slide item-sliding-active-options-end">…</ion-item-sliding>
- 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
- 12 pixels (ratio 0.01 of all image pixels) are different.
47 | await dragElementBy(item, page, dragByX);
48 |
> 49 | await expect(item).toHaveScreenshot(screenshot('item-sliding-end'));
| ^
50 | });
51 | });
52 | });
at /ionic/src/components/item-sliding/test/basic/item-sliding.e2e.ts:49:28
|
|
[Mobile Chrome] › src/components/item-sliding/test/basic/item-sliding.e2e.ts:36:11 › item-sliding: basic - ionic/md/ltr/light › end options › should not have visual regressions:
src/components/item-sliding/test/basic/item-sliding.e2e.ts#L49
1) [Mobile Chrome] › src/components/item-sliding/test/basic/item-sliding.e2e.ts:36:11 › item-sliding: basic - ionic/md/ltr/light › end options › should not have visual regressions
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(locator).toHaveScreenshot(expected)
12 pixels (ratio 0.01 of all image pixels) are different.
Snapshot: item-sliding-end-ionic-md-ltr-light.png
Call log:
- Expect "toHaveScreenshot(item-sliding-end-ionic-md-ltr-light.png)" with timeout 5000ms
- verifying given screenshot expectation
- waiting for locator('#item2')
- locator resolved to <ion-item-sliding id="item2" class="md hydrated item-sliding-active-slide item-sliding-active-options-end">…</ion-item-sliding>
- 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
- 12 pixels (ratio 0.01 of all image pixels) are different.
- waiting 100ms before taking screenshot
- waiting for locator('#item2')
- locator resolved to <ion-item-sliding id="item2" class="md hydrated item-sliding-active-slide item-sliding-active-options-end">…</ion-item-sliding>
- 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
- 12 pixels (ratio 0.01 of all image pixels) are different.
47 | await dragElementBy(item, page, dragByX);
48 |
> 49 | await expect(item).toHaveScreenshot(screenshot('item-sliding-end'));
| ^
50 | });
51 | });
52 | });
at /ionic/src/components/item-sliding/test/basic/item-sliding.e2e.ts:49:28
|
|
[Mobile Chrome] › src/components/item-sliding/test/basic/item-sliding.e2e.ts:36:11 › item-sliding: basic - ionic/md/ltr/light › end options › should not have visual regressions:
src/components/item-sliding/test/basic/item-sliding.e2e.ts#L49
1) [Mobile Chrome] › src/components/item-sliding/test/basic/item-sliding.e2e.ts:36:11 › item-sliding: basic - ionic/md/ltr/light › end options › should not have visual regressions
Error: expect(locator).toHaveScreenshot(expected)
12 pixels (ratio 0.01 of all image pixels) are different.
Snapshot: item-sliding-end-ionic-md-ltr-light.png
Call log:
- Expect "toHaveScreenshot(item-sliding-end-ionic-md-ltr-light.png)" with timeout 5000ms
- verifying given screenshot expectation
- waiting for locator('#item2')
- locator resolved to <ion-item-sliding id="item2" class="md hydrated item-sliding-active-slide item-sliding-active-options-end">…</ion-item-sliding>
- 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
- 12 pixels (ratio 0.01 of all image pixels) are different.
- waiting 100ms before taking screenshot
- waiting for locator('#item2')
- locator resolved to <ion-item-sliding id="item2" class="md hydrated item-sliding-active-slide item-sliding-active-options-end">…</ion-item-sliding>
- 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
- 12 pixels (ratio 0.01 of all image pixels) are different.
47 | await dragElementBy(item, page, dragByX);
48 |
> 49 | await expect(item).toHaveScreenshot(screenshot('item-sliding-end'));
| ^
50 | });
51 | });
52 | });
at /ionic/src/components/item-sliding/test/basic/item-sliding.e2e.ts:49:28
|
|
test-core-screenshot (10, 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 (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 (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 (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._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 (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 (4, 20)
Process completed with exit code 12.
|
|
test-core-screenshot (4, 20)
The operation was canceled.
|
|
test-core-screenshot (5, 20)
Process completed with exit code 12.
|
|
test-core-screenshot (4, 20)
The strategy configuration was canceled because "test-core-screenshot._8_20" failed
|
|
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 (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 (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 (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 (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 (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 (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 (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
|
|
verify-screenshots
Process completed with exit code 1.
|
|
🎭 Playwright Run Summary
360 skipped
276 passed (2.2m)
|
|
🎭 Playwright Run Summary
368 skipped
303 passed (3.2m)
|
|
🎭 Playwright Run Summary
1 skipped
671 passed (3.7m)
|
|
🎭 Playwright Run Summary
2 failed
[Mobile Chrome] › src/components/datetime/test/display/datetime.e2e.ts:33:11 › datetime: rendering - ionic/md/ltr/light › fixed sizes › time should not have any visual regressions
[Mobile Chrome] › src/components/datetime/test/display/datetime.e2e.ts:87:11 › datetime: rendering - ionic/md/ltr/light › cover sizes › time should not have any visual regressions
686 passed (3.9m)
|
|
🎭 Playwright Run Summary
2 failed
[Mobile Chrome] › src/components/item-sliding/test/basic/item-sliding.e2e.ts:36:11 › item-sliding: basic - ionic/md/ltr/light › end options › should not have visual regressions
[Mobile Chrome] › src/components/item-sliding/test/basic/item-sliding.e2e.ts:36:11 › item-sliding: basic - ionic/md/rtl/light › end options › should not have visual regressions
669 passed (3.7m)
|
Artifacts
Produced during runtime
| Name | Size | Digest | |
|---|---|---|---|
|
ionic-angular
Expired
|
864 KB |
sha256:ac2e12f23e6feec45a32b57a48daf39cd7379252017c591a9b4dbb7c7154360f
|
|
|
ionic-angular-server
Expired
|
8.54 KB |
sha256:b0fed50278c8a910137cef509a69d7ae9f81e7c8c2c8adeccbe33c6e3a20fd13
|
|
|
ionic-core
Expired
|
5.16 MB |
sha256:cae3639573b583d44549299eb9e1338bbd1e14cd047d126f24ee50935d7edf9d
|
|
|
ionic-react
Expired
|
404 KB |
sha256:155133cd89a9f17b01b1fda972d81875249cbac954e5ce4f9705dbc4a7c9d8fd
|
|
|
ionic-react-router
Expired
|
27.9 KB |
sha256:229b2aefab30f00ac350c82da8038866ea08f88aa7bf063d52a95c6accc63f6c
|
|
|
ionic-vue
Expired
|
434 KB |
sha256:fbf0feb6e6a3a1592f9ae9a009c5373e042c65ae6e697ed9da31b68981cd841f
|
|
|
ionic-vue-router
Expired
|
17.1 KB |
sha256:a459684e8655e304b2525fb0066b4854e7527ebf6650223e3a30bd2d460bcd74
|
|
|
test-results-10-20
Expired
|
5.68 MB |
sha256:9e46a1483f656659899df7a2ff03cdd73fc13c25f024e9944ac09cbc3384b34b
|
|
|
test-results-12-20
Expired
|
490 KB |
sha256:84c2954e0f986ece81e78c802ef36f4a9b8e4a1fa33ee1f9253063a7f5be6361
|
|
|
test-results-20-20
Expired
|
347 KB |
sha256:5049d68d6eb5e43c720276f347375326b09eeb31a6de0acdce3383ac247c0243
|
|
|
test-results-7-20
Expired
|
368 KB |
sha256:0b16a4d0e8a82f976e7b8be54bffc6197c0944a6c266f701d79551688ee0e9b7
|
|
|
test-results-8-20
Expired
|
3.25 MB |
sha256:e9144980458faa13b347c5965698720f4b8ad434ff8462273ebc224ab7390691
|
|