Skip to content

fix(ionic): update colors to import function #14612

fix(ionic): update colors to import function

fix(ionic): update colors to import function #14612

Triggered via pull request September 26, 2024 00:12
@thetaPCthetaPC
synchronize #29891
ROU-11149
Status Failure
Total duration 9m 30s
Artifacts 10
This run and associated checks have been archived and are scheduled for deletion. Learn more about checks retention

build.yml

on: pull_request
build-react
47s
build-react
build-vue
46s
build-vue
Matrix: test-core-screenshot
build-angular
1m 7s
build-angular
build-angular-server
34s
build-angular-server
test-core-clean-build
8s
test-core-clean-build
test-core-lint
1m 5s
test-core-lint
test-core-spec
1m 5s
test-core-spec
build-react-router
20s
build-react-router
build-vue-router
44s
build-vue-router
verify-screenshots
0s
verify-screenshots
Matrix: test-angular-e2e
Matrix: test-react-e2e
Matrix: test-react-router-e2e
Matrix: test-vue-e2e
verify-test-angular-e2e
0s
verify-test-angular-e2e
verify-test-react-e2e
0s
verify-test-react-e2e
verify-test-react-router-e2e
0s
verify-test-react-router-e2e
verify-test-vue-e2e
0s
verify-test-vue-e2e
Fit to window
Zoom out
Zoom in

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