Process completed with exit code 1.

1) [Mobile Safari] › src/components/toolbar/test/basic/toolbar.e2e.ts:229:11 › toolbar: basic - ios/ltr › slot content - ios/ltr › should not have visual regressions with nested slotted images Error: expect(locator).toHaveScreenshot(expected) Expected an image 390px by 60px, received 390px by 56px. 3507 pixels (ratio 0.15 of all image pixels) are different. Snapshot: toolbar-basic-nested-slotted-images-ios-ltr.png Call log: - Expect "toHaveScreenshot(toolbar-basic-nested-slotted-images-ios-ltr.png)" with timeout 5000ms - verifying given screenshot expectation - waiting for locator('ion-header') - locator resolved to <ion-header role="banner" class="ios header-ios header-collapse-none hydrated">…</ion-header> - 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 - Expected an image 390px by 60px, received 390px by 56px. 3507 pixels (ratio 0.15 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('ion-header') - locator resolved to <ion-header role="banner" class="ios header-ios header-collapse-none hydrated">…</ion-header> - 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 - Expected an image 390px by 60px, received 390px by 56px. 3507 pixels (ratio 0.15 of all image pixels) are different. 250 | 251 | const header = page.locator('ion-header'); > 252 | await expect(header).toHaveScreenshot(screenshot(`toolbar-basic-nested-slotted-images`)); | ^ 253 | }); 254 | }); 255 | }); at /ionic/src/components/toolbar/test/basic/toolbar.e2e.ts:252:30

2) [Mobile Chrome] › src/components/radio/test/a11y/radio.e2e.ts:130:11 › radio: a11y - md/ltr/dark › radio: keyboard navigation - md/ltr/dark › using arrow keys should move between enabled radios within group Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Timed out 5000ms waiting for expect(locator).toBeFocused() Locator: locator('#first-group ion-radio').first() Expected: focused Received: inactive Call log: - Expect "toBeFocused" with timeout 5000ms - waiting for locator('#first-group ion-radio').first() 9 × locator resolved to <ion-radio value="huey" role="radio" tabindex="0" aria-checked="true" class="md in-item radio-checked radio-label-placement-start hydrated">Huey</ion-radio> - unexpected value "inactive" 132 | 133 | await pageUtils.pressKeys('Tab'); > 134 | await expect(firstGroupRadios.nth(0)).toBeFocused(); | ^ 135 | 136 | await page.keyboard.press('ArrowDown'); 137 | await expect(firstGroupRadios.nth(1)).toBeFocused(); at /ionic/src/components/radio/test/a11y/radio.e2e.ts:134:47

2) [Mobile Chrome] › src/components/radio/test/a11y/radio.e2e.ts:130:11 › radio: a11y - md/ltr/dark › radio: keyboard navigation - md/ltr/dark › using arrow keys should move between enabled radios within group Error: Timed out 5000ms waiting for expect(locator).toBeFocused() Locator: locator('#first-group ion-radio').first() Expected: focused Received: inactive Call log: - Expect "toBeFocused" with timeout 5000ms - waiting for locator('#first-group ion-radio').first() 9 × locator resolved to <ion-radio value="huey" role="radio" tabindex="0" aria-checked="true" class="md in-item radio-checked radio-label-placement-start hydrated">Huey</ion-radio> - unexpected value "inactive" 132 | 133 | await pageUtils.pressKeys('Tab'); > 134 | await expect(firstGroupRadios.nth(0)).toBeFocused(); | ^ 135 | 136 | await page.keyboard.press('ArrowDown'); 137 | await expect(firstGroupRadios.nth(1)).toBeFocused(); at /ionic/src/components/radio/test/a11y/radio.e2e.ts:134:47

1) [Mobile Chrome] › src/components/radio/test/a11y/radio.e2e.ts:117:11 › radio: a11y - md/ltr/dark › radio: keyboard navigation - md/ltr/dark › tabbing should switch between radio groups Error: Timed out 5000ms waiting for expect(locator).toBeFocused() Locator: locator('#first-group ion-radio').first() Expected: focused Received: inactive Call log: - Expect "toBeFocused" with timeout 5000ms - waiting for locator('#first-group ion-radio').first() 9 × locator resolved to <ion-radio value="huey" role="radio" tabindex="0" aria-checked="true" class="md in-item radio-checked radio-label-placement-start hydrated">Huey</ion-radio> - unexpected value "inactive" 120 | 121 | await pageUtils.pressKeys('Tab'); > 122 | await expect(firstGroupRadios.nth(0)).toBeFocused(); | ^ 123 | 124 | await pageUtils.pressKeys('Tab'); 125 | await expect(secondGroupRadios.nth(0)).toBeFocused(); at /ionic/src/components/radio/test/a11y/radio.e2e.ts:122:47

1) [Mobile Safari] › src/components/segment-view/test/dynamic-height/segment-view.e2e.ts:9:9 › segment-view: dynamic height - md/ltr › should show the third content when clicking the third button TimeoutError: locator.waitFor: Timeout 10000ms exceeded. Call log: - waiting for locator('ion-segment-content#third ion-img') to be visible 25 × locator resolved to hidden <ion-img class="img-part md hydrated" src="https://picsum.photos/200/300"></ion-img> 62 | // Wait for the image to load and be visible 63 | const imgLocator = page.locator('ion-segment-content#third ion-img'); > 64 | await imgLocator.waitFor({ state: 'visible', timeout: 10000 }); | ^ 65 | 66 | // Wait for any layout adjustments 67 | await page.waitForChanges(); at /ionic/src/components/segment-view/test/dynamic-height/segment-view.e2e.ts:64:24

2) [Mobile Safari] › src/components/item/test/inputs/item.e2e.ts:32:9 › disabled state rendering - ios/ltr › disabled controls should not have visual regressions Error: expect(page).toHaveScreenshot(expected) 1141 pixels (ratio 0.01 of all image pixels) are different. Snapshot: item-inputs-disabled-ios-ltr.png Call log: - Expect "toHaveScreenshot(item-inputs-disabled-ios-ltr.png)" with timeout 5000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 1141 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 - 1141 pixels (ratio 0.01 of all image pixels) are different. 42 | 43 | await page.setIonViewport(); > 44 | await expect(page).toHaveScreenshot(screenshot(`item-inputs-disabled`)); | ^ 45 | }); 46 | }); 47 | }); at /ionic/src/components/item/test/inputs/item.e2e.ts:44:26

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

2) [Mobile Safari] › src/components/datetime/test/position/datetime.e2e.ts:6:9 › datetime: position - md/ltr › should position the time picker relative to the click target Error: locator.waitFor: Test timeout of 30000ms exceeded. Call log: - waiting for locator('.datetime-ready') to be visible 12 | 13 | await ionPopoverDidPresent.next(); > 14 | await page.locator('.datetime-ready').waitFor(); | ^ 15 | 16 | await expect(page).toHaveScreenshot(screenshot(`datetime-position-base`)); 17 | at /ionic/src/components/datetime/test/position/datetime.e2e.ts:14:45

2) [Mobile Safari] › src/components/datetime/test/position/datetime.e2e.ts:6:9 › datetime: position - md/ltr › should position the time picker relative to the click target Test timeout of 30000ms exceeded.

1) [Mobile Safari] › src/components/datetime/test/custom/datetime.e2e.ts:32:9 › datetime: custom - ios/ltr › should allow styling calendar days in grid style datetimes Error: expect(locator).toHaveScreenshot(expected) 4509 pixels (ratio 0.04 of all image pixels) are different. Snapshot: datetime-custom-calendar-days-ios-ltr.png Call log: - Expect "toHaveScreenshot(datetime-custom-calendar-days-ios-ltr.png)" with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#custom-calendar-days') - locator resolved to <ion-datetime value="2023-06-15" presentation="date" id="custom-calendar-days" class="ion-color ion-color-primary ios datetime-presentation-date datetime-size-fixed datetime-grid hydrated">…</ion-datetime> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - 4509 pixels (ratio 0.04 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#custom-calendar-days') - locator resolved to <ion-datetime value="2023-06-15" presentation="date" id="custom-calendar-days" class="ion-color ion-color-primary ios datetime-presentation-date datetime-size-fixed datetime-grid hydrated">…</ion-datetime> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - captured a stable screenshot - 4509 pixels (ratio 0.04 of all image pixels) are different. 40 | }); 41 | > 42 | await expect(datetime).toHaveScreenshot(screenshot(`datetime-custom-calendar-days`)); | ^ 43 | }); 44 | }); 45 | }); at /ionic/src/components/datetime/test/custom/datetime.e2e.ts:42:30

3) [Mobile Firefox] › src/components/toolbar/test/basic/toolbar.e2e.ts:207:11 › toolbar: basic - ionic/md/ltr/light › slot content - ionic/md/ltr/light › should not have visual regressions with slotted images Error: expect(locator).toHaveScreenshot(expected) Expected an image 393px by 66px, received 393px by 56px. 4888 pixels (ratio 0.19 of all image pixels) are different. Snapshot: toolbar-basic-slotted-images-ionic-md-ltr-light.png Call log: - Expect "toHaveScreenshot(toolbar-basic-slotted-images-ionic-md-ltr-light.png)" with timeout 5000ms - verifying given screenshot expectation - waiting for locator('ion-header') - locator resolved to <ion-header role="banner" class="ionic header-ionic header-collapse-none hydrated">…</ion-header> - 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 - Expected an image 393px by 66px, received 393px by 56px. 4888 pixels (ratio 0.19 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('ion-header') - locator resolved to <ion-header role="banner" class="ionic header-ionic header-collapse-none hydrated">…</ion-header> - 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 - Expected an image 393px by 66px, received 393px by 56px. 4888 pixels (ratio 0.19 of all image pixels) are different. 224 | 225 | const header = page.locator('ion-header'); > 226 | await expect(header).toHaveScreenshot(screenshot(`toolbar-basic-slotted-images`)); | ^ 227 | }); 228 | 229 | test('should not have visual regressions with nested slotted images', async ({ page }) => { at /ionic/src/components/toolbar/test/basic/toolbar.e2e.ts:226:30

2) [Mobile Firefox] › src/components/toast/test/swipe-gesture/toast.e2e.ts:58:9 › toast: swipe gesture with bottom position - ios/ltr › should swipe down to dismiss with anchor Test timeout of 30000ms exceeded.

1) [Mobile Firefox] › src/components/tab-bar/test/basic/tab-bar.e2e.ts:9:9 › tab-bar: basic - ionic/md/rtl/light › should not have visual regressions Error: expect(locator).toHaveScreenshot(expected) 541 pixels (ratio 0.03 of all image pixels) are different. Snapshot: tab-bar-default-ionic-md-rtl-light.png Call log: - Expect "toHaveScreenshot(tab-bar-default-ionic-md-rtl-light.png)" with timeout 5000ms - verifying given screenshot expectation - waiting for locator('ion-tab-bar') - locator resolved to <ion-tab-bar role="tablist" selected-tab="2" class="ionic tab-bar-full tab-bar-round hydrated">…</ion-tab-bar> - 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 - 541 pixels (ratio 0.03 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('ion-tab-bar') - locator resolved to <ion-tab-bar role="tablist" selected-tab="2" class="ionic tab-bar-full tab-bar-round hydrated">…</ion-tab-bar> - 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 - 541 pixels (ratio 0.03 of all image pixels) are different. 43 | const tabBar = page.locator('ion-tab-bar'); 44 | > 45 | await expect(tabBar).toHaveScreenshot(screenshot(`tab-bar-default`)); | ^ 46 | }); 47 | }); 48 | }); at /ionic/src/components/tab-bar/test/basic/tab-bar.e2e.ts:45:28

360 skipped 276 passed (2.3m)

671 passed (3.5m)

688 passed (3.7m)

1 skipped 671 passed (3.7m)

5 skipped 661 passed (4.2m)

1 flaky [Mobile Safari] › src/components/toolbar/test/basic/toolbar.e2e.ts:229:11 › toolbar: basic - ios/ltr › slot content - ios/ltr › should not have visual regressions with nested slotted images 368 skipped 302 passed (4.4m)

2 flaky [Mobile Chrome] › src/components/radio/test/a11y/radio.e2e.ts:117:11 › radio: a11y - md/ltr/dark › radio: keyboard navigation - md/ltr/dark › tabbing should switch between radio groups [Mobile Chrome] › src/components/radio/test/a11y/radio.e2e.ts:130:11 › radio: a11y - md/ltr/dark › radio: keyboard navigation - md/ltr/dark › using arrow keys should move between enabled radios within group 4 skipped 674 passed (4.9m)

36 skipped 818 passed (5.9m)

14 skipped 489 passed (6.0m)

10 skipped 647 passed (6.4m)

5 skipped 674 passed (6.7m)

1 flaky [Mobile Safari] › src/components/segment-view/test/dynamic-height/segment-view.e2e.ts:9:9 › segment-view: dynamic height - md/ltr › should show the third content when clicking the third button 12 skipped 679 passed (8.1m)

1 skipped 666 passed (8.4m)

2 flaky [Mobile Safari] › src/components/item/test/inputs/item.e2e.ts:8:9 › item: inputs - md/rtl › should not have visual regressions [Mobile Safari] › src/components/item/test/inputs/item.e2e.ts:32:9 › disabled state rendering - ios/ltr › disabled controls should not have visual regressions 3 skipped 667 passed (8.8m)

1 skipped 651 passed (8.8m)

2 flaky [Mobile Safari] › src/components/datetime/test/custom/datetime.e2e.ts:32:9 › datetime: custom - ios/ltr › should allow styling calendar days in grid style datetimes [Mobile Safari] › src/components/datetime/test/position/datetime.e2e.ts:6:9 › datetime: position - md/ltr › should position the time picker relative to the click target 2 skipped 662 passed (9.1m)

3 flaky [Mobile Firefox] › src/components/tab-bar/test/basic/tab-bar.e2e.ts:9:9 › tab-bar: basic - ionic/md/rtl/light › should not have visual regressions [Mobile Firefox] › src/components/toast/test/swipe-gesture/toast.e2e.ts:58:9 › toast: swipe gesture with bottom position - ios/ltr › should swipe down to dismiss with anchor [Mobile Firefox] › src/components/toolbar/test/basic/toolbar.e2e.ts:207:11 › toolbar: basic - ionic/md/ltr/light › slot content - ionic/md/ltr/light › should not have visual regressions with slotted images 5 skipped 706 passed (10.1m)

14 skipped 681 passed (10.3m)

7 skipped 622 passed (10.4m)