4) [Mobile Chrome] › src/components/accordion/test/basic/accordion.e2e.ts:6:9 › accordion: basic - md/rtl › should not have visual regressions Error: expect(page).toHaveScreenshot(expected) failed 1372 pixels (ratio 0.01 of all image pixels) are different. Snapshot: accordion-basic-md-rtl.png Call log: - Expect "toHaveScreenshot(accordion-basic-md-rtl.png)" with timeout 5000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 1372 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 - 1372 pixels (ratio 0.01 of all image pixels) are different. 9 | await page.setIonViewport(); 10 | > 11 | await expect(page).toHaveScreenshot(screenshot('accordion-basic')); | ^ 12 | }); 13 | }); 14 | }); at /ionic/src/components/accordion/test/basic/accordion.e2e.ts:11:26

3) [Mobile Chrome] › src/components/accordion/test/basic/accordion.e2e.ts:6:9 › accordion: basic - md/ltr › should not have visual regressions Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) failed 1372 pixels (ratio 0.01 of all image pixels) are different. Snapshot: accordion-basic-md-ltr.png Call log: - Expect "toHaveScreenshot(accordion-basic-md-ltr.png)" with timeout 5000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 1372 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 - 1372 pixels (ratio 0.01 of all image pixels) are different. 9 | await page.setIonViewport(); 10 | > 11 | await expect(page).toHaveScreenshot(screenshot('accordion-basic')); | ^ 12 | }); 13 | }); 14 | }); at /ionic/src/components/accordion/test/basic/accordion.e2e.ts:11:26

3) [Mobile Chrome] › src/components/accordion/test/basic/accordion.e2e.ts:6:9 › accordion: basic - md/ltr › should not have visual regressions Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) failed 1372 pixels (ratio 0.01 of all image pixels) are different. Snapshot: accordion-basic-md-ltr.png Call log: - Expect "toHaveScreenshot(accordion-basic-md-ltr.png)" with timeout 5000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 1372 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 - 1372 pixels (ratio 0.01 of all image pixels) are different. 9 | await page.setIonViewport(); 10 | > 11 | await expect(page).toHaveScreenshot(screenshot('accordion-basic')); | ^ 12 | }); 13 | }); 14 | }); at /ionic/src/components/accordion/test/basic/accordion.e2e.ts:11:26

3) [Mobile Chrome] › src/components/accordion/test/basic/accordion.e2e.ts:6:9 › accordion: basic - md/ltr › should not have visual regressions Error: expect(page).toHaveScreenshot(expected) failed 1372 pixels (ratio 0.01 of all image pixels) are different. Snapshot: accordion-basic-md-ltr.png Call log: - Expect "toHaveScreenshot(accordion-basic-md-ltr.png)" with timeout 5000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 1372 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 - 1372 pixels (ratio 0.01 of all image pixels) are different. 9 | await page.setIonViewport(); 10 | > 11 | await expect(page).toHaveScreenshot(screenshot('accordion-basic')); | ^ 12 | }); 13 | }); 14 | }); at /ionic/src/components/accordion/test/basic/accordion.e2e.ts:11:26

2) [Mobile Chrome] › src/components/accordion/test/basic/accordion.e2e.ts:6:9 › accordion: basic - ios/rtl › should not have visual regressions Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) failed 2070 pixels (ratio 0.01 of all image pixels) are different. Snapshot: accordion-basic-ios-rtl.png Call log: - Expect "toHaveScreenshot(accordion-basic-ios-rtl.png)" with timeout 5000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 2070 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 - 2070 pixels (ratio 0.01 of all image pixels) are different. 9 | await page.setIonViewport(); 10 | > 11 | await expect(page).toHaveScreenshot(screenshot('accordion-basic')); | ^ 12 | }); 13 | }); 14 | }); at /ionic/src/components/accordion/test/basic/accordion.e2e.ts:11:26

2) [Mobile Chrome] › src/components/accordion/test/basic/accordion.e2e.ts:6:9 › accordion: basic - ios/rtl › should not have visual regressions Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) failed 2070 pixels (ratio 0.01 of all image pixels) are different. Snapshot: accordion-basic-ios-rtl.png Call log: - Expect "toHaveScreenshot(accordion-basic-ios-rtl.png)" with timeout 5000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 2070 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 - 2070 pixels (ratio 0.01 of all image pixels) are different. 9 | await page.setIonViewport(); 10 | > 11 | await expect(page).toHaveScreenshot(screenshot('accordion-basic')); | ^ 12 | }); 13 | }); 14 | }); at /ionic/src/components/accordion/test/basic/accordion.e2e.ts:11:26

2) [Mobile Chrome] › src/components/accordion/test/basic/accordion.e2e.ts:6:9 › accordion: basic - ios/rtl › should not have visual regressions Error: expect(page).toHaveScreenshot(expected) failed 2070 pixels (ratio 0.01 of all image pixels) are different. Snapshot: accordion-basic-ios-rtl.png Call log: - Expect "toHaveScreenshot(accordion-basic-ios-rtl.png)" with timeout 5000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 2070 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 - 2070 pixels (ratio 0.01 of all image pixels) are different. 9 | await page.setIonViewport(); 10 | > 11 | await expect(page).toHaveScreenshot(screenshot('accordion-basic')); | ^ 12 | }); 13 | }); 14 | }); at /ionic/src/components/accordion/test/basic/accordion.e2e.ts:11:26

1) [Mobile Chrome] › src/components/accordion/test/basic/accordion.e2e.ts:6:9 › accordion: basic - ios/ltr › should not have visual regressions Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) failed 2070 pixels (ratio 0.01 of all image pixels) are different. Snapshot: accordion-basic-ios-ltr.png Call log: - Expect "toHaveScreenshot(accordion-basic-ios-ltr.png)" with timeout 5000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 2070 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 - 2070 pixels (ratio 0.01 of all image pixels) are different. 9 | await page.setIonViewport(); 10 | > 11 | await expect(page).toHaveScreenshot(screenshot('accordion-basic')); | ^ 12 | }); 13 | }); 14 | }); at /ionic/src/components/accordion/test/basic/accordion.e2e.ts:11:26

1) [Mobile Chrome] › src/components/accordion/test/basic/accordion.e2e.ts:6:9 › accordion: basic - ios/ltr › should not have visual regressions Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) failed 2070 pixels (ratio 0.01 of all image pixels) are different. Snapshot: accordion-basic-ios-ltr.png Call log: - Expect "toHaveScreenshot(accordion-basic-ios-ltr.png)" with timeout 5000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 2070 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 - 2070 pixels (ratio 0.01 of all image pixels) are different. 9 | await page.setIonViewport(); 10 | > 11 | await expect(page).toHaveScreenshot(screenshot('accordion-basic')); | ^ 12 | }); 13 | }); 14 | }); at /ionic/src/components/accordion/test/basic/accordion.e2e.ts:11:26

1) [Mobile Chrome] › src/components/accordion/test/basic/accordion.e2e.ts:6:9 › accordion: basic - ios/ltr › should not have visual regressions Error: expect(page).toHaveScreenshot(expected) failed 2070 pixels (ratio 0.01 of all image pixels) are different. Snapshot: accordion-basic-ios-ltr.png Call log: - Expect "toHaveScreenshot(accordion-basic-ios-ltr.png)" with timeout 5000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 2070 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 - 2070 pixels (ratio 0.01 of all image pixels) are different. 9 | await page.setIonViewport(); 10 | > 11 | await expect(page).toHaveScreenshot(screenshot('accordion-basic')); | ^ 12 | }); 13 | }); 14 | }); at /ionic/src/components/accordion/test/basic/accordion.e2e.ts:11:26

The strategy configuration was canceled because "test-core-screenshot._7_20" failed

4) [Mobile Safari] › src/components/toggle/test/item/toggle.e2e.ts:6:9 › toggle: item - md/ltr › should render correctly in list Error: expect(locator).toHaveScreenshot(expected) failed Locator: locator('ion-list') 374 pixels (ratio 0.02 of all image pixels) are different. Snapshot: toggle-list-md-ltr.png Call log: - Expect "toHaveScreenshot(toggle-list-md-ltr.png)" with timeout 5000ms - verifying given screenshot expectation - waiting for locator('ion-list') - locator resolved to <ion-list role="list" class="md list-md 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 - 374 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="md list-md 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 - 374 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 - ios/rtl › should render correctly in list Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(locator).toHaveScreenshot(expected) failed Locator: locator('ion-list') 374 pixels (ratio 0.03 of all image pixels) are different. Snapshot: toggle-list-ios-rtl.png Call log: - Expect "toHaveScreenshot(toggle-list-ios-rtl.png)" with timeout 5000ms - verifying given screenshot expectation - waiting for locator('ion-list') - locator resolved to <ion-list role="list" class="ios list-ios 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 - 374 pixels (ratio 0.03 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('ion-list') - locator resolved to <ion-list role="list" class="ios list-ios 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 - 374 pixels (ratio 0.03 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 - ios/rtl › should render correctly in list Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(locator).toHaveScreenshot(expected) failed Locator: locator('ion-list') 374 pixels (ratio 0.03 of all image pixels) are different. Snapshot: toggle-list-ios-rtl.png Call log: - Expect "toHaveScreenshot(toggle-list-ios-rtl.png)" with timeout 5000ms - verifying given screenshot expectation - waiting for locator('ion-list') - locator resolved to <ion-list role="list" class="ios list-ios 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 - 374 pixels (ratio 0.03 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('ion-list') - locator resolved to <ion-list role="list" class="ios list-ios 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 - 374 pixels (ratio 0.03 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 - ios/rtl › should render correctly in list Error: expect(locator).toHaveScreenshot(expected) failed Locator: locator('ion-list') 374 pixels (ratio 0.03 of all image pixels) are different. Snapshot: toggle-list-ios-rtl.png Call log: - Expect "toHaveScreenshot(toggle-list-ios-rtl.png)" with timeout 5000ms - verifying given screenshot expectation - waiting for locator('ion-list') - locator resolved to <ion-list role="list" class="ios list-ios 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 - 374 pixels (ratio 0.03 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('ion-list') - locator resolved to <ion-list role="list" class="ios list-ios 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 - 374 pixels (ratio 0.03 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:6:9 › toggle: item - ios/ltr › should render correctly in list Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(locator).toHaveScreenshot(expected) failed Locator: locator('ion-list') 374 pixels (ratio 0.03 of all image pixels) are different. Snapshot: toggle-list-ios-ltr.png Call log: - Expect "toHaveScreenshot(toggle-list-ios-ltr.png)" with timeout 5000ms - verifying given screenshot expectation - waiting for locator('ion-list') - locator resolved to <ion-list role="list" class="ios list-ios 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 - 374 pixels (ratio 0.03 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('ion-list') - locator resolved to <ion-list role="list" class="ios list-ios 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 - 374 pixels (ratio 0.03 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:6:9 › toggle: item - ios/ltr › should render correctly in list Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(locator).toHaveScreenshot(expected) failed Locator: locator('ion-list') 374 pixels (ratio 0.03 of all image pixels) are different. Snapshot: toggle-list-ios-ltr.png Call log: - Expect "toHaveScreenshot(toggle-list-ios-ltr.png)" with timeout 5000ms - verifying given screenshot expectation - waiting for locator('ion-list') - locator resolved to <ion-list role="list" class="ios list-ios 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 - 374 pixels (ratio 0.03 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('ion-list') - locator resolved to <ion-list role="list" class="ios list-ios 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 - 374 pixels (ratio 0.03 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:6:9 › toggle: item - ios/ltr › should render correctly in list Error: expect(locator).toHaveScreenshot(expected) failed Locator: locator('ion-list') 374 pixels (ratio 0.03 of all image pixels) are different. Snapshot: toggle-list-ios-ltr.png Call log: - Expect "toHaveScreenshot(toggle-list-ios-ltr.png)" with timeout 5000ms - verifying given screenshot expectation - waiting for locator('ion-list') - locator resolved to <ion-list role="list" class="ios list-ios 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 - 374 pixels (ratio 0.03 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('ion-list') - locator resolved to <ion-list role="list" class="ios list-ios 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 - 374 pixels (ratio 0.03 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/basic/toggle.e2e.ts:122:9 › toggle: ionFocus - ios/ltr › should not have visual regressions when interacting with toggle in item Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(locator).toHaveScreenshot(expected) failed Locator: locator('ion-item') 374 pixels (ratio 0.03 of all image pixels) are different. Snapshot: toggle-in-item-focus-ios-ltr.png Call log: - Expect "toHaveScreenshot(toggle-in-item-focus-ios-ltr.png)" with timeout 5000ms - verifying given screenshot expectation - waiting for locator('ion-item') - locator resolved to <ion-item class="ion-focused item ios item-lines-default item-control-needs-pointer-cursor hydrated">…</ion-item> - 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 - 374 pixels (ratio 0.03 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('ion-item') - locator resolved to <ion-item class="ion-focused item ios item-lines-default item-control-needs-pointer-cursor hydrated">…</ion-item> - 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 - 374 pixels (ratio 0.03 of all image pixels) are different. 135 | const item = page.locator('ion-item'); 136 | > 137 | await expect(item).toHaveScreenshot(screenshot(`toggle-in-item-focus`)); | ^ 138 | }); 139 | 140 | test('should fire ionFocus when toggle is focused', async ({ page, pageUtils }) => { at /ionic/src/components/toggle/test/basic/toggle.e2e.ts:137:26

1) [Mobile Safari] › src/components/toggle/test/basic/toggle.e2e.ts:122:9 › toggle: ionFocus - ios/ltr › should not have visual regressions when interacting with toggle in item Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(locator).toHaveScreenshot(expected) failed Locator: locator('ion-item') 374 pixels (ratio 0.03 of all image pixels) are different. Snapshot: toggle-in-item-focus-ios-ltr.png Call log: - Expect "toHaveScreenshot(toggle-in-item-focus-ios-ltr.png)" with timeout 5000ms - verifying given screenshot expectation - waiting for locator('ion-item') - locator resolved to <ion-item class="ion-focused item ios item-lines-default item-control-needs-pointer-cursor hydrated">…</ion-item> - 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 - 374 pixels (ratio 0.03 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('ion-item') - locator resolved to <ion-item class="ion-focused item ios item-lines-default item-control-needs-pointer-cursor hydrated">…</ion-item> - 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 - 374 pixels (ratio 0.03 of all image pixels) are different. 135 | const item = page.locator('ion-item'); 136 | > 137 | await expect(item).toHaveScreenshot(screenshot(`toggle-in-item-focus`)); | ^ 138 | }); 139 | 140 | test('should fire ionFocus when toggle is focused', async ({ page, pageUtils }) => { at /ionic/src/components/toggle/test/basic/toggle.e2e.ts:137:26

1) [Mobile Safari] › src/components/toggle/test/basic/toggle.e2e.ts:122:9 › toggle: ionFocus - ios/ltr › should not have visual regressions when interacting with toggle in item Error: expect(locator).toHaveScreenshot(expected) failed Locator: locator('ion-item') 374 pixels (ratio 0.03 of all image pixels) are different. Snapshot: toggle-in-item-focus-ios-ltr.png Call log: - Expect "toHaveScreenshot(toggle-in-item-focus-ios-ltr.png)" with timeout 5000ms - verifying given screenshot expectation - waiting for locator('ion-item') - locator resolved to <ion-item class="ion-focused item ios item-lines-default item-control-needs-pointer-cursor hydrated">…</ion-item> - 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 - 374 pixels (ratio 0.03 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('ion-item') - locator resolved to <ion-item class="ion-focused item ios item-lines-default item-control-needs-pointer-cursor hydrated">…</ion-item> - 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 - 374 pixels (ratio 0.03 of all image pixels) are different. 135 | const item = page.locator('ion-item'); 136 | > 137 | await expect(item).toHaveScreenshot(screenshot(`toggle-in-item-focus`)); | ^ 138 | }); 139 | 140 | test('should fire ionFocus when toggle is focused', async ({ page, pageUtils }) => { at /ionic/src/components/toggle/test/basic/toggle.e2e.ts:137:26

The strategy configuration was canceled because "test-core-screenshot._7_20" failed

The strategy configuration was canceled because "test-core-screenshot._7_20" failed

Process completed with exit code 12.

Process completed with exit code 12.

The operation was canceled.

The operation was canceled.

The strategy configuration was canceled because "test-core-screenshot._7_20" failed

Process completed with exit code 12.

The operation was canceled.

The strategy configuration was canceled because "test-core-screenshot._7_20" failed

Process completed with exit code 12.

The operation was canceled.

The strategy configuration was canceled because "test-core-screenshot._7_20" failed

Process completed with exit code 12.

The strategy configuration was canceled because "test-core-screenshot._7_20" failed

The operation was canceled.

Process completed with exit code 12.

The operation was canceled.

The strategy configuration was canceled because "test-core-screenshot._7_20" failed

Process completed with exit code 12.

The operation was canceled.

The strategy configuration was canceled because "test-core-screenshot._7_20" failed

Process completed with exit code 12.

The strategy configuration was canceled because "test-core-screenshot._7_20" failed

The operation was canceled.

Process completed with exit code 12.

The operation was canceled.

The strategy configuration was canceled because "test-core-screenshot._7_20" failed

Process completed with exit code 12.

The operation was canceled.

The strategy configuration was canceled because "test-core-screenshot._7_20" failed

Process completed with exit code 12.

The operation was canceled.

The strategy configuration was canceled because "test-core-screenshot._7_20" failed

Process completed with exit code 12.

The operation was canceled.

The strategy configuration was canceled because "test-core-screenshot._7_20" failed

Process completed with exit code 12.

The operation was canceled.

The strategy configuration was canceled because "test-core-screenshot._7_20" failed

Process completed with exit code 12.

The operation was canceled.

The strategy configuration was canceled because "test-core-screenshot._7_20" failed

Process completed with exit code 12.

The operation was canceled.

The strategy configuration was canceled because "test-core-screenshot._7_20" failed

Process completed with exit code 12.

The operation was canceled.

The strategy configuration was canceled because "test-core-screenshot._7_20" failed

Process completed with exit code 12.

The operation was canceled.

The strategy configuration was canceled because "test-core-screenshot._7_20" failed

Process completed with exit code 12.

The operation was canceled.

Process completed with exit code 1.

25 failed [Mobile Chrome] › src/components/accordion/test/basic/accordion.e2e.ts:6:9 › accordion: basic - ios/ltr › should not have visual regressions [Mobile Chrome] › src/components/accordion/test/basic/accordion.e2e.ts:6:9 › accordion: basic - ios/rtl › should not have visual regressions [Mobile Chrome] › src/components/accordion/test/basic/accordion.e2e.ts:6:9 › accordion: basic - md/ltr › should not have visual regressions [Mobile Chrome] › src/components/accordion/test/basic/accordion.e2e.ts:6:9 › accordion: basic - md/rtl › should not have visual regressions [Mobile Chrome] › src/components/action-sheet/test/a11y/action-sheet.e2e.ts:106:9 › action-sheet: font scaling - ios/ltr › should scale text on larger font sizes [Mobile Chrome] › src/components/action-sheet/test/basic/action-sheet-rendering.e2e.ts:14:9 › action sheet: variant rendering - ios/ltr › should open basic action sheet [Mobile Chrome] › src/components/action-sheet/test/basic/action-sheet-rendering.e2e.ts:26:9 › action sheet: variant rendering - ios/ltr › should open cancel only action sheet [Mobile Chrome] › src/components/action-sheet/test/basic/action-sheet-rendering.e2e.ts:34:9 › action sheet: variant rendering - ios/ltr › should open scrollable action sheet [Mobile Chrome] › src/components/action-sheet/test/basic/action-sheet-rendering.e2e.ts:14:9 › action sheet: variant rendering - ios/rtl › should open basic action sheet [Mobile Chrome] › src/components/action-sheet/test/basic/action-sheet-rendering.e2e.ts:26:9 › action sheet: variant rendering - ios/rtl › should open cancel only action sheet [Mobile Chrome] › src/components/action-sheet/test/basic/action-sheet-rendering.e2e.ts:34:9 › action sheet: variant rendering - ios/rtl › should open scrollable action sheet [Mobile Chrome] › src/components/action-sheet/test/basic/action-sheet.e2e.ts:112:11 › action-sheet: basic - ios/ltr › safe area › should have padding added by the safe area [Mobile Chrome] › src/components/action-sheet/test/translucent/action-sheet.e2e.ts:6:9 › action sheet: translucent - ios/ltr › should not have visual regressions [Mobile Chrome] › src/components/alert/test/a11y/alert.e2e.ts:112:9 › alert: text wrapping - ios/ltr › should break on words and white spaces for checkboxes [Mobile Chrome] › src/components/alert/test/a11y/alert.e2e.ts:244:9 › alert: font scaling - ios/ltr › should scale text on larger font sizes with checkboxes [Mobile Chrome] › src/components/alert/test/basic/alert.e2e.ts:97:9 › should not have visual regressions - ios/ltr › checkboxes [Mobile Chrome] › src/components/alert/test/basic/alert.e2e.ts:97:9 › should not have visual regressions - ios/rtl › checkboxes [Mobile Chrome] › src/components/app/test/safe-area/app.e2e.ts:24:9 › app: safe-area - ios/ltr › should not have visual regressions with action sheet [Mobile Chrome] › src/components/app/test/safe-area/app.e2e.ts:27:9 › app: safe-area - ios/ltr › should not have visual regressions with menu [Mobile Chrome] › src/components/app/test/safe-area/app.e2e.ts:30:9 › app: safe-area - ios/ltr › should not have visual regressions with picker [Mobile Chrome] › src/components/app/test/safe-area/app.e2e.ts:33:9 › app: safe-area - ios/ltr › should not have visual regressions with toast [Mobile Chrome] › src/components/app/test/safe-area/app.e2e.ts:27:9 › app: safe-area - md/ltr › should not have visual regressions with menu [Mobile Chrome] › src/components/app/test/safe-area/app.e2e.ts:33:9 › app: safe-area - md/ltr › should not have visual regressions with toast [Mobile Chrome] › src/components/avatar/test/basic/avatar.e2e.ts:10:9 › avatar: basic - ios/ltr › should not have visual regressions [Mobile Chrome] › src/components/avatar/test/basic/avatar.e2e.ts:10:9 › avatar: basic - md/ltr › should not have visual regressions 360 skipped