1) [Mobile Safari] › src/components/toggle/test/item/toggle.e2e.ts:6:9 › toggle: item - ionic/md/ltr/light › should render correctly in list Error: Screenshot comparison failed: 390 pixels (ratio 0.02 of all image pixels) are different. Expected: /ionic/src/components/toggle/test/item/toggle.e2e.ts-snapshots/toggle-list-ionic-md-ltr-light-Mobile-Safari-linux.png Received: /ionic/test-results/src-components-toggle-test-ea56d-ld-render-correctly-in-list-Mobile-Safari/toggle-list-ionic-md-ltr-light-actual.png Diff: /ionic/test-results/src-components-toggle-test-ea56d-ld-render-correctly-in-list-Mobile-Safari/toggle-list-ionic-md-ltr-light-diff.png Call log: - expect.toHaveScreenshot(toggle-list-ionic-md-ltr-light.png) with timeout 5000ms - verifying given screenshot expectation - waiting for locator('ion-list') - locator resolved to <ion-list role="list" class="ionic list-ionic list-rectangular hydrated">…</ion-list> - 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 - 390 pixels (ratio 0.02 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('ion-list') - locator resolved to <ion-list role="list" class="ionic list-ionic list-rectangular hydrated">…</ion-list> - 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 - 390 pixels (ratio 0.02 of all image pixels) are different. 16 | ); 17 | const list = page.locator('ion-list'); > 18 | await expect(list).toHaveScreenshot(screenshot(`toggle-list`)); | ^ 19 | }); 20 | test('should render correctly in inset list', async ({ page }) => { 21 | await page.setContent( at /ionic/src/components/toggle/test/item/toggle.e2e.ts:18:26

1) [Mobile Safari] › src/components/toggle/test/item/toggle.e2e.ts:6:9 › toggle: item - ionic/md/ltr/light › should render correctly in list Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 390 pixels (ratio 0.02 of all image pixels) are different. Expected: /ionic/src/components/toggle/test/item/toggle.e2e.ts-snapshots/toggle-list-ionic-md-ltr-light-Mobile-Safari-linux.png Received: /ionic/test-results/src-components-toggle-test-ea56d-ld-render-correctly-in-list-Mobile-Safari-retry1/toggle-list-ionic-md-ltr-light-actual.png Diff: /ionic/test-results/src-components-toggle-test-ea56d-ld-render-correctly-in-list-Mobile-Safari-retry1/toggle-list-ionic-md-ltr-light-diff.png Call log: - expect.toHaveScreenshot(toggle-list-ionic-md-ltr-light.png) with timeout 5000ms - verifying given screenshot expectation - waiting for locator('ion-list') - locator resolved to <ion-list role="list" class="ionic list-ionic list-rectangular hydrated">…</ion-list> - 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 - 390 pixels (ratio 0.02 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('ion-list') - locator resolved to <ion-list role="list" class="ionic list-ionic list-rectangular hydrated">…</ion-list> - 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 - 390 pixels (ratio 0.02 of all image pixels) are different. 16 | ); 17 | const list = page.locator('ion-list'); > 18 | await expect(list).toHaveScreenshot(screenshot(`toggle-list`)); | ^ 19 | }); 20 | test('should render correctly in inset list', async ({ page }) => { 21 | await page.setContent( at /ionic/src/components/toggle/test/item/toggle.e2e.ts:18:26

1) [Mobile Safari] › src/components/toggle/test/item/toggle.e2e.ts:6:9 › toggle: item - ionic/md/ltr/light › should render correctly in list Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 390 pixels (ratio 0.02 of all image pixels) are different. Expected: /ionic/src/components/toggle/test/item/toggle.e2e.ts-snapshots/toggle-list-ionic-md-ltr-light-Mobile-Safari-linux.png Received: /ionic/test-results/src-components-toggle-test-ea56d-ld-render-correctly-in-list-Mobile-Safari-retry2/toggle-list-ionic-md-ltr-light-actual.png Diff: /ionic/test-results/src-components-toggle-test-ea56d-ld-render-correctly-in-list-Mobile-Safari-retry2/toggle-list-ionic-md-ltr-light-diff.png Call log: - expect.toHaveScreenshot(toggle-list-ionic-md-ltr-light.png) with timeout 5000ms - verifying given screenshot expectation - waiting for locator('ion-list') - locator resolved to <ion-list role="list" class="ionic list-ionic list-rectangular hydrated">…</ion-list> - 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 - 390 pixels (ratio 0.02 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('ion-list') - locator resolved to <ion-list role="list" class="ionic list-ionic list-rectangular hydrated">…</ion-list> - 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 - 390 pixels (ratio 0.02 of all image pixels) are different. 16 | ); 17 | const list = page.locator('ion-list'); > 18 | await expect(list).toHaveScreenshot(screenshot(`toggle-list`)); | ^ 19 | }); 20 | test('should render correctly in inset list', async ({ page }) => { 21 | await page.setContent( at /ionic/src/components/toggle/test/item/toggle.e2e.ts:18:26

2) [Mobile Safari] › src/components/toggle/test/item/toggle.e2e.ts:20:9 › toggle: item - ionic/md/ltr/light › should render correctly in inset list Error: Screenshot comparison failed: 350 pixels (ratio 0.02 of all image pixels) are different. Expected: /ionic/src/components/toggle/test/item/toggle.e2e.ts-snapshots/toggle-inset-list-ionic-md-ltr-light-Mobile-Safari-linux.png Received: /ionic/test-results/src-components-toggle-test-aaf4b-der-correctly-in-inset-list-Mobile-Safari/toggle-inset-list-ionic-md-ltr-light-actual.png Diff: /ionic/test-results/src-components-toggle-test-aaf4b-der-correctly-in-inset-list-Mobile-Safari/toggle-inset-list-ionic-md-ltr-light-diff.png Call log: - expect.toHaveScreenshot(toggle-inset-list-ionic-md-ltr-light.png) with timeout 5000ms - verifying given screenshot expectation - waiting for locator('ion-list') - locator resolved to <ion-list role="list" inset="true" class="ionic list-ionic list-inset list-round hydrated">…</ion-list> - 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 - 350 pixels (ratio 0.02 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('ion-list') - locator resolved to <ion-list role="list" inset="true" class="ionic list-ionic list-inset list-round hydrated">…</ion-list> - 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 - 350 pixels (ratio 0.02 of all image pixels) are different. 30 | ); 31 | const list = page.locator('ion-list'); > 32 | await expect(list).toHaveScreenshot(screenshot(`toggle-inset-list`)); | ^ 33 | }); 34 | }); 35 | }); at /ionic/src/components/toggle/test/item/toggle.e2e.ts:32:26

2) [Mobile Safari] › src/components/toggle/test/item/toggle.e2e.ts:20:9 › toggle: item - ionic/md/ltr/light › should render correctly in inset list Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 350 pixels (ratio 0.02 of all image pixels) are different. Expected: /ionic/src/components/toggle/test/item/toggle.e2e.ts-snapshots/toggle-inset-list-ionic-md-ltr-light-Mobile-Safari-linux.png Received: /ionic/test-results/src-components-toggle-test-aaf4b-der-correctly-in-inset-list-Mobile-Safari-retry1/toggle-inset-list-ionic-md-ltr-light-actual.png Diff: /ionic/test-results/src-components-toggle-test-aaf4b-der-correctly-in-inset-list-Mobile-Safari-retry1/toggle-inset-list-ionic-md-ltr-light-diff.png Call log: - expect.toHaveScreenshot(toggle-inset-list-ionic-md-ltr-light.png) with timeout 5000ms - verifying given screenshot expectation - waiting for locator('ion-list') - locator resolved to <ion-list role="list" inset="true" class="ionic list-ionic list-inset list-round hydrated">…</ion-list> - 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 - 350 pixels (ratio 0.02 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('ion-list') - locator resolved to <ion-list role="list" inset="true" class="ionic list-ionic list-inset list-round hydrated">…</ion-list> - 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 - 350 pixels (ratio 0.02 of all image pixels) are different. 30 | ); 31 | const list = page.locator('ion-list'); > 32 | await expect(list).toHaveScreenshot(screenshot(`toggle-inset-list`)); | ^ 33 | }); 34 | }); 35 | }); at /ionic/src/components/toggle/test/item/toggle.e2e.ts:32:26

2) [Mobile Safari] › src/components/toggle/test/item/toggle.e2e.ts:20:9 › toggle: item - ionic/md/ltr/light › should render correctly in inset list Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 350 pixels (ratio 0.02 of all image pixels) are different. Expected: /ionic/src/components/toggle/test/item/toggle.e2e.ts-snapshots/toggle-inset-list-ionic-md-ltr-light-Mobile-Safari-linux.png Received: /ionic/test-results/src-components-toggle-test-aaf4b-der-correctly-in-inset-list-Mobile-Safari-retry2/toggle-inset-list-ionic-md-ltr-light-actual.png Diff: /ionic/test-results/src-components-toggle-test-aaf4b-der-correctly-in-inset-list-Mobile-Safari-retry2/toggle-inset-list-ionic-md-ltr-light-diff.png Call log: - expect.toHaveScreenshot(toggle-inset-list-ionic-md-ltr-light.png) with timeout 5000ms - verifying given screenshot expectation - waiting for locator('ion-list') - locator resolved to <ion-list role="list" inset="true" class="ionic list-ionic list-inset list-round hydrated">…</ion-list> - 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 - 350 pixels (ratio 0.02 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('ion-list') - locator resolved to <ion-list role="list" inset="true" class="ionic list-ionic list-inset list-round hydrated">…</ion-list> - 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 - 350 pixels (ratio 0.02 of all image pixels) are different. 30 | ); 31 | const list = page.locator('ion-list'); > 32 | await expect(list).toHaveScreenshot(screenshot(`toggle-inset-list`)); | ^ 33 | }); 34 | }); 35 | }); at /ionic/src/components/toggle/test/item/toggle.e2e.ts:32:26

3) [Mobile Safari] › src/components/toggle/test/item/toggle.e2e.ts:6:9 › toggle: item - ionic/md/rtl/light › should render correctly in list Error: Screenshot comparison failed: 390 pixels (ratio 0.02 of all image pixels) are different. Expected: /ionic/src/components/toggle/test/item/toggle.e2e.ts-snapshots/toggle-list-ionic-md-rtl-light-Mobile-Safari-linux.png Received: /ionic/test-results/src-components-toggle-test-f28ef-ld-render-correctly-in-list-Mobile-Safari/toggle-list-ionic-md-rtl-light-actual.png Diff: /ionic/test-results/src-components-toggle-test-f28ef-ld-render-correctly-in-list-Mobile-Safari/toggle-list-ionic-md-rtl-light-diff.png Call log: - expect.toHaveScreenshot(toggle-list-ionic-md-rtl-light.png) with timeout 5000ms - verifying given screenshot expectation - waiting for locator('ion-list') - locator resolved to <ion-list role="list" class="ionic list-ionic list-rectangular hydrated">…</ion-list> - 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 - 390 pixels (ratio 0.02 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('ion-list') - locator resolved to <ion-list role="list" class="ionic list-ionic list-rectangular hydrated">…</ion-list> - 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 - 390 pixels (ratio 0.02 of all image pixels) are different. 16 | ); 17 | const list = page.locator('ion-list'); > 18 | await expect(list).toHaveScreenshot(screenshot(`toggle-list`)); | ^ 19 | }); 20 | test('should render correctly in inset list', async ({ page }) => { 21 | await page.setContent( at /ionic/src/components/toggle/test/item/toggle.e2e.ts:18:26

3) [Mobile Safari] › src/components/toggle/test/item/toggle.e2e.ts:6:9 › toggle: item - ionic/md/rtl/light › should render correctly in list Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 390 pixels (ratio 0.02 of all image pixels) are different. Expected: /ionic/src/components/toggle/test/item/toggle.e2e.ts-snapshots/toggle-list-ionic-md-rtl-light-Mobile-Safari-linux.png Received: /ionic/test-results/src-components-toggle-test-f28ef-ld-render-correctly-in-list-Mobile-Safari-retry1/toggle-list-ionic-md-rtl-light-actual.png Diff: /ionic/test-results/src-components-toggle-test-f28ef-ld-render-correctly-in-list-Mobile-Safari-retry1/toggle-list-ionic-md-rtl-light-diff.png Call log: - expect.toHaveScreenshot(toggle-list-ionic-md-rtl-light.png) with timeout 5000ms - verifying given screenshot expectation - waiting for locator('ion-list') - locator resolved to <ion-list role="list" class="ionic list-ionic list-rectangular hydrated">…</ion-list> - 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 - 390 pixels (ratio 0.02 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('ion-list') - locator resolved to <ion-list role="list" class="ionic list-ionic list-rectangular hydrated">…</ion-list> - 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 - 390 pixels (ratio 0.02 of all image pixels) are different. 16 | ); 17 | const list = page.locator('ion-list'); > 18 | await expect(list).toHaveScreenshot(screenshot(`toggle-list`)); | ^ 19 | }); 20 | test('should render correctly in inset list', async ({ page }) => { 21 | await page.setContent( at /ionic/src/components/toggle/test/item/toggle.e2e.ts:18:26

3) [Mobile Safari] › src/components/toggle/test/item/toggle.e2e.ts:6:9 › toggle: item - ionic/md/rtl/light › should render correctly in list Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 390 pixels (ratio 0.02 of all image pixels) are different. Expected: /ionic/src/components/toggle/test/item/toggle.e2e.ts-snapshots/toggle-list-ionic-md-rtl-light-Mobile-Safari-linux.png Received: /ionic/test-results/src-components-toggle-test-f28ef-ld-render-correctly-in-list-Mobile-Safari-retry2/toggle-list-ionic-md-rtl-light-actual.png Diff: /ionic/test-results/src-components-toggle-test-f28ef-ld-render-correctly-in-list-Mobile-Safari-retry2/toggle-list-ionic-md-rtl-light-diff.png Call log: - expect.toHaveScreenshot(toggle-list-ionic-md-rtl-light.png) with timeout 5000ms - verifying given screenshot expectation - waiting for locator('ion-list') - locator resolved to <ion-list role="list" class="ionic list-ionic list-rectangular hydrated">…</ion-list> - 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 - 390 pixels (ratio 0.02 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('ion-list') - locator resolved to <ion-list role="list" class="ionic list-ionic list-rectangular hydrated">…</ion-list> - 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 - 390 pixels (ratio 0.02 of all image pixels) are different. 16 | ); 17 | const list = page.locator('ion-list'); > 18 | await expect(list).toHaveScreenshot(screenshot(`toggle-list`)); | ^ 19 | }); 20 | test('should render correctly in inset list', async ({ page }) => { 21 | await page.setContent( at /ionic/src/components/toggle/test/item/toggle.e2e.ts:18:26

4) [Mobile Safari] › src/components/toggle/test/item/toggle.e2e.ts:20:9 › toggle: item - ionic/md/rtl/light › should render correctly in inset list Error: Screenshot comparison failed: 350 pixels (ratio 0.02 of all image pixels) are different. Expected: /ionic/src/components/toggle/test/item/toggle.e2e.ts-snapshots/toggle-inset-list-ionic-md-rtl-light-Mobile-Safari-linux.png Received: /ionic/test-results/src-components-toggle-test-30bc9-der-correctly-in-inset-list-Mobile-Safari/toggle-inset-list-ionic-md-rtl-light-actual.png Diff: /ionic/test-results/src-components-toggle-test-30bc9-der-correctly-in-inset-list-Mobile-Safari/toggle-inset-list-ionic-md-rtl-light-diff.png Call log: - expect.toHaveScreenshot(toggle-inset-list-ionic-md-rtl-light.png) with timeout 5000ms - verifying given screenshot expectation - waiting for locator('ion-list') - locator resolved to <ion-list role="list" inset="true" class="ionic list-ionic list-inset list-round hydrated">…</ion-list> - 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 - 350 pixels (ratio 0.02 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('ion-list') - locator resolved to <ion-list role="list" inset="true" class="ionic list-ionic list-inset list-round hydrated">…</ion-list> - 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 - 350 pixels (ratio 0.02 of all image pixels) are different. 30 | ); 31 | const list = page.locator('ion-list'); > 32 | await expect(list).toHaveScreenshot(screenshot(`toggle-inset-list`)); | ^ 33 | }); 34 | }); 35 | }); at /ionic/src/components/toggle/test/item/toggle.e2e.ts:32:26

The job was canceled because "_20_20" failed.

The job was canceled because "_20_20" failed.

The job was canceled because "_20_20" failed.

The job was canceled because "_20_20" failed.

The job was canceled because "_20_20" failed.

The job was canceled because "_20_20" failed.

The job was canceled because "_20_20" failed.

The job was canceled because "_20_20" failed.

The job was canceled because "_20_20" failed.

The job was canceled because "_20_20" failed.

The job was canceled because "_20_20" failed.

The job was canceled because "_20_20" failed.

The job was canceled because "_20_20" failed.

The job was canceled because "_20_20" failed.

The job was canceled because "_20_20" failed.

The job was canceled because "_20_20" failed.

The job was canceled because "_20_20" failed.

The job was canceled because "_20_20" failed.

Process completed with exit code 1.

300 skipped 251 passed (2.5m)