fix(ionic): update colors to import function #14612
This run and associated checks have been archived and are scheduled for deletion.
Learn more about checks retention
build.yml
on: pull_request
build-core
2m 38s
Matrix: test-core-screenshot
test-core-clean-build
8s
test-core-lint
1m 5s
test-core-spec
1m 5s
verify-screenshots
0s
Matrix: test-angular-e2e
Matrix: test-react-e2e
Matrix: test-react-router-e2e
Matrix: test-vue-e2e
verify-test-angular-e2e
0s
verify-test-react-e2e
0s
verify-test-react-router-e2e
0s
verify-test-vue-e2e
0s
Annotations
30 errors and 3 notices
|
[Mobile Chrome] › src/components/alert/test/a11y/alert.e2e.ts:282:9 › alert: font scaling - ios/ltr › should scale text on larger font sizes with text fields:
src/components/alert/test/a11y/alert.e2e.ts#L316
1) [Mobile Chrome] › src/components/alert/test/a11y/alert.e2e.ts:282:9 › alert: font scaling - ios/ltr › should scale text on larger font sizes with text fields
Error: Screenshot comparison failed:
1273 pixels (ratio 0.01 of all image pixels) are different.
Expected: /ionic/src/components/alert/test/a11y/alert.e2e.ts-snapshots/alert-text-fields-scale-ios-ltr-Mobile-Chrome-linux.png
Received: /ionic/test-results/src-components-alert-test--2079d-font-sizes-with-text-fields-Mobile-Chrome/alert-text-fields-scale-ios-ltr-actual.png
Diff: /ionic/test-results/src-components-alert-test--2079d-font-sizes-with-text-fields-Mobile-Chrome/alert-text-fields-scale-ios-ltr-diff.png
Call log:
- expect.toHaveScreenshot(alert-text-fields-scale-ios-ltr.png) with timeout 5000ms
- verifying given screenshot expectation
- taking page screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- 1273 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
- 1273 pixels (ratio 0.01 of all image pixels) are different.
314 | * when using Safari, this is due to a WebKit rendering quirk.
315 | */
> 316 | await expect(page).toHaveScreenshot(screenshot(`alert-text-fields-scale`));
| ^
317 | });
318 | });
319 | });
at /ionic/src/components/alert/test/a11y/alert.e2e.ts:316:26
|
|
[Mobile Chrome] › src/components/alert/test/a11y/alert.e2e.ts:282:9 › alert: font scaling - ios/ltr › should scale text on larger font sizes with text fields:
src/components/alert/test/a11y/alert.e2e.ts#L316
1) [Mobile Chrome] › src/components/alert/test/a11y/alert.e2e.ts:282:9 › alert: font scaling - ios/ltr › should scale text on larger font sizes with text fields
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: Screenshot comparison failed:
1273 pixels (ratio 0.01 of all image pixels) are different.
Expected: /ionic/src/components/alert/test/a11y/alert.e2e.ts-snapshots/alert-text-fields-scale-ios-ltr-Mobile-Chrome-linux.png
Received: /ionic/test-results/src-components-alert-test--2079d-font-sizes-with-text-fields-Mobile-Chrome-retry1/alert-text-fields-scale-ios-ltr-actual.png
Diff: /ionic/test-results/src-components-alert-test--2079d-font-sizes-with-text-fields-Mobile-Chrome-retry1/alert-text-fields-scale-ios-ltr-diff.png
Call log:
- expect.toHaveScreenshot(alert-text-fields-scale-ios-ltr.png) with timeout 5000ms
- verifying given screenshot expectation
- taking page screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- 1273 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
- 1273 pixels (ratio 0.01 of all image pixels) are different.
314 | * when using Safari, this is due to a WebKit rendering quirk.
315 | */
> 316 | await expect(page).toHaveScreenshot(screenshot(`alert-text-fields-scale`));
| ^
317 | });
318 | });
319 | });
at /ionic/src/components/alert/test/a11y/alert.e2e.ts:316:26
|
|
[Mobile Chrome] › src/components/spinner/test/size/spinner.e2e.ts:9:9 › spinner: size - ionic/md/ltr/light › should render xsmall spinner:
src/components/spinner/test/size/spinner.e2e.ts#L19
1) [Mobile Chrome] › src/components/spinner/test/size/spinner.e2e.ts:9:9 › spinner: size - ionic/md/ltr/light › should render xsmall spinner
Error: Screenshot comparison failed:
74 pixels (ratio 0.13 of all image pixels) are different.
Expected: /ionic/src/components/spinner/test/size/spinner.e2e.ts-snapshots/spinner-size-xsmall-ionic-md-ltr-light-Mobile-Chrome-linux.png
Received: /ionic/test-results/src-components-spinner-tes-cc097-hould-render-xsmall-spinner-Mobile-Chrome/spinner-size-xsmall-ionic-md-ltr-light-actual.png
Diff: /ionic/test-results/src-components-spinner-tes-cc097-hould-render-xsmall-spinner-Mobile-Chrome/spinner-size-xsmall-ionic-md-ltr-light-diff.png
Call log:
- expect.toHaveScreenshot(spinner-size-xsmall-ionic-md-ltr-light.png) with timeout 5000ms
- verifying given screenshot expectation
- waiting for locator('ion-spinner')
- locator resolved to <ion-spinner size="xsmall" role="progressbar" class="ionic spinner-circular spinner-xsmall hydrated"></ion-spinner>
- 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
- 74 pixels (ratio 0.13 of all image pixels) are different.
- waiting 100ms before taking screenshot
- waiting for locator('ion-spinner')
- locator resolved to <ion-spinner size="xsmall" role="progressbar" class="ionic spinner-circular spinner-xsmall hydrated"></ion-spinner>
- 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
- 74 pixels (ratio 0.13 of all image pixels) are different.
17 | const spinner = page.locator('ion-spinner');
18 |
> 19 | await expect(spinner).toHaveScreenshot(screenshot(`spinner-size-xsmall`));
| ^
20 | });
21 |
22 | test('should render small spinner', async ({ page }) => {
at /ionic/src/components/spinner/test/size/spinner.e2e.ts:19:29
|
|
[Mobile Chrome] › src/components/spinner/test/size/spinner.e2e.ts:9:9 › spinner: size - ionic/md/ltr/light › should render xsmall spinner:
src/components/spinner/test/size/spinner.e2e.ts#L19
1) [Mobile Chrome] › src/components/spinner/test/size/spinner.e2e.ts:9:9 › spinner: size - ionic/md/ltr/light › should render xsmall spinner
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: Screenshot comparison failed:
74 pixels (ratio 0.13 of all image pixels) are different.
Expected: /ionic/src/components/spinner/test/size/spinner.e2e.ts-snapshots/spinner-size-xsmall-ionic-md-ltr-light-Mobile-Chrome-linux.png
Received: /ionic/test-results/src-components-spinner-tes-cc097-hould-render-xsmall-spinner-Mobile-Chrome-retry1/spinner-size-xsmall-ionic-md-ltr-light-actual.png
Diff: /ionic/test-results/src-components-spinner-tes-cc097-hould-render-xsmall-spinner-Mobile-Chrome-retry1/spinner-size-xsmall-ionic-md-ltr-light-diff.png
Call log:
- expect.toHaveScreenshot(spinner-size-xsmall-ionic-md-ltr-light.png) with timeout 5000ms
- verifying given screenshot expectation
- waiting for locator('ion-spinner')
- locator resolved to <ion-spinner size="xsmall" role="progressbar" class="ionic spinner-circular spinner-xsmall hydrated"></ion-spinner>
- 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
- 74 pixels (ratio 0.13 of all image pixels) are different.
- waiting 100ms before taking screenshot
- waiting for locator('ion-spinner')
- locator resolved to <ion-spinner size="xsmall" role="progressbar" class="ionic spinner-circular spinner-xsmall hydrated"></ion-spinner>
- 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
- 74 pixels (ratio 0.13 of all image pixels) are different.
17 | const spinner = page.locator('ion-spinner');
18 |
> 19 | await expect(spinner).toHaveScreenshot(screenshot(`spinner-size-xsmall`));
| ^
20 | });
21 |
22 | test('should render small spinner', async ({ page }) => {
at /ionic/src/components/spinner/test/size/spinner.e2e.ts:19:29
|
|
[Mobile Chrome] › src/components/spinner/test/size/spinner.e2e.ts:9:9 › spinner: size - ionic/md/ltr/light › should render xsmall spinner:
src/components/spinner/test/size/spinner.e2e.ts#L19
1) [Mobile Chrome] › src/components/spinner/test/size/spinner.e2e.ts:9:9 › spinner: size - ionic/md/ltr/light › should render xsmall spinner
Retry #2 ───────────────────────────────────────────────────────────────────────────────────────
Error: Screenshot comparison failed:
74 pixels (ratio 0.13 of all image pixels) are different.
Expected: /ionic/src/components/spinner/test/size/spinner.e2e.ts-snapshots/spinner-size-xsmall-ionic-md-ltr-light-Mobile-Chrome-linux.png
Received: /ionic/test-results/src-components-spinner-tes-cc097-hould-render-xsmall-spinner-Mobile-Chrome-retry2/spinner-size-xsmall-ionic-md-ltr-light-actual.png
Diff: /ionic/test-results/src-components-spinner-tes-cc097-hould-render-xsmall-spinner-Mobile-Chrome-retry2/spinner-size-xsmall-ionic-md-ltr-light-diff.png
Call log:
- expect.toHaveScreenshot(spinner-size-xsmall-ionic-md-ltr-light.png) with timeout 5000ms
- verifying given screenshot expectation
- waiting for locator('ion-spinner')
- locator resolved to <ion-spinner size="xsmall" role="progressbar" class="ionic spinner-circular spinner-xsmall hydrated"></ion-spinner>
- 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
- 74 pixels (ratio 0.13 of all image pixels) are different.
- waiting 100ms before taking screenshot
- waiting for locator('ion-spinner')
- locator resolved to <ion-spinner size="xsmall" role="progressbar" class="ionic spinner-circular spinner-xsmall hydrated"></ion-spinner>
- 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
- 74 pixels (ratio 0.13 of all image pixels) are different.
17 | const spinner = page.locator('ion-spinner');
18 |
> 19 | await expect(spinner).toHaveScreenshot(screenshot(`spinner-size-xsmall`));
| ^
20 | });
21 |
22 | test('should render small spinner', async ({ page }) => {
at /ionic/src/components/spinner/test/size/spinner.e2e.ts:19:29
|
|
[Mobile Chrome] › src/components/spinner/test/size/spinner.e2e.ts:22:9 › spinner: size - ionic/md/ltr/light › should render small spinner:
src/components/spinner/test/size/spinner.e2e.ts#L32
2) [Mobile Chrome] › src/components/spinner/test/size/spinner.e2e.ts:22:9 › spinner: size - ionic/md/ltr/light › should render small spinner
Error: Screenshot comparison failed:
141 pixels (ratio 0.14 of all image pixels) are different.
Expected: /ionic/src/components/spinner/test/size/spinner.e2e.ts-snapshots/spinner-size-small-ionic-md-ltr-light-Mobile-Chrome-linux.png
Received: /ionic/test-results/src-components-spinner-tes-c5947-should-render-small-spinner-Mobile-Chrome/spinner-size-small-ionic-md-ltr-light-actual.png
Diff: /ionic/test-results/src-components-spinner-tes-c5947-should-render-small-spinner-Mobile-Chrome/spinner-size-small-ionic-md-ltr-light-diff.png
Call log:
- expect.toHaveScreenshot(spinner-size-small-ionic-md-ltr-light.png) with timeout 5000ms
- verifying given screenshot expectation
- waiting for locator('ion-spinner')
- locator resolved to <ion-spinner size="small" role="progressbar" class="ionic spinner-circular spinner-small hydrated"></ion-spinner>
- 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
- 141 pixels (ratio 0.14 of all image pixels) are different.
- waiting 100ms before taking screenshot
- waiting for locator('ion-spinner')
- locator resolved to <ion-spinner size="small" role="progressbar" class="ionic spinner-circular spinner-small hydrated"></ion-spinner>
- 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
- 141 pixels (ratio 0.14 of all image pixels) are different.
30 | const spinner = page.locator('ion-spinner');
31 |
> 32 | await expect(spinner).toHaveScreenshot(screenshot(`spinner-size-small`));
| ^
33 | });
34 |
35 | test('should render medium spinner', async ({ page }) => {
at /ionic/src/components/spinner/test/size/spinner.e2e.ts:32:29
|
|
[Mobile Chrome] › src/components/spinner/test/size/spinner.e2e.ts:22:9 › spinner: size - ionic/md/ltr/light › should render small spinner:
src/components/spinner/test/size/spinner.e2e.ts#L32
2) [Mobile Chrome] › src/components/spinner/test/size/spinner.e2e.ts:22:9 › spinner: size - ionic/md/ltr/light › should render small spinner
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: Screenshot comparison failed:
141 pixels (ratio 0.14 of all image pixels) are different.
Expected: /ionic/src/components/spinner/test/size/spinner.e2e.ts-snapshots/spinner-size-small-ionic-md-ltr-light-Mobile-Chrome-linux.png
Received: /ionic/test-results/src-components-spinner-tes-c5947-should-render-small-spinner-Mobile-Chrome-retry1/spinner-size-small-ionic-md-ltr-light-actual.png
Diff: /ionic/test-results/src-components-spinner-tes-c5947-should-render-small-spinner-Mobile-Chrome-retry1/spinner-size-small-ionic-md-ltr-light-diff.png
Call log:
- expect.toHaveScreenshot(spinner-size-small-ionic-md-ltr-light.png) with timeout 5000ms
- verifying given screenshot expectation
- waiting for locator('ion-spinner')
- locator resolved to <ion-spinner size="small" role="progressbar" class="ionic spinner-circular spinner-small hydrated"></ion-spinner>
- 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
- 141 pixels (ratio 0.14 of all image pixels) are different.
- waiting 100ms before taking screenshot
- waiting for locator('ion-spinner')
- locator resolved to <ion-spinner size="small" role="progressbar" class="ionic spinner-circular spinner-small hydrated"></ion-spinner>
- 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
- 141 pixels (ratio 0.14 of all image pixels) are different.
30 | const spinner = page.locator('ion-spinner');
31 |
> 32 | await expect(spinner).toHaveScreenshot(screenshot(`spinner-size-small`));
| ^
33 | });
34 |
35 | test('should render medium spinner', async ({ page }) => {
at /ionic/src/components/spinner/test/size/spinner.e2e.ts:32:29
|
|
[Mobile Chrome] › src/components/spinner/test/size/spinner.e2e.ts:22:9 › spinner: size - ionic/md/ltr/light › should render small spinner:
src/components/spinner/test/size/spinner.e2e.ts#L32
2) [Mobile Chrome] › src/components/spinner/test/size/spinner.e2e.ts:22:9 › spinner: size - ionic/md/ltr/light › should render small spinner
Retry #2 ───────────────────────────────────────────────────────────────────────────────────────
Error: Screenshot comparison failed:
141 pixels (ratio 0.14 of all image pixels) are different.
Expected: /ionic/src/components/spinner/test/size/spinner.e2e.ts-snapshots/spinner-size-small-ionic-md-ltr-light-Mobile-Chrome-linux.png
Received: /ionic/test-results/src-components-spinner-tes-c5947-should-render-small-spinner-Mobile-Chrome-retry2/spinner-size-small-ionic-md-ltr-light-actual.png
Diff: /ionic/test-results/src-components-spinner-tes-c5947-should-render-small-spinner-Mobile-Chrome-retry2/spinner-size-small-ionic-md-ltr-light-diff.png
Call log:
- expect.toHaveScreenshot(spinner-size-small-ionic-md-ltr-light.png) with timeout 5000ms
- verifying given screenshot expectation
- waiting for locator('ion-spinner')
- locator resolved to <ion-spinner size="small" role="progressbar" class="ionic spinner-circular spinner-small hydrated"></ion-spinner>
- 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
- 141 pixels (ratio 0.14 of all image pixels) are different.
- waiting 100ms before taking screenshot
- waiting for locator('ion-spinner')
- locator resolved to <ion-spinner size="small" role="progressbar" class="ionic spinner-circular spinner-small hydrated"></ion-spinner>
- 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
- 141 pixels (ratio 0.14 of all image pixels) are different.
30 | const spinner = page.locator('ion-spinner');
31 |
> 32 | await expect(spinner).toHaveScreenshot(screenshot(`spinner-size-small`));
| ^
33 | });
34 |
35 | test('should render medium spinner', async ({ page }) => {
at /ionic/src/components/spinner/test/size/spinner.e2e.ts:32:29
|
|
[Mobile Chrome] › src/components/spinner/test/size/spinner.e2e.ts:35:9 › spinner: size - ionic/md/ltr/light › should render medium spinner:
src/components/spinner/test/size/spinner.e2e.ts#L45
3) [Mobile Chrome] › src/components/spinner/test/size/spinner.e2e.ts:35:9 › spinner: size - ionic/md/ltr/light › should render medium spinner
Error: Screenshot comparison failed:
224 pixels (ratio 0.15 of all image pixels) are different.
Expected: /ionic/src/components/spinner/test/size/spinner.e2e.ts-snapshots/spinner-size-medium-ionic-md-ltr-light-Mobile-Chrome-linux.png
Received: /ionic/test-results/src-components-spinner-tes-23f43-hould-render-medium-spinner-Mobile-Chrome/spinner-size-medium-ionic-md-ltr-light-actual.png
Diff: /ionic/test-results/src-components-spinner-tes-23f43-hould-render-medium-spinner-Mobile-Chrome/spinner-size-medium-ionic-md-ltr-light-diff.png
Call log:
- expect.toHaveScreenshot(spinner-size-medium-ionic-md-ltr-light.png) with timeout 5000ms
- verifying given screenshot expectation
- waiting for locator('ion-spinner')
- locator resolved to <ion-spinner size="medium" role="progressbar" class="ionic spinner-circular spinner-medium hydrated"></ion-spinner>
- 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
- 224 pixels (ratio 0.15 of all image pixels) are different.
- waiting 100ms before taking screenshot
- waiting for locator('ion-spinner')
- locator resolved to <ion-spinner size="medium" role="progressbar" class="ionic spinner-circular spinner-medium hydrated"></ion-spinner>
- 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
- 224 pixels (ratio 0.15 of all image pixels) are different.
43 | const spinner = page.locator('ion-spinner');
44 |
> 45 | await expect(spinner).toHaveScreenshot(screenshot(`spinner-size-medium`));
| ^
46 | });
47 |
48 | test('should render large spinner', async ({ page }) => {
at /ionic/src/components/spinner/test/size/spinner.e2e.ts:45:29
|
|
[Mobile Chrome] › src/components/spinner/test/size/spinner.e2e.ts:35:9 › spinner: size - ionic/md/ltr/light › should render medium spinner:
src/components/spinner/test/size/spinner.e2e.ts#L45
3) [Mobile Chrome] › src/components/spinner/test/size/spinner.e2e.ts:35:9 › spinner: size - ionic/md/ltr/light › should render medium spinner
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: Screenshot comparison failed:
224 pixels (ratio 0.15 of all image pixels) are different.
Expected: /ionic/src/components/spinner/test/size/spinner.e2e.ts-snapshots/spinner-size-medium-ionic-md-ltr-light-Mobile-Chrome-linux.png
Received: /ionic/test-results/src-components-spinner-tes-23f43-hould-render-medium-spinner-Mobile-Chrome-retry1/spinner-size-medium-ionic-md-ltr-light-actual.png
Diff: /ionic/test-results/src-components-spinner-tes-23f43-hould-render-medium-spinner-Mobile-Chrome-retry1/spinner-size-medium-ionic-md-ltr-light-diff.png
Call log:
- expect.toHaveScreenshot(spinner-size-medium-ionic-md-ltr-light.png) with timeout 5000ms
- verifying given screenshot expectation
- waiting for locator('ion-spinner')
- locator resolved to <ion-spinner size="medium" role="progressbar" class="ionic spinner-circular spinner-medium hydrated"></ion-spinner>
- 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
- 224 pixels (ratio 0.15 of all image pixels) are different.
- waiting 100ms before taking screenshot
- waiting for locator('ion-spinner')
- locator resolved to <ion-spinner size="medium" role="progressbar" class="ionic spinner-circular spinner-medium hydrated"></ion-spinner>
- 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
- 224 pixels (ratio 0.15 of all image pixels) are different.
43 | const spinner = page.locator('ion-spinner');
44 |
> 45 | await expect(spinner).toHaveScreenshot(screenshot(`spinner-size-medium`));
| ^
46 | });
47 |
48 | test('should render large spinner', async ({ page }) => {
at /ionic/src/components/spinner/test/size/spinner.e2e.ts:45:29
|
|
[Mobile Chrome] › src/components/spinner/test/size/spinner.e2e.ts:35:9 › spinner: size - ionic/md/ltr/light › should render medium spinner:
src/components/spinner/test/size/spinner.e2e.ts#L45
3) [Mobile Chrome] › src/components/spinner/test/size/spinner.e2e.ts:35:9 › spinner: size - ionic/md/ltr/light › should render medium spinner
Retry #2 ───────────────────────────────────────────────────────────────────────────────────────
Error: Screenshot comparison failed:
224 pixels (ratio 0.15 of all image pixels) are different.
Expected: /ionic/src/components/spinner/test/size/spinner.e2e.ts-snapshots/spinner-size-medium-ionic-md-ltr-light-Mobile-Chrome-linux.png
Received: /ionic/test-results/src-components-spinner-tes-23f43-hould-render-medium-spinner-Mobile-Chrome-retry2/spinner-size-medium-ionic-md-ltr-light-actual.png
Diff: /ionic/test-results/src-components-spinner-tes-23f43-hould-render-medium-spinner-Mobile-Chrome-retry2/spinner-size-medium-ionic-md-ltr-light-diff.png
Call log:
- expect.toHaveScreenshot(spinner-size-medium-ionic-md-ltr-light.png) with timeout 5000ms
- verifying given screenshot expectation
- waiting for locator('ion-spinner')
- locator resolved to <ion-spinner size="medium" role="progressbar" class="ionic spinner-circular spinner-medium hydrated"></ion-spinner>
- 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
- 224 pixels (ratio 0.15 of all image pixels) are different.
- waiting 100ms before taking screenshot
- waiting for locator('ion-spinner')
- locator resolved to <ion-spinner size="medium" role="progressbar" class="ionic spinner-circular spinner-medium hydrated"></ion-spinner>
- 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
- 224 pixels (ratio 0.15 of all image pixels) are different.
43 | const spinner = page.locator('ion-spinner');
44 |
> 45 | await expect(spinner).toHaveScreenshot(screenshot(`spinner-size-medium`));
| ^
46 | });
47 |
48 | test('should render large spinner', async ({ page }) => {
at /ionic/src/components/spinner/test/size/spinner.e2e.ts:45:29
|
|
[Mobile Chrome] › src/components/spinner/test/size/spinner.e2e.ts:48:9 › spinner: size - ionic/md/ltr/light › should render large spinner:
src/components/spinner/test/size/spinner.e2e.ts#L58
4) [Mobile Chrome] › src/components/spinner/test/size/spinner.e2e.ts:48:9 › spinner: size - ionic/md/ltr/light › should render large spinner
Error: Screenshot comparison failed:
352 pixels (ratio 0.16 of all image pixels) are different.
Expected: /ionic/src/components/spinner/test/size/spinner.e2e.ts-snapshots/spinner-size-large-ionic-md-ltr-light-Mobile-Chrome-linux.png
Received: /ionic/test-results/src-components-spinner-tes-a83ee-should-render-large-spinner-Mobile-Chrome/spinner-size-large-ionic-md-ltr-light-actual.png
Diff: /ionic/test-results/src-components-spinner-tes-a83ee-should-render-large-spinner-Mobile-Chrome/spinner-size-large-ionic-md-ltr-light-diff.png
Call log:
- expect.toHaveScreenshot(spinner-size-large-ionic-md-ltr-light.png) with timeout 5000ms
- verifying given screenshot expectation
- waiting for locator('ion-spinner')
- locator resolved to <ion-spinner size="large" role="progressbar" class="ionic spinner-circular spinner-large hydrated"></ion-spinner>
- 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
- 352 pixels (ratio 0.16 of all image pixels) are different.
- waiting 100ms before taking screenshot
- waiting for locator('ion-spinner')
- locator resolved to <ion-spinner size="large" role="progressbar" class="ionic spinner-circular spinner-large hydrated"></ion-spinner>
- 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
- 352 pixels (ratio 0.16 of all image pixels) are different.
56 | const spinner = page.locator('ion-spinner');
57 |
> 58 | await expect(spinner).toHaveScreenshot(screenshot(`spinner-size-large`));
| ^
59 | });
60 |
61 | test('should render xlarge spinner', async ({ page }) => {
at /ionic/src/components/spinner/test/size/spinner.e2e.ts:58:29
|
|
test-core-screenshot (8, 20)
The job was canceled because "_12_20" failed.
|
|
test-core-screenshot (13, 20)
The job was canceled because "_12_20" failed.
|
|
test-core-screenshot (2, 20)
The job was canceled because "_12_20" failed.
|
|
test-core-screenshot (14, 20)
The job was canceled because "_12_20" failed.
|
|
test-core-screenshot (15, 20)
The job was canceled because "_12_20" failed.
|
|
test-core-screenshot (11, 20)
The job was canceled because "_12_20" failed.
|
|
test-core-screenshot (10, 20)
The job was canceled because "_12_20" failed.
|
|
test-core-screenshot (17, 20)
The job was canceled because "_12_20" failed.
|
|
test-core-screenshot (18, 20)
The job was canceled because "_12_20" failed.
|
|
test-core-screenshot (19, 20)
The job was canceled because "_12_20" failed.
|
|
test-core-screenshot (5, 20)
The job was canceled because "_12_20" failed.
|
|
test-core-screenshot (3, 20)
The job was canceled because "_12_20" failed.
|
|
test-core-screenshot (16, 20)
The job was canceled because "_12_20" failed.
|
|
test-core-screenshot (4, 20)
The job was canceled because "_12_20" failed.
|
|
test-core-screenshot (1, 20)
The job was canceled because "_12_20" failed.
|
|
test-core-screenshot (9, 20)
The job was canceled because "_12_20" failed.
|
|
test-core-screenshot (6, 20)
The job was canceled because "_12_20" failed.
|
|
verify-screenshots
Process completed with exit code 1.
|
|
🎭 Playwright Run Summary
296 skipped
225 passed (2.7m)
|
|
🎭 Playwright Run Summary
1 flaky
[Mobile Chrome] › src/components/alert/test/a11y/alert.e2e.ts:282:9 › alert: font scaling - ios/ltr › should scale text on larger font sizes with text fields
298 skipped
221 passed (2.4m)
|
|
🎭 Playwright Run Summary
5 failed
[Mobile Chrome] › src/components/spinner/test/size/spinner.e2e.ts:9:9 › spinner: size - ionic/md/ltr/light › should render xsmall spinner
[Mobile Chrome] › src/components/spinner/test/size/spinner.e2e.ts:22:9 › spinner: size - ionic/md/ltr/light › should render small spinner
[Mobile Chrome] › src/components/spinner/test/size/spinner.e2e.ts:35:9 › spinner: size - ionic/md/ltr/light › should render medium spinner
[Mobile Chrome] › src/components/spinner/test/size/spinner.e2e.ts:48:9 › spinner: size - ionic/md/ltr/light › should render large spinner
[Mobile Chrome] › src/components/spinner/test/size/spinner.e2e.ts:61:9 › spinner: size - ionic/md/ltr/light › should render xlarge spinner
2 skipped
537 passed (3.8m)
|
Artifacts
Produced during runtime
| Name | Size | Digest | |
|---|---|---|---|
|
ionic-angular
Expired
|
765 KB |
sha256:95ec8294d51b95b3e5b34ccdb0e0835ca10e4079456f12bb6c616ddeb09be670
|
|
|
ionic-angular-server
Expired
|
8.54 KB |
sha256:8f4b98fa0c880e9bf1122b8f7e53046bb0ab27e1eda4f2a8fc134391d5647122
|
|
|
ionic-core
Expired
|
5.26 MB |
sha256:ebe5a6fb285d4021b28551135e7b38376491d695a658be3fc81455727e9c1eae
|
|
|
ionic-react
Expired
|
330 KB |
sha256:e49014403176e91d9f89b07e087437ed10a20ecddb11dfd55c1313ad1b215988
|
|
|
ionic-react-router
Expired
|
28 KB |
sha256:2abc2847ba7e404fa0eac062036515b5ab490f461f630062dbb44a743d4405a6
|
|
|
ionic-vue
Expired
|
351 KB |
sha256:2b965b1a284865f08433fdc2e4628ba8c5b2b860bf8b6c81892d473c0d036b91
|
|
|
ionic-vue-router
Expired
|
17.1 KB |
sha256:52028843196628336cdd3be101b2fb5600633f63ec1d3ddc56b9a2efa91e004f
|
|
|
test-results-12-20
Expired
|
6.26 MB |
sha256:7270f93f5479e043705dfe92cf708e0bafb8fb7cbb6dbb1a4c88bf377e078743
|
|
|
test-results-20-20
Expired
|
324 KB |
sha256:0aef12d8f15a567e438c3c351f6a92c7a0903d83fb027d43b1eb5f5cf3eb82c4
|
|
|
test-results-7-20
Expired
|
1.73 MB |
sha256:718c32d8056c18d5ec350fc3b0747c4bee298bffeb14b0b306b5c933af159cc3
|
|