1) [Mobile Chrome] › src/components/input/test/size/input.e2e.ts:39:11 › input: size - ionic/md/ltr/light › input: size medium › should not have visual regressions with fill outline Error: Screenshot comparison failed: 290 pixels (ratio 0.02 of all image pixels) are different. Expected: /ionic/src/components/input/test/size/input.e2e.ts-snapshots/input-size-medium-outline-ionic-md-ltr-light-Mobile-Chrome-linux.png Received: /ionic/test-results/src-components-input-test--f44bb-gressions-with-fill-outline-Mobile-Chrome/input-size-medium-outline-ionic-md-ltr-light-actual.png Diff: /ionic/test-results/src-components-input-test--f44bb-gressions-with-fill-outline-Mobile-Chrome/input-size-medium-outline-ionic-md-ltr-light-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('ion-input') - locator resolved to <ion-input label="Email" fill="outline" value="hi@ionic.io"…>…</ion-input> - 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 - 290 pixels (ratio 0.02 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('ion-input') - locator resolved to <ion-input label="Email" fill="outline" value="hi@ionic.io"…>…</ion-input> - 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 - 290 pixels (ratio 0.02 of all image pixels) are different. 51 | 52 | const input = page.locator('ion-input'); > 53 | await expect(input).toHaveScreenshot(screenshot(`input-size-medium-outline`)); | ^ 54 | }); 55 | test('should not have visual regressions with fill outline and round shape', async ({ page }) => { 56 | await page.setContent( at /ionic/src/components/input/test/size/input.e2e.ts:53:29

1) [Mobile Chrome] › src/components/input/test/size/input.e2e.ts:39:11 › input: size - ionic/md/ltr/light › input: size medium › should not have visual regressions with fill outline Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 290 pixels (ratio 0.02 of all image pixels) are different. Expected: /ionic/src/components/input/test/size/input.e2e.ts-snapshots/input-size-medium-outline-ionic-md-ltr-light-Mobile-Chrome-linux.png Received: /ionic/test-results/src-components-input-test--f44bb-gressions-with-fill-outline-Mobile-Chrome-retry1/input-size-medium-outline-ionic-md-ltr-light-actual.png Diff: /ionic/test-results/src-components-input-test--f44bb-gressions-with-fill-outline-Mobile-Chrome-retry1/input-size-medium-outline-ionic-md-ltr-light-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('ion-input') - locator resolved to <ion-input label="Email" fill="outline" value="hi@ionic.io"…>…</ion-input> - 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 - 290 pixels (ratio 0.02 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('ion-input') - locator resolved to <ion-input label="Email" fill="outline" value="hi@ionic.io"…>…</ion-input> - 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 - 290 pixels (ratio 0.02 of all image pixels) are different. 51 | 52 | const input = page.locator('ion-input'); > 53 | await expect(input).toHaveScreenshot(screenshot(`input-size-medium-outline`)); | ^ 54 | }); 55 | test('should not have visual regressions with fill outline and round shape', async ({ page }) => { 56 | await page.setContent( at /ionic/src/components/input/test/size/input.e2e.ts:53:29

1) [Mobile Chrome] › src/components/input/test/size/input.e2e.ts:39:11 › input: size - ionic/md/ltr/light › input: size medium › should not have visual regressions with fill outline Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 290 pixels (ratio 0.02 of all image pixels) are different. Expected: /ionic/src/components/input/test/size/input.e2e.ts-snapshots/input-size-medium-outline-ionic-md-ltr-light-Mobile-Chrome-linux.png Received: /ionic/test-results/src-components-input-test--f44bb-gressions-with-fill-outline-Mobile-Chrome-retry2/input-size-medium-outline-ionic-md-ltr-light-actual.png Diff: /ionic/test-results/src-components-input-test--f44bb-gressions-with-fill-outline-Mobile-Chrome-retry2/input-size-medium-outline-ionic-md-ltr-light-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('ion-input') - locator resolved to <ion-input label="Email" fill="outline" value="hi@ionic.io"…>…</ion-input> - 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 - 290 pixels (ratio 0.02 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('ion-input') - locator resolved to <ion-input label="Email" fill="outline" value="hi@ionic.io"…>…</ion-input> - 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 - 290 pixels (ratio 0.02 of all image pixels) are different. 51 | 52 | const input = page.locator('ion-input'); > 53 | await expect(input).toHaveScreenshot(screenshot(`input-size-medium-outline`)); | ^ 54 | }); 55 | test('should not have visual regressions with fill outline and round shape', async ({ page }) => { 56 | await page.setContent( at /ionic/src/components/input/test/size/input.e2e.ts:53:29

2) [Mobile Chrome] › src/components/input/test/size/input.e2e.ts:106:11 › input: size - ionic/md/ltr/light › input: size large › should not have visual regressions with fill outline Error: Screenshot comparison failed: 342 pixels (ratio 0.02 of all image pixels) are different. Expected: /ionic/src/components/input/test/size/input.e2e.ts-snapshots/input-size-large-outline-ionic-md-ltr-light-Mobile-Chrome-linux.png Received: /ionic/test-results/src-components-input-test--98afa-gressions-with-fill-outline-Mobile-Chrome/input-size-large-outline-ionic-md-ltr-light-actual.png Diff: /ionic/test-results/src-components-input-test--98afa-gressions-with-fill-outline-Mobile-Chrome/input-size-large-outline-ionic-md-ltr-light-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('ion-input') - locator resolved to <ion-input size="large" label="Email" fill="outline" value=…>…</ion-input> - 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 - 342 pixels (ratio 0.02 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('ion-input') - locator resolved to <ion-input size="large" label="Email" fill="outline" value=…>…</ion-input> - 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 - 342 pixels (ratio 0.02 of all image pixels) are different. 119 | 120 | const input = page.locator('ion-input'); > 121 | await expect(input).toHaveScreenshot(screenshot(`input-size-large-outline`)); | ^ 122 | }); 123 | test('should not have visual regressions with fill outline and round shape', async ({ page }) => { 124 | await page.setContent( at /ionic/src/components/input/test/size/input.e2e.ts:121:29

2) [Mobile Chrome] › src/components/input/test/size/input.e2e.ts:106:11 › input: size - ionic/md/ltr/light › input: size large › should not have visual regressions with fill outline Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 342 pixels (ratio 0.02 of all image pixels) are different. Expected: /ionic/src/components/input/test/size/input.e2e.ts-snapshots/input-size-large-outline-ionic-md-ltr-light-Mobile-Chrome-linux.png Received: /ionic/test-results/src-components-input-test--98afa-gressions-with-fill-outline-Mobile-Chrome-retry1/input-size-large-outline-ionic-md-ltr-light-actual.png Diff: /ionic/test-results/src-components-input-test--98afa-gressions-with-fill-outline-Mobile-Chrome-retry1/input-size-large-outline-ionic-md-ltr-light-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('ion-input') - locator resolved to <ion-input size="large" label="Email" fill="outline" value=…>…</ion-input> - 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 - 342 pixels (ratio 0.02 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('ion-input') - locator resolved to <ion-input size="large" label="Email" fill="outline" value=…>…</ion-input> - 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 - 342 pixels (ratio 0.02 of all image pixels) are different. 119 | 120 | const input = page.locator('ion-input'); > 121 | await expect(input).toHaveScreenshot(screenshot(`input-size-large-outline`)); | ^ 122 | }); 123 | test('should not have visual regressions with fill outline and round shape', async ({ page }) => { 124 | await page.setContent( at /ionic/src/components/input/test/size/input.e2e.ts:121:29

2) [Mobile Chrome] › src/components/input/test/size/input.e2e.ts:106:11 › input: size - ionic/md/ltr/light › input: size large › should not have visual regressions with fill outline Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 342 pixels (ratio 0.02 of all image pixels) are different. Expected: /ionic/src/components/input/test/size/input.e2e.ts-snapshots/input-size-large-outline-ionic-md-ltr-light-Mobile-Chrome-linux.png Received: /ionic/test-results/src-components-input-test--98afa-gressions-with-fill-outline-Mobile-Chrome-retry2/input-size-large-outline-ionic-md-ltr-light-actual.png Diff: /ionic/test-results/src-components-input-test--98afa-gressions-with-fill-outline-Mobile-Chrome-retry2/input-size-large-outline-ionic-md-ltr-light-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('ion-input') - locator resolved to <ion-input size="large" label="Email" fill="outline" value=…>…</ion-input> - 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 - 342 pixels (ratio 0.02 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('ion-input') - locator resolved to <ion-input size="large" label="Email" fill="outline" value=…>…</ion-input> - 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 - 342 pixels (ratio 0.02 of all image pixels) are different. 119 | 120 | const input = page.locator('ion-input'); > 121 | await expect(input).toHaveScreenshot(screenshot(`input-size-large-outline`)); | ^ 122 | }); 123 | test('should not have visual regressions with fill outline and round shape', async ({ page }) => { 124 | await page.setContent( at /ionic/src/components/input/test/size/input.e2e.ts:121:29

3) [Mobile Chrome] › src/components/input/test/size/input.e2e.ts:175:11 › input: size - ionic/md/ltr/light › input: size xlarge › should not have visual regressions with fill outline Error: Screenshot comparison failed: 375 pixels (ratio 0.02 of all image pixels) are different. Expected: /ionic/src/components/input/test/size/input.e2e.ts-snapshots/input-size-xlarge-outline-ionic-md-ltr-light-Mobile-Chrome-linux.png Received: /ionic/test-results/src-components-input-test--b4452-gressions-with-fill-outline-Mobile-Chrome/input-size-xlarge-outline-ionic-md-ltr-light-actual.png Diff: /ionic/test-results/src-components-input-test--b4452-gressions-with-fill-outline-Mobile-Chrome/input-size-xlarge-outline-ionic-md-ltr-light-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('ion-input') - locator resolved to <ion-input size="xlarge" label="Email" fill="outline" value…>…</ion-input> - 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 - 375 pixels (ratio 0.02 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('ion-input') - locator resolved to <ion-input size="xlarge" label="Email" fill="outline" value…>…</ion-input> - 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 - 375 pixels (ratio 0.02 of all image pixels) are different. 188 | 189 | const input = page.locator('ion-input'); > 190 | await expect(input).toHaveScreenshot(screenshot(`input-size-xlarge-outline`)); | ^ 191 | }); 192 | test('should not have visual regressions with fill outline and round shape', async ({ page }) => { 193 | await page.setContent( at /ionic/src/components/input/test/size/input.e2e.ts:190:29

3) [Mobile Chrome] › src/components/input/test/size/input.e2e.ts:175:11 › input: size - ionic/md/ltr/light › input: size xlarge › should not have visual regressions with fill outline Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 375 pixels (ratio 0.02 of all image pixels) are different. Expected: /ionic/src/components/input/test/size/input.e2e.ts-snapshots/input-size-xlarge-outline-ionic-md-ltr-light-Mobile-Chrome-linux.png Received: /ionic/test-results/src-components-input-test--b4452-gressions-with-fill-outline-Mobile-Chrome-retry1/input-size-xlarge-outline-ionic-md-ltr-light-actual.png Diff: /ionic/test-results/src-components-input-test--b4452-gressions-with-fill-outline-Mobile-Chrome-retry1/input-size-xlarge-outline-ionic-md-ltr-light-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('ion-input') - locator resolved to <ion-input size="xlarge" label="Email" fill="outline" value…>…</ion-input> - 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 - 375 pixels (ratio 0.02 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('ion-input') - locator resolved to <ion-input size="xlarge" label="Email" fill="outline" value…>…</ion-input> - 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 - 375 pixels (ratio 0.02 of all image pixels) are different. 188 | 189 | const input = page.locator('ion-input'); > 190 | await expect(input).toHaveScreenshot(screenshot(`input-size-xlarge-outline`)); | ^ 191 | }); 192 | test('should not have visual regressions with fill outline and round shape', async ({ page }) => { 193 | await page.setContent( at /ionic/src/components/input/test/size/input.e2e.ts:190:29

3) [Mobile Chrome] › src/components/input/test/size/input.e2e.ts:175:11 › input: size - ionic/md/ltr/light › input: size xlarge › should not have visual regressions with fill outline Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 375 pixels (ratio 0.02 of all image pixels) are different. Expected: /ionic/src/components/input/test/size/input.e2e.ts-snapshots/input-size-xlarge-outline-ionic-md-ltr-light-Mobile-Chrome-linux.png Received: /ionic/test-results/src-components-input-test--b4452-gressions-with-fill-outline-Mobile-Chrome-retry2/input-size-xlarge-outline-ionic-md-ltr-light-actual.png Diff: /ionic/test-results/src-components-input-test--b4452-gressions-with-fill-outline-Mobile-Chrome-retry2/input-size-xlarge-outline-ionic-md-ltr-light-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('ion-input') - locator resolved to <ion-input size="xlarge" label="Email" fill="outline" value…>…</ion-input> - 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 - 375 pixels (ratio 0.02 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('ion-input') - locator resolved to <ion-input size="xlarge" label="Email" fill="outline" value…>…</ion-input> - 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 - 375 pixels (ratio 0.02 of all image pixels) are different. 188 | 189 | const input = page.locator('ion-input'); > 190 | await expect(input).toHaveScreenshot(screenshot(`input-size-xlarge-outline`)); | ^ 191 | }); 192 | test('should not have visual regressions with fill outline and round shape', async ({ page }) => { 193 | await page.setContent( at /ionic/src/components/input/test/size/input.e2e.ts:190:29

4) [Mobile Chrome] › src/components/input/test/slot/input.e2e.ts:52:9 › input: start and end slots (visual checks for ionic theme) - ionic/md/ltr/light › should not have visual regressions with a stacked label and outline fill Error: Screenshot comparison failed: 290 pixels (ratio 0.02 of all image pixels) are different. Expected: /ionic/src/components/input/test/slot/input.e2e.ts-snapshots/input-slots-label-stacked-fill-outline-ionic-md-ltr-light-Mobile-Chrome-linux.png Received: /ionic/test-results/src-components-input-test--389b0-cked-label-and-outline-fill-Mobile-Chrome/input-slots-label-stacked-fill-outline-ionic-md-ltr-light-actual.png Diff: /ionic/test-results/src-components-input-test--389b0-cked-label-and-outline-fill-Mobile-Chrome/input-slots-label-stacked-fill-outline-ionic-md-ltr-light-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('ion-input') - locator resolved to <ion-input label="Email" fill="outline" value="hi@ionic.io"…>…</ion-input> - 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 - 290 pixels (ratio 0.02 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('ion-input') - locator resolved to <ion-input label="Email" fill="outline" value="hi@ionic.io"…>…</ion-input> - 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 - 290 pixels (ratio 0.02 of all image pixels) are different. 62 | 63 | const input = page.locator('ion-input'); > 64 | await expect(input).toHaveScreenshot(screenshot(`input-slots-label-stacked-fill-outline`)); | ^ 65 | }); 66 | }); 67 | }); at /ionic/src/components/input/test/slot/input.e2e.ts:64:27

1) [Mobile Chrome] › src/components/accordion/test/a11y/accordion.e2e.ts:6:9 › accordion: a11y - ios/ltr › accordions should be keyboard navigable Error: Timed out 5000ms waiting for expect(locator).toBeFocused() Locator: locator('ion-accordion:nth-child(2) > ion-item') Expected: focused Received: inactive Call log: - expect.toBeFocused with timeout 5000ms - waiting for locator('ion-accordion:nth-child(2) > ion-item') - locator resolved to <ion-item slot="header" class="item ios ion-focusable hydr…>…</ion-item> - unexpected value "not focused" - locator resolved to <ion-item slot="header" class="item ios ion-focusable hydr…>…</ion-item> - unexpected value "not focused" - locator resolved to <ion-item slot="header" class="item ios ion-focusable hydr…>…</ion-item> - unexpected value "not focused" - locator resolved to <ion-item slot="header" class="item ios ion-focusable hydr…>…</ion-item> - unexpected value "not focused" - locator resolved to <ion-item slot="header" class="item ios ion-focusable hydr…>…</ion-item> - unexpected value "not focused" - locator resolved to <ion-item slot="header" class="item ios ion-focusable hydr…>…</ion-item> - unexpected value "not focused" - locator resolved to <ion-item slot="header" class="item ios ion-focusable hydr…>…</ion-item> - unexpected value "not focused" - locator resolved to <ion-item slot="header" class="item ios ion-focusable hydr…>…</ion-item> - unexpected value "not focused" - locator resolved to <ion-item slot="header" class="item ios ion-focusable hydr…>…</ion-item> - unexpected value "not focused" 22 | 23 | await page.keyboard.press('ArrowDown'); > 24 | await expect(billingAddressHeader).toBeFocused(); | ^ 25 | 26 | await page.keyboard.press('ArrowDown'); 27 | await expect(shippingAddressHeader).toBeFocused(); at /ionic/src/components/accordion/test/a11y/accordion.e2e.ts:24:42

1) [Mobile Chrome] › src/components/accordion/test/a11y/accordion.e2e.ts:6:9 › accordion: a11y - ios/ltr › accordions should be keyboard navigable Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Timed out 5000ms waiting for expect(locator).toBeFocused() Locator: locator('ion-accordion:nth-child(2) > ion-item') Expected: focused Received: inactive Call log: - expect.toBeFocused with timeout 5000ms - waiting for locator('ion-accordion:nth-child(2) > ion-item') - locator resolved to <ion-item slot="header" class="item ios ion-focusable hydr…>…</ion-item> - unexpected value "not focused" - locator resolved to <ion-item slot="header" class="item ios ion-focusable hydr…>…</ion-item> - unexpected value "not focused" - locator resolved to <ion-item slot="header" class="item ios ion-focusable hydr…>…</ion-item> - unexpected value "not focused" - locator resolved to <ion-item slot="header" class="item ios ion-focusable hydr…>…</ion-item> - unexpected value "not focused" - locator resolved to <ion-item slot="header" class="item ios ion-focusable hydr…>…</ion-item> - unexpected value "not focused" - locator resolved to <ion-item slot="header" class="item ios ion-focusable hydr…>…</ion-item> - unexpected value "not focused" - locator resolved to <ion-item slot="header" class="item ios ion-focusable hydr…>…</ion-item> - unexpected value "not focused" - locator resolved to <ion-item slot="header" class="item ios ion-focusable hydr…>…</ion-item> - unexpected value "not focused" - locator resolved to <ion-item slot="header" class="item ios ion-focusable hydr…>…</ion-item> - unexpected value "not focused" 22 | 23 | await page.keyboard.press('ArrowDown'); > 24 | await expect(billingAddressHeader).toBeFocused(); | ^ 25 | 26 | await page.keyboard.press('ArrowDown'); 27 | await expect(shippingAddressHeader).toBeFocused(); at /ionic/src/components/accordion/test/a11y/accordion.e2e.ts:24:42

1) [Mobile Chrome] › src/components/accordion/test/a11y/accordion.e2e.ts:6:9 › accordion: a11y - ios/ltr › accordions should be keyboard navigable Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: Timed out 5000ms waiting for expect(locator).toBeFocused() Locator: locator('ion-accordion:nth-child(2) > ion-item') Expected: focused Received: inactive Call log: - expect.toBeFocused with timeout 5000ms - waiting for locator('ion-accordion:nth-child(2) > ion-item') - locator resolved to <ion-item slot="header" class="item ios ion-focusable hydr…>…</ion-item> - unexpected value "not focused" - locator resolved to <ion-item slot="header" class="item ios ion-focusable hydr…>…</ion-item> - unexpected value "not focused" - locator resolved to <ion-item slot="header" class="item ios ion-focusable hydr…>…</ion-item> - unexpected value "not focused" - locator resolved to <ion-item slot="header" class="item ios ion-focusable hydr…>…</ion-item> - unexpected value "not focused" - locator resolved to <ion-item slot="header" class="item ios ion-focusable hydr…>…</ion-item> - unexpected value "not focused" - locator resolved to <ion-item slot="header" class="item ios ion-focusable hydr…>…</ion-item> - unexpected value "not focused" - locator resolved to <ion-item slot="header" class="item ios ion-focusable hydr…>…</ion-item> - unexpected value "not focused" - locator resolved to <ion-item slot="header" class="item ios ion-focusable hydr…>…</ion-item> - unexpected value "not focused" - locator resolved to <ion-item slot="header" class="item ios ion-focusable hydr…>…</ion-item> - unexpected value "not focused" 22 | 23 | await page.keyboard.press('ArrowDown'); > 24 | await expect(billingAddressHeader).toBeFocused(); | ^ 25 | 26 | await page.keyboard.press('ArrowDown'); 27 | await expect(shippingAddressHeader).toBeFocused(); at /ionic/src/components/accordion/test/a11y/accordion.e2e.ts:24:42

2) [Mobile Chrome] › src/components/accordion/test/a11y/accordion.e2e.ts:6:9 › accordion: a11y - ios/rtl › accordions should be keyboard navigable Error: Timed out 5000ms waiting for expect(locator).toBeFocused() Locator: locator('ion-accordion:nth-child(2) > ion-item') Expected: focused Received: inactive Call log: - expect.toBeFocused with timeout 5000ms - waiting for locator('ion-accordion:nth-child(2) > ion-item') - locator resolved to <ion-item slot="header" class="item ios ion-focusable item…>…</ion-item> - unexpected value "not focused" - locator resolved to <ion-item slot="header" class="item ios ion-focusable item…>…</ion-item> - unexpected value "not focused" - locator resolved to <ion-item slot="header" class="item ios ion-focusable item…>…</ion-item> - unexpected value "not focused" - locator resolved to <ion-item slot="header" class="item ios ion-focusable item…>…</ion-item> - unexpected value "not focused" - locator resolved to <ion-item slot="header" class="item ios ion-focusable item…>…</ion-item> - unexpected value "not focused" - locator resolved to <ion-item slot="header" class="item ios ion-focusable item…>…</ion-item> - unexpected value "not focused" - locator resolved to <ion-item slot="header" class="item ios ion-focusable item…>…</ion-item> - unexpected value "not focused" - locator resolved to <ion-item slot="header" class="item ios ion-focusable item…>…</ion-item> - unexpected value "not focused" - locator resolved to <ion-item slot="header" class="item ios ion-focusable item…>…</ion-item> - unexpected value "not focused" 22 | 23 | await page.keyboard.press('ArrowDown'); > 24 | await expect(billingAddressHeader).toBeFocused(); | ^ 25 | 26 | await page.keyboard.press('ArrowDown'); 27 | await expect(shippingAddressHeader).toBeFocused(); at /ionic/src/components/accordion/test/a11y/accordion.e2e.ts:24:42

2) [Mobile Chrome] › src/components/accordion/test/a11y/accordion.e2e.ts:6:9 › accordion: a11y - ios/rtl › accordions should be keyboard navigable Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Timed out 5000ms waiting for expect(locator).toBeFocused() Locator: locator('ion-accordion:nth-child(2) > ion-item') Expected: focused Received: inactive Call log: - expect.toBeFocused with timeout 5000ms - waiting for locator('ion-accordion:nth-child(2) > ion-item') - locator resolved to <ion-item slot="header" class="item ios ion-focusable item…>…</ion-item> - unexpected value "not focused" - locator resolved to <ion-item slot="header" class="item ios ion-focusable item…>…</ion-item> - unexpected value "not focused" - locator resolved to <ion-item slot="header" class="item ios ion-focusable item…>…</ion-item> - unexpected value "not focused" - locator resolved to <ion-item slot="header" class="item ios ion-focusable item…>…</ion-item> - unexpected value "not focused" - locator resolved to <ion-item slot="header" class="item ios ion-focusable item…>…</ion-item> - unexpected value "not focused" - locator resolved to <ion-item slot="header" class="item ios ion-focusable item…>…</ion-item> - unexpected value "not focused" - locator resolved to <ion-item slot="header" class="item ios ion-focusable item…>…</ion-item> - unexpected value "not focused" - locator resolved to <ion-item slot="header" class="item ios ion-focusable item…>…</ion-item> - unexpected value "not focused" - locator resolved to <ion-item slot="header" class="item ios ion-focusable item…>…</ion-item> - unexpected value "not focused" 22 | 23 | await page.keyboard.press('ArrowDown'); > 24 | await expect(billingAddressHeader).toBeFocused(); | ^ 25 | 26 | await page.keyboard.press('ArrowDown'); 27 | await expect(shippingAddressHeader).toBeFocused(); at /ionic/src/components/accordion/test/a11y/accordion.e2e.ts:24:42

2) [Mobile Chrome] › src/components/accordion/test/a11y/accordion.e2e.ts:6:9 › accordion: a11y - ios/rtl › accordions should be keyboard navigable Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: Timed out 5000ms waiting for expect(locator).toBeFocused() Locator: locator('ion-accordion:nth-child(2) > ion-item') Expected: focused Received: inactive Call log: - expect.toBeFocused with timeout 5000ms - waiting for locator('ion-accordion:nth-child(2) > ion-item') - locator resolved to <ion-item slot="header" class="item ios ion-focusable item…>…</ion-item> - unexpected value "not focused" - locator resolved to <ion-item slot="header" class="item ios ion-focusable item…>…</ion-item> - unexpected value "not focused" - locator resolved to <ion-item slot="header" class="item ios ion-focusable item…>…</ion-item> - unexpected value "not focused" - locator resolved to <ion-item slot="header" class="item ios ion-focusable item…>…</ion-item> - unexpected value "not focused" - locator resolved to <ion-item slot="header" class="item ios ion-focusable item…>…</ion-item> - unexpected value "not focused" - locator resolved to <ion-item slot="header" class="item ios ion-focusable item…>…</ion-item> - unexpected value "not focused" - locator resolved to <ion-item slot="header" class="item ios ion-focusable item…>…</ion-item> - unexpected value "not focused" - locator resolved to <ion-item slot="header" class="item ios ion-focusable item…>…</ion-item> - unexpected value "not focused" - locator resolved to <ion-item slot="header" class="item ios ion-focusable item…>…</ion-item> - unexpected value "not focused" 22 | 23 | await page.keyboard.press('ArrowDown'); > 24 | await expect(billingAddressHeader).toBeFocused(); | ^ 25 | 26 | await page.keyboard.press('ArrowDown'); 27 | await expect(shippingAddressHeader).toBeFocused(); at /ionic/src/components/accordion/test/a11y/accordion.e2e.ts:24:42

3) [Mobile Chrome] › src/components/accordion/test/a11y/accordion.e2e.ts:6:9 › accordion: a11y - md/ltr › accordions should be keyboard navigable Error: Timed out 5000ms waiting for expect(locator).toBeFocused() Locator: locator('ion-accordion:nth-child(2) > ion-item') Expected: focused Received: inactive Call log: - expect.toBeFocused with timeout 5000ms - waiting for locator('ion-accordion:nth-child(2) > ion-item') - locator resolved to <ion-item slot="header" class="item md ion-focusable hydra…>…</ion-item> - unexpected value "not focused" - locator resolved to <ion-item slot="header" class="item md ion-focusable hydra…>…</ion-item> - unexpected value "not focused" - locator resolved to <ion-item slot="header" class="item md ion-focusable hydra…>…</ion-item> - unexpected value "not focused" - locator resolved to <ion-item slot="header" class="item md ion-focusable hydra…>…</ion-item> - unexpected value "not focused" - locator resolved to <ion-item slot="header" class="item md ion-focusable hydra…>…</ion-item> - unexpected value "not focused" - locator resolved to <ion-item slot="header" class="item md ion-focusable hydra…>…</ion-item> - unexpected value "not focused" - locator resolved to <ion-item slot="header" class="item md ion-focusable hydra…>…</ion-item> - unexpected value "not focused" - locator resolved to <ion-item slot="header" class="item md ion-focusable hydra…>…</ion-item> - unexpected value "not focused" - locator resolved to <ion-item slot="header" class="item md ion-focusable hydra…>…</ion-item> - unexpected value "not focused" 22 | 23 | await page.keyboard.press('ArrowDown'); > 24 | await expect(billingAddressHeader).toBeFocused(); | ^ 25 | 26 | await page.keyboard.press('ArrowDown'); 27 | await expect(shippingAddressHeader).toBeFocused(); at /ionic/src/components/accordion/test/a11y/accordion.e2e.ts:24:42

3) [Mobile Chrome] › src/components/accordion/test/a11y/accordion.e2e.ts:6:9 › accordion: a11y - md/ltr › accordions should be keyboard navigable Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Timed out 5000ms waiting for expect(locator).toBeFocused() Locator: locator('ion-accordion:nth-child(2) > ion-item') Expected: focused Received: inactive Call log: - expect.toBeFocused with timeout 5000ms - waiting for locator('ion-accordion:nth-child(2) > ion-item') - locator resolved to <ion-item slot="header" class="item md ion-focusable hydra…>…</ion-item> - unexpected value "not focused" - locator resolved to <ion-item slot="header" class="item md ion-focusable hydra…>…</ion-item> - unexpected value "not focused" - locator resolved to <ion-item slot="header" class="item md ion-focusable hydra…>…</ion-item> - unexpected value "not focused" - locator resolved to <ion-item slot="header" class="item md ion-focusable hydra…>…</ion-item> - unexpected value "not focused" - locator resolved to <ion-item slot="header" class="item md ion-focusable hydra…>…</ion-item> - unexpected value "not focused" - locator resolved to <ion-item slot="header" class="item md ion-focusable hydra…>…</ion-item> - unexpected value "not focused" - locator resolved to <ion-item slot="header" class="item md ion-focusable hydra…>…</ion-item> - unexpected value "not focused" - locator resolved to <ion-item slot="header" class="item md ion-focusable hydra…>…</ion-item> - unexpected value "not focused" - locator resolved to <ion-item slot="header" class="item md ion-focusable hydra…>…</ion-item> - unexpected value "not focused" 22 | 23 | await page.keyboard.press('ArrowDown'); > 24 | await expect(billingAddressHeader).toBeFocused(); | ^ 25 | 26 | await page.keyboard.press('ArrowDown'); 27 | await expect(shippingAddressHeader).toBeFocused(); at /ionic/src/components/accordion/test/a11y/accordion.e2e.ts:24:42

3) [Mobile Chrome] › src/components/accordion/test/a11y/accordion.e2e.ts:6:9 › accordion: a11y - md/ltr › accordions should be keyboard navigable Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: Timed out 5000ms waiting for expect(locator).toBeFocused() Locator: locator('ion-accordion:nth-child(2) > ion-item') Expected: focused Received: inactive Call log: - expect.toBeFocused with timeout 5000ms - waiting for locator('ion-accordion:nth-child(2) > ion-item') - locator resolved to <ion-item slot="header" class="item md ion-focusable hydra…>…</ion-item> - unexpected value "not focused" - locator resolved to <ion-item slot="header" class="item md ion-focusable hydra…>…</ion-item> - unexpected value "not focused" - locator resolved to <ion-item slot="header" class="item md ion-focusable hydra…>…</ion-item> - unexpected value "not focused" - locator resolved to <ion-item slot="header" class="item md ion-focusable hydra…>…</ion-item> - unexpected value "not focused" - locator resolved to <ion-item slot="header" class="item md ion-focusable hydra…>…</ion-item> - unexpected value "not focused" - locator resolved to <ion-item slot="header" class="item md ion-focusable hydra…>…</ion-item> - unexpected value "not focused" - locator resolved to <ion-item slot="header" class="item md ion-focusable hydra…>…</ion-item> - unexpected value "not focused" - locator resolved to <ion-item slot="header" class="item md ion-focusable hydra…>…</ion-item> - unexpected value "not focused" - locator resolved to <ion-item slot="header" class="item md ion-focusable hydra…>…</ion-item> - unexpected value "not focused" 22 | 23 | await page.keyboard.press('ArrowDown'); > 24 | await expect(billingAddressHeader).toBeFocused(); | ^ 25 | 26 | await page.keyboard.press('ArrowDown'); 27 | await expect(shippingAddressHeader).toBeFocused(); at /ionic/src/components/accordion/test/a11y/accordion.e2e.ts:24:42

4) [Mobile Chrome] › src/components/accordion/test/a11y/accordion.e2e.ts:6:9 › accordion: a11y - md/rtl › accordions should be keyboard navigable Error: Timed out 5000ms waiting for expect(locator).toBeFocused() Locator: locator('ion-accordion:nth-child(2) > ion-item') Expected: focused Received: inactive Call log: - expect.toBeFocused with timeout 5000ms - waiting for locator('ion-accordion:nth-child(2) > ion-item') - locator resolved to <ion-item slot="header" class="item md ion-focusable item-…>…</ion-item> - unexpected value "not focused" - locator resolved to <ion-item slot="header" class="item md ion-focusable item-…>…</ion-item> - unexpected value "not focused" - locator resolved to <ion-item slot="header" class="item md ion-focusable item-…>…</ion-item> - unexpected value "not focused" - locator resolved to <ion-item slot="header" class="item md ion-focusable item-…>…</ion-item> - unexpected value "not focused" - locator resolved to <ion-item slot="header" class="item md ion-focusable item-…>…</ion-item> - unexpected value "not focused" - locator resolved to <ion-item slot="header" class="item md ion-focusable item-…>…</ion-item> - unexpected value "not focused" - locator resolved to <ion-item slot="header" class="item md ion-focusable item-…>…</ion-item> - unexpected value "not focused" - locator resolved to <ion-item slot="header" class="item md ion-focusable item-…>…</ion-item> - unexpected value "not focused" - locator resolved to <ion-item slot="header" class="item md ion-focusable item-…>…</ion-item> - unexpected value "not focused" 22 | 23 | await page.keyboard.press('ArrowDown'); > 24 | await expect(billingAddressHeader).toBeFocused(); | ^ 25 | 26 | await page.keyboard.press('ArrowDown'); 27 | await expect(shippingAddressHeader).toBeFocused(); at /ionic/src/components/accordion/test/a11y/accordion.e2e.ts:24:42

1) [Mobile Chrome] › src/components/breadcrumbs/test/reactive/breadcrumbs.e2e.ts:11:11 › breadcrumbs: reactive - md/ltr › adding a breadcrumb item › should update the active item Test timeout of 30000ms exceeded.

1) [Mobile Chrome] › src/components/breadcrumbs/test/reactive/breadcrumbs.e2e.ts:11:11 › breadcrumbs: reactive - md/ltr › adding a breadcrumb item › should update the active item Error: locator.click: Test timeout of 30000ms exceeded. Call log: - waiting for locator('ion-button#add-btn') 16 | await expect(breadcrumbItems).toHaveCount(4); 17 | > 18 | await addItemButton.click(); | ^ 19 | await page.waitForChanges(); 20 | 21 | await expect(breadcrumbItems).toHaveCount(5); at /ionic/src/components/breadcrumbs/test/reactive/breadcrumbs.e2e.ts:18:29

1) [Mobile Chrome] › src/components/breadcrumbs/test/reactive/breadcrumbs.e2e.ts:11:11 › breadcrumbs: reactive - md/ltr › adding a breadcrumb item › should update the active item Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Test timeout of 30000ms exceeded.

1) [Mobile Chrome] › src/components/breadcrumbs/test/reactive/breadcrumbs.e2e.ts:11:11 › breadcrumbs: reactive - md/ltr › adding a breadcrumb item › should update the active item Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: locator.click: Test timeout of 30000ms exceeded. Call log: - waiting for locator('ion-button#add-btn') 16 | await expect(breadcrumbItems).toHaveCount(4); 17 | > 18 | await addItemButton.click(); | ^ 19 | await page.waitForChanges(); 20 | 21 | await expect(breadcrumbItems).toHaveCount(5); at /ionic/src/components/breadcrumbs/test/reactive/breadcrumbs.e2e.ts:18:29

1) [Mobile Chrome] › src/components/breadcrumbs/test/reactive/breadcrumbs.e2e.ts:11:11 › breadcrumbs: reactive - md/ltr › adding a breadcrumb item › should update the active item Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Test timeout of 30000ms exceeded.

1) [Mobile Chrome] › src/components/breadcrumbs/test/reactive/breadcrumbs.e2e.ts:11:11 › breadcrumbs: reactive - md/ltr › adding a breadcrumb item › should update the active item Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: locator.click: Test timeout of 30000ms exceeded. Call log: - waiting for locator('ion-button#add-btn') 16 | await expect(breadcrumbItems).toHaveCount(4); 17 | > 18 | await addItemButton.click(); | ^ 19 | await page.waitForChanges(); 20 | 21 | await expect(breadcrumbItems).toHaveCount(5); at /ionic/src/components/breadcrumbs/test/reactive/breadcrumbs.e2e.ts:18:29

1) [Mobile Safari] › src/components/breadcrumbs/test/reactive/breadcrumbs.e2e.ts:11:11 › breadcrumbs: reactive - md/ltr › adding a breadcrumb item › should update the active item Test timeout of 30000ms exceeded.

1) [Mobile Safari] › src/components/breadcrumbs/test/reactive/breadcrumbs.e2e.ts:11:11 › breadcrumbs: reactive - md/ltr › adding a breadcrumb item › should update the active item Error: locator.click: Test timeout of 30000ms exceeded. Call log: - waiting for locator('ion-button#add-btn') 16 | await expect(breadcrumbItems).toHaveCount(4); 17 | > 18 | await addItemButton.click(); | ^ 19 | await page.waitForChanges(); 20 | 21 | await expect(breadcrumbItems).toHaveCount(5); at /ionic/src/components/breadcrumbs/test/reactive/breadcrumbs.e2e.ts:18:29

1) [Mobile Safari] › src/components/breadcrumbs/test/reactive/breadcrumbs.e2e.ts:11:11 › breadcrumbs: reactive - md/ltr › adding a breadcrumb item › should update the active item Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Test timeout of 30000ms exceeded.

1) [Mobile Safari] › src/components/breadcrumbs/test/reactive/breadcrumbs.e2e.ts:11:11 › breadcrumbs: reactive - md/ltr › adding a breadcrumb item › should update the active item Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: locator.click: Test timeout of 30000ms exceeded. Call log: - waiting for locator('ion-button#add-btn') 16 | await expect(breadcrumbItems).toHaveCount(4); 17 | > 18 | await addItemButton.click(); | ^ 19 | await page.waitForChanges(); 20 | 21 | await expect(breadcrumbItems).toHaveCount(5); at /ionic/src/components/breadcrumbs/test/reactive/breadcrumbs.e2e.ts:18:29

1) [Mobile Safari] › src/components/breadcrumbs/test/reactive/breadcrumbs.e2e.ts:11:11 › breadcrumbs: reactive - md/ltr › adding a breadcrumb item › should update the active item Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Test timeout of 30000ms exceeded.

1) [Mobile Safari] › src/components/breadcrumbs/test/reactive/breadcrumbs.e2e.ts:11:11 › breadcrumbs: reactive - md/ltr › adding a breadcrumb item › should update the active item Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: locator.click: Test timeout of 30000ms exceeded. Call log: - waiting for locator('ion-button#add-btn') 16 | await expect(breadcrumbItems).toHaveCount(4); 17 | > 18 | await addItemButton.click(); | ^ 19 | await page.waitForChanges(); 20 | 21 | await expect(breadcrumbItems).toHaveCount(5); at /ionic/src/components/breadcrumbs/test/reactive/breadcrumbs.e2e.ts:18:29

1) [Mobile Safari] › src/components/popover/test/trigger/popover.e2e.ts:37:9 › popover: trigger - md/ltr › should still open popover when it has been removed and re-added to DOM Error: Timed out 5000ms waiting for expect(locator).toBeVisible() Locator: locator('.left-click-popover') Expected: visible Received: hidden Call log: - expect.toBeVisible with timeout 5000ms - waiting for locator('.left-click-popover') 46 | 47 | await button.click(); > 48 | await expect(popover).toBeVisible(); | ^ 49 | }); 50 | }); 51 | }); at /ionic/src/components/popover/test/trigger/popover.e2e.ts:48:29

1) [Mobile Safari] › src/components/popover/test/trigger/popover.e2e.ts:37:9 › popover: trigger - md/ltr › should still open popover when it has been removed and re-added to DOM Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Timed out 5000ms waiting for expect(locator).toBeVisible() Locator: locator('.left-click-popover') Expected: visible Received: hidden Call log: - expect.toBeVisible with timeout 5000ms - waiting for locator('.left-click-popover') 46 | 47 | await button.click(); > 48 | await expect(popover).toBeVisible(); | ^ 49 | }); 50 | }); 51 | }); at /ionic/src/components/popover/test/trigger/popover.e2e.ts:48:29

1) [Mobile Safari] › src/components/popover/test/trigger/popover.e2e.ts:37:9 › popover: trigger - md/ltr › should still open popover when it has been removed and re-added to DOM Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: Timed out 5000ms waiting for expect(locator).toBeVisible() Locator: locator('.left-click-popover') Expected: visible Received: hidden Call log: - expect.toBeVisible with timeout 5000ms - waiting for locator('.left-click-popover') 46 | 47 | await button.click(); > 48 | await expect(popover).toBeVisible(); | ^ 49 | }); 50 | }); 51 | }); at /ionic/src/components/popover/test/trigger/popover.e2e.ts:48:29

1) [Mobile Safari] › src/components/input/test/basic/input.e2e.ts:137:9 › input: clear button in ionic theme, visual checks - ionic/md/ltr/light › should not have visual regressions Error: Screenshot comparison failed: Expected an image 390px by 56px, received 390px by 59px. 500 pixels (ratio 0.03 of all image pixels) are different. Expected: /ionic/src/components/input/test/basic/input.e2e.ts-snapshots/input-with-clear-button-ionic-md-ltr-light-Mobile-Safari-linux.png Received: /ionic/test-results/src-components-input-test--18fe3-not-have-visual-regressions-Mobile-Safari/input-with-clear-button-ionic-md-ltr-light-actual.png Diff: /ionic/test-results/src-components-input-test--18fe3-not-have-visual-regressions-Mobile-Safari/input-with-clear-button-ionic-md-ltr-light-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('ion-input') - locator resolved to <ion-input value="Text" label="Label" clear-input="true" la…>…</ion-input> - 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 56px, received 390px by 59px. 500 pixels (ratio 0.03 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('ion-input') - locator resolved to <ion-input value="Text" label="Label" clear-input="true" la…>…</ion-input> - 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 56px, received 390px by 59px. 500 pixels (ratio 0.03 of all image pixels) are different. 152 | await page.waitForChanges(); 153 | > 154 | await expect(input).toHaveScreenshot(screenshot(`input-with-clear-button`)); | ^ 155 | }); 156 | 157 | test('should not have visual regressions when clear button is focused', async ({ page, pageUtils }) => { at /ionic/src/components/input/test/basic/input.e2e.ts:154:27

1) [Mobile Safari] › src/components/input/test/basic/input.e2e.ts:137:9 › input: clear button in ionic theme, visual checks - ionic/md/ltr/light › should not have visual regressions Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: Expected an image 390px by 56px, received 390px by 59px. 500 pixels (ratio 0.03 of all image pixels) are different. Expected: /ionic/src/components/input/test/basic/input.e2e.ts-snapshots/input-with-clear-button-ionic-md-ltr-light-Mobile-Safari-linux.png Received: /ionic/test-results/src-components-input-test--18fe3-not-have-visual-regressions-Mobile-Safari-retry1/input-with-clear-button-ionic-md-ltr-light-actual.png Diff: /ionic/test-results/src-components-input-test--18fe3-not-have-visual-regressions-Mobile-Safari-retry1/input-with-clear-button-ionic-md-ltr-light-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('ion-input') - locator resolved to <ion-input value="Text" label="Label" clear-input="true" la…>…</ion-input> - 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 56px, received 390px by 59px. 500 pixels (ratio 0.03 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('ion-input') - locator resolved to <ion-input value="Text" label="Label" clear-input="true" la…>…</ion-input> - 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 56px, received 390px by 59px. 500 pixels (ratio 0.03 of all image pixels) are different. 152 | await page.waitForChanges(); 153 | > 154 | await expect(input).toHaveScreenshot(screenshot(`input-with-clear-button`)); | ^ 155 | }); 156 | 157 | test('should not have visual regressions when clear button is focused', async ({ page, pageUtils }) => { at /ionic/src/components/input/test/basic/input.e2e.ts:154:27

1) [Mobile Safari] › src/components/input/test/basic/input.e2e.ts:137:9 › input: clear button in ionic theme, visual checks - ionic/md/ltr/light › should not have visual regressions Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: Expected an image 390px by 56px, received 390px by 59px. 500 pixels (ratio 0.03 of all image pixels) are different. Expected: /ionic/src/components/input/test/basic/input.e2e.ts-snapshots/input-with-clear-button-ionic-md-ltr-light-Mobile-Safari-linux.png Received: /ionic/test-results/src-components-input-test--18fe3-not-have-visual-regressions-Mobile-Safari-retry2/input-with-clear-button-ionic-md-ltr-light-actual.png Diff: /ionic/test-results/src-components-input-test--18fe3-not-have-visual-regressions-Mobile-Safari-retry2/input-with-clear-button-ionic-md-ltr-light-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('ion-input') - locator resolved to <ion-input value="Text" label="Label" clear-input="true" la…>…</ion-input> - 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 56px, received 390px by 59px. 500 pixels (ratio 0.03 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('ion-input') - locator resolved to <ion-input value="Text" label="Label" clear-input="true" la…>…</ion-input> - 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 56px, received 390px by 59px. 500 pixels (ratio 0.03 of all image pixels) are different. 152 | await page.waitForChanges(); 153 | > 154 | await expect(input).toHaveScreenshot(screenshot(`input-with-clear-button`)); | ^ 155 | }); 156 | 157 | test('should not have visual regressions when clear button is focused', async ({ page, pageUtils }) => { at /ionic/src/components/input/test/basic/input.e2e.ts:154:27

2) [Mobile Safari] › src/components/input/test/basic/input.e2e.ts:157:9 › input: clear button in ionic theme, visual checks - ionic/md/ltr/light › should not have visual regressions when clear button is focused Error: Screenshot comparison failed: Expected an image 390px by 76px, received 390px by 79px. 166 pixels (ratio 0.01 of all image pixels) are different. Expected: /ionic/src/components/input/test/basic/input.e2e.ts-snapshots/input-clear-button-focused-ionic-md-ltr-light-Mobile-Safari-linux.png Received: /ionic/test-results/src-components-input-test--9a4f2-hen-clear-button-is-focused-Mobile-Safari/input-clear-button-focused-ionic-md-ltr-light-actual.png Diff: /ionic/test-results/src-components-input-test--9a4f2-hen-clear-button-is-focused-Mobile-Safari/input-clear-button-focused-ionic-md-ltr-light-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#container') - locator resolved to <div id="container">…</div> - 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 76px, received 390px by 79px. 166 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#container') - locator resolved to <div id="container">…</div> - 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 76px, received 390px by 79px. 166 pixels (ratio 0.01 of all image pixels) are different. 184 | 185 | const container = page.locator('#container'); > 186 | await expect(container).toHaveScreenshot(screenshot(`input-clear-button-focused`)); | ^ 187 | }); 188 | }); 189 | }); at /ionic/src/components/input/test/basic/input.e2e.ts:186:31

2) [Mobile Safari] › src/components/input/test/basic/input.e2e.ts:157:9 › input: clear button in ionic theme, visual checks - ionic/md/ltr/light › should not have visual regressions when clear button is focused Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: Expected an image 390px by 76px, received 390px by 79px. 166 pixels (ratio 0.01 of all image pixels) are different. Expected: /ionic/src/components/input/test/basic/input.e2e.ts-snapshots/input-clear-button-focused-ionic-md-ltr-light-Mobile-Safari-linux.png Received: /ionic/test-results/src-components-input-test--9a4f2-hen-clear-button-is-focused-Mobile-Safari-retry1/input-clear-button-focused-ionic-md-ltr-light-actual.png Diff: /ionic/test-results/src-components-input-test--9a4f2-hen-clear-button-is-focused-Mobile-Safari-retry1/input-clear-button-focused-ionic-md-ltr-light-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#container') - locator resolved to <div id="container">…</div> - 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 76px, received 390px by 79px. 166 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#container') - locator resolved to <div id="container">…</div> - 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 76px, received 390px by 79px. 166 pixels (ratio 0.01 of all image pixels) are different. 184 | 185 | const container = page.locator('#container'); > 186 | await expect(container).toHaveScreenshot(screenshot(`input-clear-button-focused`)); | ^ 187 | }); 188 | }); 189 | }); at /ionic/src/components/input/test/basic/input.e2e.ts:186:31

2) [Mobile Safari] › src/components/input/test/basic/input.e2e.ts:157:9 › input: clear button in ionic theme, visual checks - ionic/md/ltr/light › should not have visual regressions when clear button is focused Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: Expected an image 390px by 76px, received 390px by 79px. 166 pixels (ratio 0.01 of all image pixels) are different. Expected: /ionic/src/components/input/test/basic/input.e2e.ts-snapshots/input-clear-button-focused-ionic-md-ltr-light-Mobile-Safari-linux.png Received: /ionic/test-results/src-components-input-test--9a4f2-hen-clear-button-is-focused-Mobile-Safari-retry2/input-clear-button-focused-ionic-md-ltr-light-actual.png Diff: /ionic/test-results/src-components-input-test--9a4f2-hen-clear-button-is-focused-Mobile-Safari-retry2/input-clear-button-focused-ionic-md-ltr-light-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#container') - locator resolved to <div id="container">…</div> - 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 76px, received 390px by 79px. 166 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#container') - locator resolved to <div id="container">…</div> - 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 76px, received 390px by 79px. 166 pixels (ratio 0.01 of all image pixels) are different. 184 | 185 | const container = page.locator('#container'); > 186 | await expect(container).toHaveScreenshot(screenshot(`input-clear-button-focused`)); | ^ 187 | }); 188 | }); 189 | }); at /ionic/src/components/input/test/basic/input.e2e.ts:186:31

3) [Mobile Safari] › src/components/input/test/basic/input.e2e.ts:137:9 › input: clear button in ionic theme, visual checks - ionic/md/rtl/light › should not have visual regressions Error: Screenshot comparison failed: Expected an image 390px by 56px, received 390px by 59px. 504 pixels (ratio 0.03 of all image pixels) are different. Expected: /ionic/src/components/input/test/basic/input.e2e.ts-snapshots/input-with-clear-button-ionic-md-rtl-light-Mobile-Safari-linux.png Received: /ionic/test-results/src-components-input-test--64cf7-not-have-visual-regressions-Mobile-Safari/input-with-clear-button-ionic-md-rtl-light-actual.png Diff: /ionic/test-results/src-components-input-test--64cf7-not-have-visual-regressions-Mobile-Safari/input-with-clear-button-ionic-md-rtl-light-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('ion-input') - locator resolved to <ion-input value="Text" label="Label" clear-input="true" la…>…</ion-input> - 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 56px, received 390px by 59px. 504 pixels (ratio 0.03 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('ion-input') - locator resolved to <ion-input value="Text" label="Label" clear-input="true" la…>…</ion-input> - 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 56px, received 390px by 59px. 504 pixels (ratio 0.03 of all image pixels) are different. 152 | await page.waitForChanges(); 153 | > 154 | await expect(input).toHaveScreenshot(screenshot(`input-with-clear-button`)); | ^ 155 | }); 156 | 157 | test('should not have visual regressions when clear button is focused', async ({ page, pageUtils }) => { at /ionic/src/components/input/test/basic/input.e2e.ts:154:27

3) [Mobile Safari] › src/components/input/test/basic/input.e2e.ts:137:9 › input: clear button in ionic theme, visual checks - ionic/md/rtl/light › should not have visual regressions Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: Expected an image 390px by 56px, received 390px by 59px. 504 pixels (ratio 0.03 of all image pixels) are different. Expected: /ionic/src/components/input/test/basic/input.e2e.ts-snapshots/input-with-clear-button-ionic-md-rtl-light-Mobile-Safari-linux.png Received: /ionic/test-results/src-components-input-test--64cf7-not-have-visual-regressions-Mobile-Safari-retry1/input-with-clear-button-ionic-md-rtl-light-actual.png Diff: /ionic/test-results/src-components-input-test--64cf7-not-have-visual-regressions-Mobile-Safari-retry1/input-with-clear-button-ionic-md-rtl-light-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('ion-input') - locator resolved to <ion-input value="Text" label="Label" clear-input="true" la…>…</ion-input> - 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 56px, received 390px by 59px. 504 pixels (ratio 0.03 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('ion-input') - locator resolved to <ion-input value="Text" label="Label" clear-input="true" la…>…</ion-input> - 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 56px, received 390px by 59px. 504 pixels (ratio 0.03 of all image pixels) are different. 152 | await page.waitForChanges(); 153 | > 154 | await expect(input).toHaveScreenshot(screenshot(`input-with-clear-button`)); | ^ 155 | }); 156 | 157 | test('should not have visual regressions when clear button is focused', async ({ page, pageUtils }) => { at /ionic/src/components/input/test/basic/input.e2e.ts:154:27

3) [Mobile Safari] › src/components/input/test/basic/input.e2e.ts:137:9 › input: clear button in ionic theme, visual checks - ionic/md/rtl/light › should not have visual regressions Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: Expected an image 390px by 56px, received 390px by 59px. 504 pixels (ratio 0.03 of all image pixels) are different. Expected: /ionic/src/components/input/test/basic/input.e2e.ts-snapshots/input-with-clear-button-ionic-md-rtl-light-Mobile-Safari-linux.png Received: /ionic/test-results/src-components-input-test--64cf7-not-have-visual-regressions-Mobile-Safari-retry2/input-with-clear-button-ionic-md-rtl-light-actual.png Diff: /ionic/test-results/src-components-input-test--64cf7-not-have-visual-regressions-Mobile-Safari-retry2/input-with-clear-button-ionic-md-rtl-light-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('ion-input') - locator resolved to <ion-input value="Text" label="Label" clear-input="true" la…>…</ion-input> - 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 56px, received 390px by 59px. 504 pixels (ratio 0.03 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('ion-input') - locator resolved to <ion-input value="Text" label="Label" clear-input="true" la…>…</ion-input> - 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 56px, received 390px by 59px. 504 pixels (ratio 0.03 of all image pixels) are different. 152 | await page.waitForChanges(); 153 | > 154 | await expect(input).toHaveScreenshot(screenshot(`input-with-clear-button`)); | ^ 155 | }); 156 | 157 | test('should not have visual regressions when clear button is focused', async ({ page, pageUtils }) => { at /ionic/src/components/input/test/basic/input.e2e.ts:154:27

4) [Mobile Safari] › src/components/input/test/basic/input.e2e.ts:157:9 › input: clear button in ionic theme, visual checks - ionic/md/rtl/light › should not have visual regressions when clear button is focused Error: Screenshot comparison failed: Expected an image 390px by 76px, received 390px by 79px. 166 pixels (ratio 0.01 of all image pixels) are different. Expected: /ionic/src/components/input/test/basic/input.e2e.ts-snapshots/input-clear-button-focused-ionic-md-rtl-light-Mobile-Safari-linux.png Received: /ionic/test-results/src-components-input-test--92a38-hen-clear-button-is-focused-Mobile-Safari/input-clear-button-focused-ionic-md-rtl-light-actual.png Diff: /ionic/test-results/src-components-input-test--92a38-hen-clear-button-is-focused-Mobile-Safari/input-clear-button-focused-ionic-md-rtl-light-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#container') - locator resolved to <div id="container">…</div> - 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 76px, received 390px by 79px. 166 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#container') - locator resolved to <div id="container">…</div> - 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 76px, received 390px by 79px. 166 pixels (ratio 0.01 of all image pixels) are different. 184 | 185 | const container = page.locator('#container'); > 186 | await expect(container).toHaveScreenshot(screenshot(`input-clear-button-focused`)); | ^ 187 | }); 188 | }); 189 | }); at /ionic/src/components/input/test/basic/input.e2e.ts:186:31

1) [Mobile Firefox] › src/components/accordion/test/standalone/accordion.e2e.ts:7:9 › accordion: standalone - ios/ltr › should not have accessibility violations Error: expect(received).toEqual(expected) // deep equality - Expected - 1 + Received + 59 - Array [] + Array [ + Object { + "description": "Ensures the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds", + "help": "Elements must meet minimum color contrast ratio thresholds", + "helpUrl": "https://dequeuniversity.com/rules/axe/4.9/color-contrast?application=playwright", + "id": "color-contrast", + "impact": "serious", + "nodes": Array [ + Object { + "all": Array [], + "any": Array [ + Object { + "data": Object { + "bgColor": "#f57474", + "contrastRatio": 2.75, + "expectedContrastRatio": "4.5:1", + "fgColor": "#ffffff", + "fontSize": "12.0pt (16px)", + "fontWeight": "normal", + "messageKey": null, + }, + "id": "color-contrast", + "impact": "serious", + "message": "Element has insufficient color contrast of 2.75 (foreground color: #ffffff, background color: #f57474, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1", + "relatedNodes": Array [ + Object { + "html": "<ion-accordion class=\"ios accordion-collapsed hydrated\"> + <button class=\"custom-accordion-button\" slot=\"header\">Danger</button> + <div class=\"custom-accordion-content\" slot=\"content\">Some content</div> + </ion-accordion>", + "target": Array [ + ".custom-colors > .accordion-collapsed:nth-child(1)", + ], + }, + ], + }, + ], + "failureSummary": "Fix any of the following: + Element has insufficient color contrast of 2.75 (foreground color: #ffffff, background color: #f57474, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1", + "html": "<button class=\"custom-accordion-button\" slot=\"header\">Danger</button>", + "impact": "serious", + "none": Array [], + "target": Array [ + ".custom-colors > .accordion-collapsed:nth-child(1) > .custom-accordion-button", + ], + }, + ], + "tags": Array [ + "cat.color", + "wcag2aa", + "wcag143", + "TTv5", + "TT13.c", + "EN-301-549", + "EN-9.1.4.3", + "ACT", + ], + }, + ] 10 | const results = await new AxeBuilder({ page }).analyze(); 11 | > 12 | expect(results.violations).toEqual([]); | ^ 13 | }); 14 | }); 15 | }); at /ionic/src/components/accordion/test/standalone/accordion.e2e.ts:12:34

1) [Mobile Firefox] › src/components/accordion/test/standalone/accordion.e2e.ts:7:9 › accordion: standalone - ios/ltr › should not have accessibility violations Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(received).toEqual(expected) // deep equality - Expected - 1 + Received + 59 - Array [] + Array [ + Object { + "description": "Ensures the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds", + "help": "Elements must meet minimum color contrast ratio thresholds", + "helpUrl": "https://dequeuniversity.com/rules/axe/4.9/color-contrast?application=playwright", + "id": "color-contrast", + "impact": "serious", + "nodes": Array [ + Object { + "all": Array [], + "any": Array [ + Object { + "data": Object { + "bgColor": "#f57474", + "contrastRatio": 2.75, + "expectedContrastRatio": "4.5:1", + "fgColor": "#ffffff", + "fontSize": "12.0pt (16px)", + "fontWeight": "normal", + "messageKey": null, + }, + "id": "color-contrast", + "impact": "serious", + "message": "Element has insufficient color contrast of 2.75 (foreground color: #ffffff, background color: #f57474, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1", + "relatedNodes": Array [ + Object { + "html": "<ion-accordion class=\"ios accordion-collapsed hydrated\"> + <button class=\"custom-accordion-button\" slot=\"header\">Danger</button> + <div class=\"custom-accordion-content\" slot=\"content\">Some content</div> + </ion-accordion>", + "target": Array [ + ".custom-colors > .accordion-collapsed:nth-child(1)", + ], + }, + ], + }, + ], + "failureSummary": "Fix any of the following: + Element has insufficient color contrast of 2.75 (foreground color: #ffffff, background color: #f57474, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1", + "html": "<button class=\"custom-accordion-button\" slot=\"header\">Danger</button>", + "impact": "serious", + "none": Array [], + "target": Array [ + ".custom-colors > .accordion-collapsed:nth-child(1) > .custom-accordion-button", + ], + }, + ], + "tags": Array [ + "cat.color", + "wcag2aa", + "wcag143", + "TTv5", + "TT13.c", + "EN-301-549", + "EN-9.1.4.3", + "ACT", + ], + }, + ] 10 | const results = await new AxeBuilder({ page }).analyze(); 11 | > 12 | expect(results.violations).toEqual([]); | ^ 13 | }); 14 | }); 15 | }); at /ionic/src/components/accordion/test/standalone/accordion.e2e.ts:12:34

1) [Mobile Firefox] › src/components/accordion/test/standalone/accordion.e2e.ts:7:9 › accordion: standalone - ios/ltr › should not have accessibility violations Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(received).toEqual(expected) // deep equality - Expected - 1 + Received + 59 - Array [] + Array [ + Object { + "description": "Ensures the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds", + "help": "Elements must meet minimum color contrast ratio thresholds", + "helpUrl": "https://dequeuniversity.com/rules/axe/4.9/color-contrast?application=playwright", + "id": "color-contrast", + "impact": "serious", + "nodes": Array [ + Object { + "all": Array [], + "any": Array [ + Object { + "data": Object { + "bgColor": "#f57474", + "contrastRatio": 2.75, + "expectedContrastRatio": "4.5:1", + "fgColor": "#ffffff", + "fontSize": "12.0pt (16px)", + "fontWeight": "normal", + "messageKey": null, + }, + "id": "color-contrast", + "impact": "serious", + "message": "Element has insufficient color contrast of 2.75 (foreground color: #ffffff, background color: #f57474, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1", + "relatedNodes": Array [ + Object { + "html": "<ion-accordion class=\"ios accordion-collapsed hydrated\"> + <button class=\"custom-accordion-button\" slot=\"header\">Danger</button> + <div class=\"custom-accordion-content\" slot=\"content\">Some content</div> + </ion-accordion>", + "target": Array [ + ".custom-colors > .accordion-collapsed:nth-child(1)", + ], + }, + ], + }, + ], + "failureSummary": "Fix any of the following: + Element has insufficient color contrast of 2.75 (foreground color: #ffffff, background color: #f57474, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1", + "html": "<button class=\"custom-accordion-button\" slot=\"header\">Danger</button>", + "impact": "serious", + "none": Array [], + "target": Array [ + ".custom-colors > .accordion-collapsed:nth-child(1) > .custom-accordion-button", + ], + }, + ], + "tags": Array [ + "cat.color", + "wcag2aa", + "wcag143", + "TTv5", + "TT13.c", + "EN-301-549", + "EN-9.1.4.3", + "ACT", + ], + }, + ] 10 | const results = await new AxeBuilder({ page }).analyze(); 11 | > 12 | expect(results.violations).toEqual([]); | ^ 13 | }); 14 | }); 15 | }); at /ionic/src/components/accordion/test/standalone/accordion.e2e.ts:12:34

2) [Mobile Firefox] › src/components/accordion/test/standalone/accordion.e2e.ts:7:9 › accordion: standalone - ios/rtl › should not have accessibility violations Error: expect(received).toEqual(expected) // deep equality - Expected - 1 + Received + 59 - Array [] + Array [ + Object { + "description": "Ensures the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds", + "help": "Elements must meet minimum color contrast ratio thresholds", + "helpUrl": "https://dequeuniversity.com/rules/axe/4.9/color-contrast?application=playwright", + "id": "color-contrast", + "impact": "serious", + "nodes": Array [ + Object { + "all": Array [], + "any": Array [ + Object { + "data": Object { + "bgColor": "#f57474", + "contrastRatio": 2.75, + "expectedContrastRatio": "4.5:1", + "fgColor": "#ffffff", + "fontSize": "12.0pt (16px)", + "fontWeight": "normal", + "messageKey": null, + }, + "id": "color-contrast", + "impact": "serious", + "message": "Element has insufficient color contrast of 2.75 (foreground color: #ffffff, background color: #f57474, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1", + "relatedNodes": Array [ + Object { + "html": "<ion-accordion class=\"ios accordion-collapsed hydrated\"> + <button class=\"custom-accordion-button\" slot=\"header\">Danger</button> + <div class=\"custom-accordion-content\" slot=\"content\">Some content</div> + </ion-accordion>", + "target": Array [ + ".custom-colors > .accordion-collapsed:nth-child(1)", + ], + }, + ], + }, + ], + "failureSummary": "Fix any of the following: + Element has insufficient color contrast of 2.75 (foreground color: #ffffff, background color: #f57474, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1", + "html": "<button class=\"custom-accordion-button\" slot=\"header\">Danger</button>", + "impact": "serious", + "none": Array [], + "target": Array [ + ".custom-colors > .accordion-collapsed:nth-child(1) > .custom-accordion-button", + ], + }, + ], + "tags": Array [ + "cat.color", + "wcag2aa", + "wcag143", + "TTv5", + "TT13.c", + "EN-301-549", + "EN-9.1.4.3", + "ACT", + ], + }, + ] 10 | const results = await new AxeBuilder({ page }).analyze(); 11 | > 12 | expect(results.violations).toEqual([]); | ^ 13 | }); 14 | }); 15 | }); at /ionic/src/components/accordion/test/standalone/accordion.e2e.ts:12:34

2) [Mobile Firefox] › src/components/accordion/test/standalone/accordion.e2e.ts:7:9 › accordion: standalone - ios/rtl › should not have accessibility violations Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(received).toEqual(expected) // deep equality - Expected - 1 + Received + 59 - Array [] + Array [ + Object { + "description": "Ensures the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds", + "help": "Elements must meet minimum color contrast ratio thresholds", + "helpUrl": "https://dequeuniversity.com/rules/axe/4.9/color-contrast?application=playwright", + "id": "color-contrast", + "impact": "serious", + "nodes": Array [ + Object { + "all": Array [], + "any": Array [ + Object { + "data": Object { + "bgColor": "#f57474", + "contrastRatio": 2.75, + "expectedContrastRatio": "4.5:1", + "fgColor": "#ffffff", + "fontSize": "12.0pt (16px)", + "fontWeight": "normal", + "messageKey": null, + }, + "id": "color-contrast", + "impact": "serious", + "message": "Element has insufficient color contrast of 2.75 (foreground color: #ffffff, background color: #f57474, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1", + "relatedNodes": Array [ + Object { + "html": "<ion-accordion class=\"ios accordion-collapsed hydrated\"> + <button class=\"custom-accordion-button\" slot=\"header\">Danger</button> + <div class=\"custom-accordion-content\" slot=\"content\">Some content</div> + </ion-accordion>", + "target": Array [ + ".custom-colors > .accordion-collapsed:nth-child(1)", + ], + }, + ], + }, + ], + "failureSummary": "Fix any of the following: + Element has insufficient color contrast of 2.75 (foreground color: #ffffff, background color: #f57474, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1", + "html": "<button class=\"custom-accordion-button\" slot=\"header\">Danger</button>", + "impact": "serious", + "none": Array [], + "target": Array [ + ".custom-colors > .accordion-collapsed:nth-child(1) > .custom-accordion-button", + ], + }, + ], + "tags": Array [ + "cat.color", + "wcag2aa", + "wcag143", + "TTv5", + "TT13.c", + "EN-301-549", + "EN-9.1.4.3", + "ACT", + ], + }, + ] 10 | const results = await new AxeBuilder({ page }).analyze(); 11 | > 12 | expect(results.violations).toEqual([]); | ^ 13 | }); 14 | }); 15 | }); at /ionic/src/components/accordion/test/standalone/accordion.e2e.ts:12:34

2) [Mobile Firefox] › src/components/accordion/test/standalone/accordion.e2e.ts:7:9 › accordion: standalone - ios/rtl › should not have accessibility violations Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(received).toEqual(expected) // deep equality - Expected - 1 + Received + 59 - Array [] + Array [ + Object { + "description": "Ensures the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds", + "help": "Elements must meet minimum color contrast ratio thresholds", + "helpUrl": "https://dequeuniversity.com/rules/axe/4.9/color-contrast?application=playwright", + "id": "color-contrast", + "impact": "serious", + "nodes": Array [ + Object { + "all": Array [], + "any": Array [ + Object { + "data": Object { + "bgColor": "#f57474", + "contrastRatio": 2.75, + "expectedContrastRatio": "4.5:1", + "fgColor": "#ffffff", + "fontSize": "12.0pt (16px)", + "fontWeight": "normal", + "messageKey": null, + }, + "id": "color-contrast", + "impact": "serious", + "message": "Element has insufficient color contrast of 2.75 (foreground color: #ffffff, background color: #f57474, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1", + "relatedNodes": Array [ + Object { + "html": "<ion-accordion class=\"ios accordion-collapsed hydrated\"> + <button class=\"custom-accordion-button\" slot=\"header\">Danger</button> + <div class=\"custom-accordion-content\" slot=\"content\">Some content</div> + </ion-accordion>", + "target": Array [ + ".custom-colors > .accordion-collapsed:nth-child(1)", + ], + }, + ], + }, + ], + "failureSummary": "Fix any of the following: + Element has insufficient color contrast of 2.75 (foreground color: #ffffff, background color: #f57474, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1", + "html": "<button class=\"custom-accordion-button\" slot=\"header\">Danger</button>", + "impact": "serious", + "none": Array [], + "target": Array [ + ".custom-colors > .accordion-collapsed:nth-child(1) > .custom-accordion-button", + ], + }, + ], + "tags": Array [ + "cat.color", + "wcag2aa", + "wcag143", + "TTv5", + "TT13.c", + "EN-301-549", + "EN-9.1.4.3", + "ACT", + ], + }, + ] 10 | const results = await new AxeBuilder({ page }).analyze(); 11 | > 12 | expect(results.violations).toEqual([]); | ^ 13 | }); 14 | }); 15 | }); at /ionic/src/components/accordion/test/standalone/accordion.e2e.ts:12:34

3) [Mobile Firefox] › src/components/accordion/test/standalone/accordion.e2e.ts:7:9 › accordion: standalone - md/ltr › should not have accessibility violations Error: expect(received).toEqual(expected) // deep equality - Expected - 1 + Received + 59 - Array [] + Array [ + Object { + "description": "Ensures the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds", + "help": "Elements must meet minimum color contrast ratio thresholds", + "helpUrl": "https://dequeuniversity.com/rules/axe/4.9/color-contrast?application=playwright", + "id": "color-contrast", + "impact": "serious", + "nodes": Array [ + Object { + "all": Array [], + "any": Array [ + Object { + "data": Object { + "bgColor": "#f57474", + "contrastRatio": 2.75, + "expectedContrastRatio": "4.5:1", + "fgColor": "#ffffff", + "fontSize": "12.0pt (16px)", + "fontWeight": "normal", + "messageKey": null, + }, + "id": "color-contrast", + "impact": "serious", + "message": "Element has insufficient color contrast of 2.75 (foreground color: #ffffff, background color: #f57474, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1", + "relatedNodes": Array [ + Object { + "html": "<ion-accordion class=\"md accordion-collapsed hydrated\"> + <button class=\"custom-accordion-button\" slot=\"header\">Danger</button> + <div class=\"custom-accordion-content\" slot=\"content\">Some content</div> + </ion-accordion>", + "target": Array [ + ".custom-colors > .accordion-collapsed:nth-child(1)", + ], + }, + ], + }, + ], + "failureSummary": "Fix any of the following: + Element has insufficient color contrast of 2.75 (foreground color: #ffffff, background color: #f57474, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1", + "html": "<button class=\"custom-accordion-button\" slot=\"header\">Danger</button>", + "impact": "serious", + "none": Array [], + "target": Array [ + ".custom-colors > .accordion-collapsed:nth-child(1) > .custom-accordion-button", + ], + }, + ], + "tags": Array [ + "cat.color", + "wcag2aa", + "wcag143", + "TTv5", + "TT13.c", + "EN-301-549", + "EN-9.1.4.3", + "ACT", + ], + }, + ] 10 | const results = await new AxeBuilder({ page }).analyze(); 11 | > 12 | expect(results.violations).toEqual([]); | ^ 13 | }); 14 | }); 15 | }); at /ionic/src/components/accordion/test/standalone/accordion.e2e.ts:12:34

3) [Mobile Firefox] › src/components/accordion/test/standalone/accordion.e2e.ts:7:9 › accordion: standalone - md/ltr › should not have accessibility violations Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(received).toEqual(expected) // deep equality - Expected - 1 + Received + 59 - Array [] + Array [ + Object { + "description": "Ensures the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds", + "help": "Elements must meet minimum color contrast ratio thresholds", + "helpUrl": "https://dequeuniversity.com/rules/axe/4.9/color-contrast?application=playwright", + "id": "color-contrast", + "impact": "serious", + "nodes": Array [ + Object { + "all": Array [], + "any": Array [ + Object { + "data": Object { + "bgColor": "#f57474", + "contrastRatio": 2.75, + "expectedContrastRatio": "4.5:1", + "fgColor": "#ffffff", + "fontSize": "12.0pt (16px)", + "fontWeight": "normal", + "messageKey": null, + }, + "id": "color-contrast", + "impact": "serious", + "message": "Element has insufficient color contrast of 2.75 (foreground color: #ffffff, background color: #f57474, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1", + "relatedNodes": Array [ + Object { + "html": "<ion-accordion class=\"md accordion-collapsed hydrated\"> + <button class=\"custom-accordion-button\" slot=\"header\">Danger</button> + <div class=\"custom-accordion-content\" slot=\"content\">Some content</div> + </ion-accordion>", + "target": Array [ + ".custom-colors > .accordion-collapsed:nth-child(1)", + ], + }, + ], + }, + ], + "failureSummary": "Fix any of the following: + Element has insufficient color contrast of 2.75 (foreground color: #ffffff, background color: #f57474, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1", + "html": "<button class=\"custom-accordion-button\" slot=\"header\">Danger</button>", + "impact": "serious", + "none": Array [], + "target": Array [ + ".custom-colors > .accordion-collapsed:nth-child(1) > .custom-accordion-button", + ], + }, + ], + "tags": Array [ + "cat.color", + "wcag2aa", + "wcag143", + "TTv5", + "TT13.c", + "EN-301-549", + "EN-9.1.4.3", + "ACT", + ], + }, + ] 10 | const results = await new AxeBuilder({ page }).analyze(); 11 | > 12 | expect(results.violations).toEqual([]); | ^ 13 | }); 14 | }); 15 | }); at /ionic/src/components/accordion/test/standalone/accordion.e2e.ts:12:34

3) [Mobile Firefox] › src/components/accordion/test/standalone/accordion.e2e.ts:7:9 › accordion: standalone - md/ltr › should not have accessibility violations Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(received).toEqual(expected) // deep equality - Expected - 1 + Received + 59 - Array [] + Array [ + Object { + "description": "Ensures the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds", + "help": "Elements must meet minimum color contrast ratio thresholds", + "helpUrl": "https://dequeuniversity.com/rules/axe/4.9/color-contrast?application=playwright", + "id": "color-contrast", + "impact": "serious", + "nodes": Array [ + Object { + "all": Array [], + "any": Array [ + Object { + "data": Object { + "bgColor": "#f57474", + "contrastRatio": 2.75, + "expectedContrastRatio": "4.5:1", + "fgColor": "#ffffff", + "fontSize": "12.0pt (16px)", + "fontWeight": "normal", + "messageKey": null, + }, + "id": "color-contrast", + "impact": "serious", + "message": "Element has insufficient color contrast of 2.75 (foreground color: #ffffff, background color: #f57474, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1", + "relatedNodes": Array [ + Object { + "html": "<ion-accordion class=\"md accordion-collapsed hydrated\"> + <button class=\"custom-accordion-button\" slot=\"header\">Danger</button> + <div class=\"custom-accordion-content\" slot=\"content\">Some content</div> + </ion-accordion>", + "target": Array [ + ".custom-colors > .accordion-collapsed:nth-child(1)", + ], + }, + ], + }, + ], + "failureSummary": "Fix any of the following: + Element has insufficient color contrast of 2.75 (foreground color: #ffffff, background color: #f57474, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1", + "html": "<button class=\"custom-accordion-button\" slot=\"header\">Danger</button>", + "impact": "serious", + "none": Array [], + "target": Array [ + ".custom-colors > .accordion-collapsed:nth-child(1) > .custom-accordion-button", + ], + }, + ], + "tags": Array [ + "cat.color", + "wcag2aa", + "wcag143", + "TTv5", + "TT13.c", + "EN-301-549", + "EN-9.1.4.3", + "ACT", + ], + }, + ] 10 | const results = await new AxeBuilder({ page }).analyze(); 11 | > 12 | expect(results.violations).toEqual([]); | ^ 13 | }); 14 | }); 15 | }); at /ionic/src/components/accordion/test/standalone/accordion.e2e.ts:12:34

4) [Mobile Firefox] › src/components/accordion/test/standalone/accordion.e2e.ts:7:9 › accordion: standalone - md/rtl › should not have accessibility violations Error: expect(received).toEqual(expected) // deep equality - Expected - 1 + Received + 59 - Array [] + Array [ + Object { + "description": "Ensures the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds", + "help": "Elements must meet minimum color contrast ratio thresholds", + "helpUrl": "https://dequeuniversity.com/rules/axe/4.9/color-contrast?application=playwright", + "id": "color-contrast", + "impact": "serious", + "nodes": Array [ + Object { + "all": Array [], + "any": Array [ + Object { + "data": Object { + "bgColor": "#f57474", + "contrastRatio": 2.75, + "expectedContrastRatio": "4.5:1", + "fgColor": "#ffffff", + "fontSize": "12.0pt (16px)", + "fontWeight": "normal", + "messageKey": null, + }, + "id": "color-contrast", + "impact": "serious", + "message": "Element has insufficient color contrast of 2.75 (foreground color: #ffffff, background color: #f57474, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1", + "relatedNodes": Array [ + Object { + "html": "<ion-accordion class=\"md accordion-collapsed hydrated\"> + <button class=\"custom-accordion-button\" slot=\"header\">Danger</button> + <div class=\"custom-accordion-content\" slot=\"content\">Some content</div> + </ion-accordion>", + "target": Array [ + ".custom-colors > .accordion-collapsed:nth-child(1)", + ], + }, + ], + }, + ], + "failureSummary": "Fix any of the following: + Element has insufficient color contrast of 2.75 (foreground color: #ffffff, background color: #f57474, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1", + "html": "<button class=\"custom-accordion-button\" slot=\"header\">Danger</button>", + "impact": "serious", + "none": Array [], + "target": Array [ + ".custom-colors > .accordion-collapsed:nth-child(1) > .custom-accordion-button", + ], + }, + ], + "tags": Array [ + "cat.color", + "wcag2aa", + "wcag143", + "TTv5", + "TT13.c", + "EN-301-549", + "EN-9.1.4.3", + "ACT", + ], + }, + ] 10 | const results = await new AxeBuilder({ page }).analyze(); 11 | > 12 | expect(results.violations).toEqual([]); | ^ 13 | }); 14 | }); 15 | }); at /ionic/src/components/accordion/test/standalone/accordion.e2e.ts:12:34

1) [Mobile Firefox] › src/components/input/test/basic/input.e2e.ts:137:9 › input: clear button in ionic theme, visual checks - ionic/md/ltr/light › should not have visual regressions Error: Screenshot comparison failed: Expected an image 393px by 56px, received 393px by 59px. 525 pixels (ratio 0.03 of all image pixels) are different. Expected: /ionic/src/components/input/test/basic/input.e2e.ts-snapshots/input-with-clear-button-ionic-md-ltr-light-Mobile-Firefox-linux.png Received: /ionic/test-results/src-components-input-test--18fe3-not-have-visual-regressions-Mobile-Firefox/input-with-clear-button-ionic-md-ltr-light-actual.png Diff: /ionic/test-results/src-components-input-test--18fe3-not-have-visual-regressions-Mobile-Firefox/input-with-clear-button-ionic-md-ltr-light-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('ion-input') - locator resolved to <ion-input value="Text" label="Label" clear-input="true" la…>…</ion-input> - 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 56px, received 393px by 59px. 525 pixels (ratio 0.03 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('ion-input') - locator resolved to <ion-input value="Text" label="Label" clear-input="true" la…>…</ion-input> - 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 56px, received 393px by 59px. 525 pixels (ratio 0.03 of all image pixels) are different. 152 | await page.waitForChanges(); 153 | > 154 | await expect(input).toHaveScreenshot(screenshot(`input-with-clear-button`)); | ^ 155 | }); 156 | 157 | test('should not have visual regressions when clear button is focused', async ({ page, pageUtils }) => { at /ionic/src/components/input/test/basic/input.e2e.ts:154:27

1) [Mobile Firefox] › src/components/input/test/basic/input.e2e.ts:137:9 › input: clear button in ionic theme, visual checks - ionic/md/ltr/light › should not have visual regressions Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: Expected an image 393px by 56px, received 393px by 59px. 525 pixels (ratio 0.03 of all image pixels) are different. Expected: /ionic/src/components/input/test/basic/input.e2e.ts-snapshots/input-with-clear-button-ionic-md-ltr-light-Mobile-Firefox-linux.png Received: /ionic/test-results/src-components-input-test--18fe3-not-have-visual-regressions-Mobile-Firefox-retry1/input-with-clear-button-ionic-md-ltr-light-actual.png Diff: /ionic/test-results/src-components-input-test--18fe3-not-have-visual-regressions-Mobile-Firefox-retry1/input-with-clear-button-ionic-md-ltr-light-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('ion-input') - locator resolved to <ion-input value="Text" label="Label" clear-input="true" la…>…</ion-input> - 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 56px, received 393px by 59px. 525 pixels (ratio 0.03 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('ion-input') - locator resolved to <ion-input value="Text" label="Label" clear-input="true" la…>…</ion-input> - 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 56px, received 393px by 59px. 525 pixels (ratio 0.03 of all image pixels) are different. 152 | await page.waitForChanges(); 153 | > 154 | await expect(input).toHaveScreenshot(screenshot(`input-with-clear-button`)); | ^ 155 | }); 156 | 157 | test('should not have visual regressions when clear button is focused', async ({ page, pageUtils }) => { at /ionic/src/components/input/test/basic/input.e2e.ts:154:27

1) [Mobile Firefox] › src/components/input/test/basic/input.e2e.ts:137:9 › input: clear button in ionic theme, visual checks - ionic/md/ltr/light › should not have visual regressions Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: Expected an image 393px by 56px, received 393px by 59px. 525 pixels (ratio 0.03 of all image pixels) are different. Expected: /ionic/src/components/input/test/basic/input.e2e.ts-snapshots/input-with-clear-button-ionic-md-ltr-light-Mobile-Firefox-linux.png Received: /ionic/test-results/src-components-input-test--18fe3-not-have-visual-regressions-Mobile-Firefox-retry2/input-with-clear-button-ionic-md-ltr-light-actual.png Diff: /ionic/test-results/src-components-input-test--18fe3-not-have-visual-regressions-Mobile-Firefox-retry2/input-with-clear-button-ionic-md-ltr-light-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('ion-input') - locator resolved to <ion-input value="Text" label="Label" clear-input="true" la…>…</ion-input> - 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 56px, received 393px by 59px. 525 pixels (ratio 0.03 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('ion-input') - locator resolved to <ion-input value="Text" label="Label" clear-input="true" la…>…</ion-input> - 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 56px, received 393px by 59px. 525 pixels (ratio 0.03 of all image pixels) are different. 152 | await page.waitForChanges(); 153 | > 154 | await expect(input).toHaveScreenshot(screenshot(`input-with-clear-button`)); | ^ 155 | }); 156 | 157 | test('should not have visual regressions when clear button is focused', async ({ page, pageUtils }) => { at /ionic/src/components/input/test/basic/input.e2e.ts:154:27

2) [Mobile Firefox] › src/components/input/test/basic/input.e2e.ts:157:9 › input: clear button in ionic theme, visual checks - ionic/md/ltr/light › should not have visual regressions when clear button is focused Error: Screenshot comparison failed: Expected an image 393px by 76px, received 393px by 79px. 174 pixels (ratio 0.01 of all image pixels) are different. Expected: /ionic/src/components/input/test/basic/input.e2e.ts-snapshots/input-clear-button-focused-ionic-md-ltr-light-Mobile-Firefox-linux.png Received: /ionic/test-results/src-components-input-test--9a4f2-hen-clear-button-is-focused-Mobile-Firefox/input-clear-button-focused-ionic-md-ltr-light-actual.png Diff: /ionic/test-results/src-components-input-test--9a4f2-hen-clear-button-is-focused-Mobile-Firefox/input-clear-button-focused-ionic-md-ltr-light-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#container') - locator resolved to <div id="container">…</div> - 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 76px, received 393px by 79px. 174 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#container') - locator resolved to <div id="container">…</div> - 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 76px, received 393px by 79px. 174 pixels (ratio 0.01 of all image pixels) are different. 184 | 185 | const container = page.locator('#container'); > 186 | await expect(container).toHaveScreenshot(screenshot(`input-clear-button-focused`)); | ^ 187 | }); 188 | }); 189 | }); at /ionic/src/components/input/test/basic/input.e2e.ts:186:31

2) [Mobile Firefox] › src/components/input/test/basic/input.e2e.ts:157:9 › input: clear button in ionic theme, visual checks - ionic/md/ltr/light › should not have visual regressions when clear button is focused Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: Expected an image 393px by 76px, received 393px by 79px. 174 pixels (ratio 0.01 of all image pixels) are different. Expected: /ionic/src/components/input/test/basic/input.e2e.ts-snapshots/input-clear-button-focused-ionic-md-ltr-light-Mobile-Firefox-linux.png Received: /ionic/test-results/src-components-input-test--9a4f2-hen-clear-button-is-focused-Mobile-Firefox-retry1/input-clear-button-focused-ionic-md-ltr-light-actual.png Diff: /ionic/test-results/src-components-input-test--9a4f2-hen-clear-button-is-focused-Mobile-Firefox-retry1/input-clear-button-focused-ionic-md-ltr-light-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#container') - locator resolved to <div id="container">…</div> - 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 76px, received 393px by 79px. 174 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#container') - locator resolved to <div id="container">…</div> - 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 76px, received 393px by 79px. 174 pixels (ratio 0.01 of all image pixels) are different. 184 | 185 | const container = page.locator('#container'); > 186 | await expect(container).toHaveScreenshot(screenshot(`input-clear-button-focused`)); | ^ 187 | }); 188 | }); 189 | }); at /ionic/src/components/input/test/basic/input.e2e.ts:186:31

2) [Mobile Firefox] › src/components/input/test/basic/input.e2e.ts:157:9 › input: clear button in ionic theme, visual checks - ionic/md/ltr/light › should not have visual regressions when clear button is focused Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: Expected an image 393px by 76px, received 393px by 79px. 174 pixels (ratio 0.01 of all image pixels) are different. Expected: /ionic/src/components/input/test/basic/input.e2e.ts-snapshots/input-clear-button-focused-ionic-md-ltr-light-Mobile-Firefox-linux.png Received: /ionic/test-results/src-components-input-test--9a4f2-hen-clear-button-is-focused-Mobile-Firefox-retry2/input-clear-button-focused-ionic-md-ltr-light-actual.png Diff: /ionic/test-results/src-components-input-test--9a4f2-hen-clear-button-is-focused-Mobile-Firefox-retry2/input-clear-button-focused-ionic-md-ltr-light-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#container') - locator resolved to <div id="container">…</div> - 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 76px, received 393px by 79px. 174 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#container') - locator resolved to <div id="container">…</div> - 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 76px, received 393px by 79px. 174 pixels (ratio 0.01 of all image pixels) are different. 184 | 185 | const container = page.locator('#container'); > 186 | await expect(container).toHaveScreenshot(screenshot(`input-clear-button-focused`)); | ^ 187 | }); 188 | }); 189 | }); at /ionic/src/components/input/test/basic/input.e2e.ts:186:31

3) [Mobile Firefox] › src/components/input/test/basic/input.e2e.ts:137:9 › input: clear button in ionic theme, visual checks - ionic/md/rtl/light › should not have visual regressions Error: Screenshot comparison failed: Expected an image 393px by 56px, received 393px by 59px. 515 pixels (ratio 0.03 of all image pixels) are different. Expected: /ionic/src/components/input/test/basic/input.e2e.ts-snapshots/input-with-clear-button-ionic-md-rtl-light-Mobile-Firefox-linux.png Received: /ionic/test-results/src-components-input-test--64cf7-not-have-visual-regressions-Mobile-Firefox/input-with-clear-button-ionic-md-rtl-light-actual.png Diff: /ionic/test-results/src-components-input-test--64cf7-not-have-visual-regressions-Mobile-Firefox/input-with-clear-button-ionic-md-rtl-light-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('ion-input') - locator resolved to <ion-input value="Text" label="Label" clear-input="true" la…>…</ion-input> - 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 56px, received 393px by 59px. 515 pixels (ratio 0.03 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('ion-input') - locator resolved to <ion-input value="Text" label="Label" clear-input="true" la…>…</ion-input> - 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 56px, received 393px by 59px. 515 pixels (ratio 0.03 of all image pixels) are different. 152 | await page.waitForChanges(); 153 | > 154 | await expect(input).toHaveScreenshot(screenshot(`input-with-clear-button`)); | ^ 155 | }); 156 | 157 | test('should not have visual regressions when clear button is focused', async ({ page, pageUtils }) => { at /ionic/src/components/input/test/basic/input.e2e.ts:154:27

3) [Mobile Firefox] › src/components/input/test/basic/input.e2e.ts:137:9 › input: clear button in ionic theme, visual checks - ionic/md/rtl/light › should not have visual regressions Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: Expected an image 393px by 56px, received 393px by 59px. 515 pixels (ratio 0.03 of all image pixels) are different. Expected: /ionic/src/components/input/test/basic/input.e2e.ts-snapshots/input-with-clear-button-ionic-md-rtl-light-Mobile-Firefox-linux.png Received: /ionic/test-results/src-components-input-test--64cf7-not-have-visual-regressions-Mobile-Firefox-retry1/input-with-clear-button-ionic-md-rtl-light-actual.png Diff: /ionic/test-results/src-components-input-test--64cf7-not-have-visual-regressions-Mobile-Firefox-retry1/input-with-clear-button-ionic-md-rtl-light-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('ion-input') - locator resolved to <ion-input value="Text" label="Label" clear-input="true" la…>…</ion-input> - 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 56px, received 393px by 59px. 515 pixels (ratio 0.03 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('ion-input') - locator resolved to <ion-input value="Text" label="Label" clear-input="true" la…>…</ion-input> - 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 56px, received 393px by 59px. 515 pixels (ratio 0.03 of all image pixels) are different. 152 | await page.waitForChanges(); 153 | > 154 | await expect(input).toHaveScreenshot(screenshot(`input-with-clear-button`)); | ^ 155 | }); 156 | 157 | test('should not have visual regressions when clear button is focused', async ({ page, pageUtils }) => { at /ionic/src/components/input/test/basic/input.e2e.ts:154:27

3) [Mobile Firefox] › src/components/input/test/basic/input.e2e.ts:137:9 › input: clear button in ionic theme, visual checks - ionic/md/rtl/light › should not have visual regressions Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: Expected an image 393px by 56px, received 393px by 59px. 515 pixels (ratio 0.03 of all image pixels) are different. Expected: /ionic/src/components/input/test/basic/input.e2e.ts-snapshots/input-with-clear-button-ionic-md-rtl-light-Mobile-Firefox-linux.png Received: /ionic/test-results/src-components-input-test--64cf7-not-have-visual-regressions-Mobile-Firefox-retry2/input-with-clear-button-ionic-md-rtl-light-actual.png Diff: /ionic/test-results/src-components-input-test--64cf7-not-have-visual-regressions-Mobile-Firefox-retry2/input-with-clear-button-ionic-md-rtl-light-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('ion-input') - locator resolved to <ion-input value="Text" label="Label" clear-input="true" la…>…</ion-input> - 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 56px, received 393px by 59px. 515 pixels (ratio 0.03 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('ion-input') - locator resolved to <ion-input value="Text" label="Label" clear-input="true" la…>…</ion-input> - 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 56px, received 393px by 59px. 515 pixels (ratio 0.03 of all image pixels) are different. 152 | await page.waitForChanges(); 153 | > 154 | await expect(input).toHaveScreenshot(screenshot(`input-with-clear-button`)); | ^ 155 | }); 156 | 157 | test('should not have visual regressions when clear button is focused', async ({ page, pageUtils }) => { at /ionic/src/components/input/test/basic/input.e2e.ts:154:27

4) [Mobile Firefox] › src/components/input/test/basic/input.e2e.ts:157:9 › input: clear button in ionic theme, visual checks - ionic/md/rtl/light › should not have visual regressions when clear button is focused Error: Screenshot comparison failed: Expected an image 393px by 76px, received 393px by 79px. 165 pixels (ratio 0.01 of all image pixels) are different. Expected: /ionic/src/components/input/test/basic/input.e2e.ts-snapshots/input-clear-button-focused-ionic-md-rtl-light-Mobile-Firefox-linux.png Received: /ionic/test-results/src-components-input-test--92a38-hen-clear-button-is-focused-Mobile-Firefox/input-clear-button-focused-ionic-md-rtl-light-actual.png Diff: /ionic/test-results/src-components-input-test--92a38-hen-clear-button-is-focused-Mobile-Firefox/input-clear-button-focused-ionic-md-rtl-light-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#container') - locator resolved to <div id="container">…</div> - 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 76px, received 393px by 79px. 165 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#container') - locator resolved to <div id="container">…</div> - 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 76px, received 393px by 79px. 165 pixels (ratio 0.01 of all image pixels) are different. 184 | 185 | const container = page.locator('#container'); > 186 | await expect(container).toHaveScreenshot(screenshot(`input-clear-button-focused`)); | ^ 187 | }); 188 | }); 189 | }); at /ionic/src/components/input/test/basic/input.e2e.ts:186:31

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

1) [Mobile Chrome] › src/components/datetime/test/position/datetime.e2e.ts:6:9 › datetime: position - ios/ltr › should position the time picker relative to the click target Error: locator.click: Test timeout of 30000ms exceeded. Call log: - waiting for locator('ion-button#open-datetime') 9 | 10 | const openDateTimeBtn = page.locator('ion-button#open-datetime'); > 11 | await openDateTimeBtn.click(); | ^ 12 | 13 | await ionPopoverDidPresent.next(); 14 | await page.locator('.datetime-ready').waitFor(); at /ionic/src/components/datetime/test/position/datetime.e2e.ts:11:29

1) [Mobile Chrome] › src/components/datetime/test/position/datetime.e2e.ts:6:9 › datetime: position - ios/ltr › should position the time picker relative to the click target Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Test timeout of 30000ms exceeded.

1) [Mobile Chrome] › src/components/datetime/test/position/datetime.e2e.ts:6:9 › datetime: position - ios/ltr › should position the time picker relative to the click target Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: locator.click: Test timeout of 30000ms exceeded. Call log: - waiting for locator('ion-button#open-datetime') 9 | 10 | const openDateTimeBtn = page.locator('ion-button#open-datetime'); > 11 | await openDateTimeBtn.click(); | ^ 12 | 13 | await ionPopoverDidPresent.next(); 14 | await page.locator('.datetime-ready').waitFor(); at /ionic/src/components/datetime/test/position/datetime.e2e.ts:11:29

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

1) [Mobile Chrome] › src/components/datetime/test/position/datetime.e2e.ts:6:9 › datetime: position - ios/ltr › should position the time picker relative to the click target Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: locator.click: Test timeout of 30000ms exceeded. Call log: - waiting for locator('ion-button#open-datetime') 9 | 10 | const openDateTimeBtn = page.locator('ion-button#open-datetime'); > 11 | await openDateTimeBtn.click(); | ^ 12 | 13 | await ionPopoverDidPresent.next(); 14 | await page.locator('.datetime-ready').waitFor(); at /ionic/src/components/datetime/test/position/datetime.e2e.ts:11:29

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

2) [Mobile Chrome] › src/components/datetime/test/position/datetime.e2e.ts:6:9 › datetime: position - ios/rtl › should position the time picker relative to the click target Error: locator.click: Test timeout of 30000ms exceeded. Call log: - waiting for locator('ion-button#open-datetime') 9 | 10 | const openDateTimeBtn = page.locator('ion-button#open-datetime'); > 11 | await openDateTimeBtn.click(); | ^ 12 | 13 | await ionPopoverDidPresent.next(); 14 | await page.locator('.datetime-ready').waitFor(); at /ionic/src/components/datetime/test/position/datetime.e2e.ts:11:29

2) [Mobile Chrome] › src/components/datetime/test/position/datetime.e2e.ts:6:9 › datetime: position - ios/rtl › should position the time picker relative to the click target Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Test timeout of 30000ms exceeded.

2) [Mobile Chrome] › src/components/datetime/test/position/datetime.e2e.ts:6:9 › datetime: position - ios/rtl › should position the time picker relative to the click target Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: locator.click: Test timeout of 30000ms exceeded. Call log: - waiting for locator('ion-button#open-datetime') 9 | 10 | const openDateTimeBtn = page.locator('ion-button#open-datetime'); > 11 | await openDateTimeBtn.click(); | ^ 12 | 13 | await ionPopoverDidPresent.next(); 14 | await page.locator('.datetime-ready').waitFor(); at /ionic/src/components/datetime/test/position/datetime.e2e.ts:11:29

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

1) [Mobile Safari] › src/components/datetime/test/position/datetime.e2e.ts:6:9 › datetime: position - ios/ltr › should position the time picker relative to the click target Error: locator.click: Test timeout of 30000ms exceeded. Call log: - waiting for locator('ion-button#open-datetime') 9 | 10 | const openDateTimeBtn = page.locator('ion-button#open-datetime'); > 11 | await openDateTimeBtn.click(); | ^ 12 | 13 | await ionPopoverDidPresent.next(); 14 | await page.locator('.datetime-ready').waitFor(); at /ionic/src/components/datetime/test/position/datetime.e2e.ts:11:29

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

1) [Mobile Safari] › src/components/datetime/test/position/datetime.e2e.ts:6:9 › datetime: position - ios/ltr › should position the time picker relative to the click target Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: locator.click: Test timeout of 30000ms exceeded. Call log: - waiting for locator('ion-button#open-datetime') 9 | 10 | const openDateTimeBtn = page.locator('ion-button#open-datetime'); > 11 | await openDateTimeBtn.click(); | ^ 12 | 13 | await ionPopoverDidPresent.next(); 14 | await page.locator('.datetime-ready').waitFor(); at /ionic/src/components/datetime/test/position/datetime.e2e.ts:11:29

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

1) [Mobile Safari] › src/components/datetime/test/position/datetime.e2e.ts:6:9 › datetime: position - ios/ltr › should position the time picker relative to the click target Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: locator.click: Test timeout of 30000ms exceeded. Call log: - waiting for locator('ion-button#open-datetime') 9 | 10 | const openDateTimeBtn = page.locator('ion-button#open-datetime'); > 11 | await openDateTimeBtn.click(); | ^ 12 | 13 | await ionPopoverDidPresent.next(); 14 | await page.locator('.datetime-ready').waitFor(); at /ionic/src/components/datetime/test/position/datetime.e2e.ts:11:29

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

2) [Mobile Safari] › src/components/datetime/test/position/datetime.e2e.ts:6:9 › datetime: position - ios/rtl › should position the time picker relative to the click target Error: locator.click: Test timeout of 30000ms exceeded. Call log: - waiting for locator('ion-button#open-datetime') 9 | 10 | const openDateTimeBtn = page.locator('ion-button#open-datetime'); > 11 | await openDateTimeBtn.click(); | ^ 12 | 13 | await ionPopoverDidPresent.next(); 14 | await page.locator('.datetime-ready').waitFor(); at /ionic/src/components/datetime/test/position/datetime.e2e.ts:11:29

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

2) [Mobile Safari] › src/components/datetime/test/position/datetime.e2e.ts:6:9 › datetime: position - ios/rtl › should position the time picker relative to the click target Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: locator.click: Test timeout of 30000ms exceeded. Call log: - waiting for locator('ion-button#open-datetime') 9 | 10 | const openDateTimeBtn = page.locator('ion-button#open-datetime'); > 11 | await openDateTimeBtn.click(); | ^ 12 | 13 | await ionPopoverDidPresent.next(); 14 | await page.locator('.datetime-ready').waitFor(); at /ionic/src/components/datetime/test/position/datetime.e2e.ts:11:29

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

1) [Mobile Firefox] › src/components/datetime/test/position/datetime.e2e.ts:6:9 › datetime: position - ios/ltr › should position the time picker relative to the click target Error: locator.click: Test timeout of 30000ms exceeded. Call log: - waiting for locator('ion-button#open-datetime') 9 | 10 | const openDateTimeBtn = page.locator('ion-button#open-datetime'); > 11 | await openDateTimeBtn.click(); | ^ 12 | 13 | await ionPopoverDidPresent.next(); 14 | await page.locator('.datetime-ready').waitFor(); at /ionic/src/components/datetime/test/position/datetime.e2e.ts:11:29

1) [Mobile Firefox] › src/components/datetime/test/position/datetime.e2e.ts:6:9 › datetime: position - ios/ltr › should position the time picker relative to the click target Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Test timeout of 30000ms exceeded.

1) [Mobile Firefox] › src/components/datetime/test/position/datetime.e2e.ts:6:9 › datetime: position - ios/ltr › should position the time picker relative to the click target Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: locator.click: Test timeout of 30000ms exceeded. Call log: - waiting for locator('ion-button#open-datetime') 9 | 10 | const openDateTimeBtn = page.locator('ion-button#open-datetime'); > 11 | await openDateTimeBtn.click(); | ^ 12 | 13 | await ionPopoverDidPresent.next(); 14 | await page.locator('.datetime-ready').waitFor(); at /ionic/src/components/datetime/test/position/datetime.e2e.ts:11:29

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

1) [Mobile Firefox] › src/components/datetime/test/position/datetime.e2e.ts:6:9 › datetime: position - ios/ltr › should position the time picker relative to the click target Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: locator.click: Test timeout of 30000ms exceeded. Call log: - waiting for locator('ion-button#open-datetime') 9 | 10 | const openDateTimeBtn = page.locator('ion-button#open-datetime'); > 11 | await openDateTimeBtn.click(); | ^ 12 | 13 | await ionPopoverDidPresent.next(); 14 | await page.locator('.datetime-ready').waitFor(); at /ionic/src/components/datetime/test/position/datetime.e2e.ts:11:29

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

2) [Mobile Firefox] › src/components/datetime/test/position/datetime.e2e.ts:6:9 › datetime: position - ios/rtl › should position the time picker relative to the click target Error: locator.click: Test timeout of 30000ms exceeded. Call log: - waiting for locator('ion-button#open-datetime') 9 | 10 | const openDateTimeBtn = page.locator('ion-button#open-datetime'); > 11 | await openDateTimeBtn.click(); | ^ 12 | 13 | await ionPopoverDidPresent.next(); 14 | await page.locator('.datetime-ready').waitFor(); at /ionic/src/components/datetime/test/position/datetime.e2e.ts:11:29

2) [Mobile Firefox] › src/components/datetime/test/position/datetime.e2e.ts:6:9 › datetime: position - ios/rtl › should position the time picker relative to the click target Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Test timeout of 30000ms exceeded.

2) [Mobile Firefox] › src/components/datetime/test/position/datetime.e2e.ts:6:9 › datetime: position - ios/rtl › should position the time picker relative to the click target Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: locator.click: Test timeout of 30000ms exceeded. Call log: - waiting for locator('ion-button#open-datetime') 9 | 10 | const openDateTimeBtn = page.locator('ion-button#open-datetime'); > 11 | await openDateTimeBtn.click(); | ^ 12 | 13 | await ionPopoverDidPresent.next(); 14 | await page.locator('.datetime-ready').waitFor(); at /ionic/src/components/datetime/test/position/datetime.e2e.ts:11:29

1) [Mobile Chrome] › src/components/modal/test/trigger/modal.e2e.ts:21:9 › modal: trigger - md/ltr › should still open modal when it has been removed and re-added to DOM Error: Timed out 5000ms waiting for expect(locator).toBeVisible() Locator: locator('ion-modal') Expected: visible Received: hidden Call log: - expect.toBeVisible with timeout 5000ms - waiting for locator('ion-modal') 30 | 31 | await button.click(); > 32 | await expect(modal).toBeVisible(); | ^ 33 | }); 34 | }); 35 | }); at /ionic/src/components/modal/test/trigger/modal.e2e.ts:32:27

1) [Mobile Chrome] › src/components/modal/test/trigger/modal.e2e.ts:21:9 › modal: trigger - md/ltr › should still open modal when it has been removed and re-added to DOM Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Timed out 5000ms waiting for expect(locator).toBeVisible() Locator: locator('ion-modal') Expected: visible Received: hidden Call log: - expect.toBeVisible with timeout 5000ms - waiting for locator('ion-modal') 30 | 31 | await button.click(); > 32 | await expect(modal).toBeVisible(); | ^ 33 | }); 34 | }); 35 | }); at /ionic/src/components/modal/test/trigger/modal.e2e.ts:32:27

1) [Mobile Chrome] › src/components/modal/test/trigger/modal.e2e.ts:21:9 › modal: trigger - md/ltr › should still open modal when it has been removed and re-added to DOM Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: Timed out 5000ms waiting for expect(locator).toBeVisible() Locator: locator('ion-modal') Expected: visible Received: hidden Call log: - expect.toBeVisible with timeout 5000ms - waiting for locator('ion-modal') 30 | 31 | await button.click(); > 32 | await expect(modal).toBeVisible(); | ^ 33 | }); 34 | }); 35 | }); at /ionic/src/components/modal/test/trigger/modal.e2e.ts:32:27

2) [Mobile Chrome] › src/components/nav/test/basic/nav.e2e.ts:20:11 › nav: basic - ios/ltr › pushing a new page › should render the pushed component Test timeout of 30000ms exceeded.

2) [Mobile Chrome] › src/components/nav/test/basic/nav.e2e.ts:20:11 › nav: basic - ios/ltr › pushing a new page › should render the pushed component Error: locator.click: Test timeout of 30000ms exceeded. Call log: - waiting for locator('ion-button:has-text("Go to Page Two")') 23 | const pageTwo = page.locator('page-two'); 24 | > 25 | await pageTwoButton.click(); | ^ 26 | 27 | await page.waitForChanges(); 28 | at /ionic/src/components/nav/test/basic/nav.e2e.ts:25:29

2) [Mobile Chrome] › src/components/nav/test/basic/nav.e2e.ts:20:11 › nav: basic - ios/ltr › pushing a new page › should render the pushed component Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Test timeout of 30000ms exceeded.

2) [Mobile Chrome] › src/components/nav/test/basic/nav.e2e.ts:20:11 › nav: basic - ios/ltr › pushing a new page › should render the pushed component Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: locator.click: Test timeout of 30000ms exceeded. Call log: - waiting for locator('ion-button:has-text("Go to Page Two")') 23 | const pageTwo = page.locator('page-two'); 24 | > 25 | await pageTwoButton.click(); | ^ 26 | 27 | await page.waitForChanges(); 28 | at /ionic/src/components/nav/test/basic/nav.e2e.ts:25:29

2) [Mobile Chrome] › src/components/nav/test/basic/nav.e2e.ts:20:11 › nav: basic - ios/ltr › pushing a new page › should render the pushed component Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Test timeout of 30000ms exceeded.

2) [Mobile Chrome] › src/components/nav/test/basic/nav.e2e.ts:20:11 › nav: basic - ios/ltr › pushing a new page › should render the pushed component Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: locator.click: Test timeout of 30000ms exceeded. Call log: - waiting for locator('ion-button:has-text("Go to Page Two")') 23 | const pageTwo = page.locator('page-two'); 24 | > 25 | await pageTwoButton.click(); | ^ 26 | 27 | await page.waitForChanges(); 28 | at /ionic/src/components/nav/test/basic/nav.e2e.ts:25:29

3) [Mobile Chrome] › src/components/nav/test/basic/nav.e2e.ts:34:11 › nav: basic - ios/ltr › pushing a new page › should render the back button Test timeout of 30000ms exceeded.

1) [Mobile Firefox] › src/components/loading/test/basic/loading.e2e.ts:68:9 › loading: focus trapping - ios/ltr › it should trap focus in the loader Error: Timed out 5000ms waiting for expect(locator).toBeFocused() Locator: locator('ion-loading ion-button') Expected: focused Received: inactive Call log: - expect.toBeFocused with timeout 5000ms - waiting for locator('ion-loading ion-button') 83 | await page.keyboard.press('Tab'); 84 | > 85 | await expect(button).toBeFocused(); | ^ 86 | 87 | await page.keyboard.down('Shift'); 88 | await page.keyboard.press('Tab'); at /ionic/src/components/loading/test/basic/loading.e2e.ts:85:28

1) [Mobile Firefox] › src/components/loading/test/basic/loading.e2e.ts:68:9 › loading: focus trapping - ios/ltr › it should trap focus in the loader Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Timed out 5000ms waiting for expect(locator).toBeFocused() Locator: locator('ion-loading ion-button') Expected: focused Received: inactive Call log: - expect.toBeFocused with timeout 5000ms - waiting for locator('ion-loading ion-button') 83 | await page.keyboard.press('Tab'); 84 | > 85 | await expect(button).toBeFocused(); | ^ 86 | 87 | await page.keyboard.down('Shift'); 88 | await page.keyboard.press('Tab'); at /ionic/src/components/loading/test/basic/loading.e2e.ts:85:28

1) [Mobile Firefox] › src/components/loading/test/basic/loading.e2e.ts:68:9 › loading: focus trapping - ios/ltr › it should trap focus in the loader Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: Timed out 5000ms waiting for expect(locator).toBeFocused() Locator: locator('ion-loading ion-button') Expected: focused Received: inactive Call log: - expect.toBeFocused with timeout 5000ms - waiting for locator('ion-loading ion-button') 83 | await page.keyboard.press('Tab'); 84 | > 85 | await expect(button).toBeFocused(); | ^ 86 | 87 | await page.keyboard.down('Shift'); 88 | await page.keyboard.press('Tab'); at /ionic/src/components/loading/test/basic/loading.e2e.ts:85:28

2) [Mobile Firefox] › src/components/modal/test/trigger/modal.e2e.ts:21:9 › modal: trigger - md/ltr › should still open modal when it has been removed and re-added to DOM Error: Timed out 5000ms waiting for expect(locator).toBeVisible() Locator: locator('ion-modal') Expected: visible Received: hidden Call log: - expect.toBeVisible with timeout 5000ms - waiting for locator('ion-modal') 30 | 31 | await button.click(); > 32 | await expect(modal).toBeVisible(); | ^ 33 | }); 34 | }); 35 | }); at /ionic/src/components/modal/test/trigger/modal.e2e.ts:32:27

2) [Mobile Firefox] › src/components/modal/test/trigger/modal.e2e.ts:21:9 › modal: trigger - md/ltr › should still open modal when it has been removed and re-added to DOM Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Timed out 5000ms waiting for expect(locator).toBeVisible() Locator: locator('ion-modal') Expected: visible Received: hidden Call log: - expect.toBeVisible with timeout 5000ms - waiting for locator('ion-modal') 30 | 31 | await button.click(); > 32 | await expect(modal).toBeVisible(); | ^ 33 | }); 34 | }); 35 | }); at /ionic/src/components/modal/test/trigger/modal.e2e.ts:32:27

2) [Mobile Firefox] › src/components/modal/test/trigger/modal.e2e.ts:21:9 › modal: trigger - md/ltr › should still open modal when it has been removed and re-added to DOM Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: Timed out 5000ms waiting for expect(locator).toBeVisible() Locator: locator('ion-modal') Expected: visible Received: hidden Call log: - expect.toBeVisible with timeout 5000ms - waiting for locator('ion-modal') 30 | 31 | await button.click(); > 32 | await expect(modal).toBeVisible(); | ^ 33 | }); 34 | }); 35 | }); at /ionic/src/components/modal/test/trigger/modal.e2e.ts:32:27

3) [Mobile Firefox] › src/components/nav/test/basic/nav.e2e.ts:20:11 › nav: basic - ios/ltr › pushing a new page › should render the pushed component Test timeout of 30000ms exceeded.

3) [Mobile Firefox] › src/components/nav/test/basic/nav.e2e.ts:20:11 › nav: basic - ios/ltr › pushing a new page › should render the pushed component Error: locator.click: Test timeout of 30000ms exceeded. Call log: - waiting for locator('ion-button:has-text("Go to Page Two")') 23 | const pageTwo = page.locator('page-two'); 24 | > 25 | await pageTwoButton.click(); | ^ 26 | 27 | await page.waitForChanges(); 28 | at /ionic/src/components/nav/test/basic/nav.e2e.ts:25:29

3) [Mobile Firefox] › src/components/nav/test/basic/nav.e2e.ts:20:11 › nav: basic - ios/ltr › pushing a new page › should render the pushed component Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Test timeout of 30000ms exceeded.

3) [Mobile Firefox] › src/components/nav/test/basic/nav.e2e.ts:20:11 › nav: basic - ios/ltr › pushing a new page › should render the pushed component Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: locator.click: Test timeout of 30000ms exceeded. Call log: - waiting for locator('ion-button:has-text("Go to Page Two")') 23 | const pageTwo = page.locator('page-two'); 24 | > 25 | await pageTwoButton.click(); | ^ 26 | 27 | await page.waitForChanges(); 28 | at /ionic/src/components/nav/test/basic/nav.e2e.ts:25:29

1) [Mobile Safari] › src/components/loading/test/basic/loading.e2e.ts:68:9 › loading: focus trapping - ios/ltr › it should trap focus in the loader Error: Timed out 5000ms waiting for expect(locator).toBeFocused() Locator: locator('ion-loading ion-button') Expected: focused Received: inactive Call log: - expect.toBeFocused with timeout 5000ms - waiting for locator('ion-loading ion-button') 83 | await page.keyboard.press('Tab'); 84 | > 85 | await expect(button).toBeFocused(); | ^ 86 | 87 | await page.keyboard.down('Shift'); 88 | await page.keyboard.press('Tab'); at /ionic/src/components/loading/test/basic/loading.e2e.ts:85:28

1) [Mobile Safari] › src/components/loading/test/basic/loading.e2e.ts:68:9 › loading: focus trapping - ios/ltr › it should trap focus in the loader Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Timed out 5000ms waiting for expect(locator).toBeFocused() Locator: locator('ion-loading ion-button') Expected: focused Received: inactive Call log: - expect.toBeFocused with timeout 5000ms - waiting for locator('ion-loading ion-button') 83 | await page.keyboard.press('Tab'); 84 | > 85 | await expect(button).toBeFocused(); | ^ 86 | 87 | await page.keyboard.down('Shift'); 88 | await page.keyboard.press('Tab'); at /ionic/src/components/loading/test/basic/loading.e2e.ts:85:28

1) [Mobile Safari] › src/components/loading/test/basic/loading.e2e.ts:68:9 › loading: focus trapping - ios/ltr › it should trap focus in the loader Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: Timed out 5000ms waiting for expect(locator).toBeFocused() Locator: locator('ion-loading ion-button') Expected: focused Received: inactive Call log: - expect.toBeFocused with timeout 5000ms - waiting for locator('ion-loading ion-button') 83 | await page.keyboard.press('Tab'); 84 | > 85 | await expect(button).toBeFocused(); | ^ 86 | 87 | await page.keyboard.down('Shift'); 88 | await page.keyboard.press('Tab'); at /ionic/src/components/loading/test/basic/loading.e2e.ts:85:28

2) [Mobile Safari] › src/components/modal/test/trigger/modal.e2e.ts:21:9 › modal: trigger - md/ltr › should still open modal when it has been removed and re-added to DOM Error: Timed out 5000ms waiting for expect(locator).toBeVisible() Locator: locator('ion-modal') Expected: visible Received: hidden Call log: - expect.toBeVisible with timeout 5000ms - waiting for locator('ion-modal') 30 | 31 | await button.click(); > 32 | await expect(modal).toBeVisible(); | ^ 33 | }); 34 | }); 35 | }); at /ionic/src/components/modal/test/trigger/modal.e2e.ts:32:27

2) [Mobile Safari] › src/components/modal/test/trigger/modal.e2e.ts:21:9 › modal: trigger - md/ltr › should still open modal when it has been removed and re-added to DOM Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Timed out 5000ms waiting for expect(locator).toBeVisible() Locator: locator('ion-modal') Expected: visible Received: hidden Call log: - expect.toBeVisible with timeout 5000ms - waiting for locator('ion-modal') 30 | 31 | await button.click(); > 32 | await expect(modal).toBeVisible(); | ^ 33 | }); 34 | }); 35 | }); at /ionic/src/components/modal/test/trigger/modal.e2e.ts:32:27

2) [Mobile Safari] › src/components/modal/test/trigger/modal.e2e.ts:21:9 › modal: trigger - md/ltr › should still open modal when it has been removed and re-added to DOM Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: Timed out 5000ms waiting for expect(locator).toBeVisible() Locator: locator('ion-modal') Expected: visible Received: hidden Call log: - expect.toBeVisible with timeout 5000ms - waiting for locator('ion-modal') 30 | 31 | await button.click(); > 32 | await expect(modal).toBeVisible(); | ^ 33 | }); 34 | }); 35 | }); at /ionic/src/components/modal/test/trigger/modal.e2e.ts:32:27

3) [Mobile Safari] › src/components/nav/test/basic/nav.e2e.ts:20:11 › nav: basic - ios/ltr › pushing a new page › should render the pushed component Test timeout of 30000ms exceeded.

3) [Mobile Safari] › src/components/nav/test/basic/nav.e2e.ts:20:11 › nav: basic - ios/ltr › pushing a new page › should render the pushed component Error: locator.click: Test timeout of 30000ms exceeded. Call log: - waiting for locator('ion-button:has-text("Go to Page Two")') 23 | const pageTwo = page.locator('page-two'); 24 | > 25 | await pageTwoButton.click(); | ^ 26 | 27 | await page.waitForChanges(); 28 | at /ionic/src/components/nav/test/basic/nav.e2e.ts:25:29

3) [Mobile Safari] › src/components/nav/test/basic/nav.e2e.ts:20:11 › nav: basic - ios/ltr › pushing a new page › should render the pushed component Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Test timeout of 30000ms exceeded.

3) [Mobile Safari] › src/components/nav/test/basic/nav.e2e.ts:20:11 › nav: basic - ios/ltr › pushing a new page › should render the pushed component Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: locator.click: Test timeout of 30000ms exceeded. Call log: - waiting for locator('ion-button:has-text("Go to Page Two")') 23 | const pageTwo = page.locator('page-two'); 24 | > 25 | await pageTwoButton.click(); | ^ 26 | 27 | await page.waitForChanges(); 28 | at /ionic/src/components/nav/test/basic/nav.e2e.ts:25:29

2 skipped 467 passed (3.1m)

212 skipped 240 passed (3.0m)

547 passed (4.4m)

9 failed [Mobile Chrome] › src/components/input/test/size/input.e2e.ts:39:11 › input: size - ionic/md/ltr/light › input: size medium › should not have visual regressions with fill outline [Mobile Chrome] › src/components/input/test/size/input.e2e.ts:106:11 › input: size - ionic/md/ltr/light › input: size large › should not have visual regressions with fill outline [Mobile Chrome] › src/components/input/test/size/input.e2e.ts:175:11 › input: size - ionic/md/ltr/light › input: size xlarge › should not have visual regressions with fill outline [Mobile Chrome] › src/components/input/test/slot/input.e2e.ts:52:9 › input: start and end slots (visual checks for ionic theme) - ionic/md/ltr/light › should not have visual regressions with a stacked label and outline fill [Mobile Chrome] › src/components/input/test/slot/input.e2e.ts:52:9 › input: start and end slots (visual checks for ionic theme) - ionic/md/rtl/light › should not have visual regressions with a stacked label and outline fill [Mobile Chrome] › src/components/input/test/states/input.e2e.ts:36:13 › input: states - ionic/md/ltr/light › disabled - ionic/md/ltr/light › no fill - ionic/md/ltr/light › should render disabled input correctly [Mobile Chrome] › src/components/input/test/states/input.e2e.ts:89:13 › input: states - ionic/md/ltr/light › disabled - ionic/md/ltr/light › outline - ionic/md/ltr/light › should render disabled input correctly [Mobile Chrome] › src/components/input/test/states/input.e2e.ts:147:11 › input: states - ionic/md/ltr/light › focused - ionic/md/ltr/light › should render focused input correctly [Mobile Chrome] › src/components/loading/test/basic/loading.e2e.ts:68:9 › loading: focus trapping - ios/ltr › it should trap focus in the loader 435 passed (4.3m)

8 failed [Mobile Chrome] › src/components/accordion/test/a11y/accordion.e2e.ts:6:9 › accordion: a11y - ios/ltr › accordions should be keyboard navigable [Mobile Chrome] › src/components/accordion/test/a11y/accordion.e2e.ts:6:9 › accordion: a11y - ios/rtl › accordions should be keyboard navigable [Mobile Chrome] › src/components/accordion/test/a11y/accordion.e2e.ts:6:9 › accordion: a11y - md/ltr › accordions should be keyboard navigable [Mobile Chrome] › src/components/accordion/test/a11y/accordion.e2e.ts:6:9 › accordion: a11y - md/rtl › accordions should be keyboard navigable [Mobile Chrome] › src/components/accordion/test/standalone/accordion.e2e.ts:7:9 › accordion: standalone - ios/ltr › should not have accessibility violations [Mobile Chrome] › src/components/accordion/test/standalone/accordion.e2e.ts:7:9 › accordion: standalone - ios/rtl › should not have accessibility violations [Mobile Chrome] › src/components/accordion/test/standalone/accordion.e2e.ts:7:9 › accordion: standalone - md/ltr › should not have accessibility violations [Mobile Chrome] › src/components/accordion/test/standalone/accordion.e2e.ts:7:9 › accordion: standalone - md/rtl › should not have accessibility violations 1 flaky [Mobile Chrome] › src/components/alert/test/a11y/alert.e2e.ts:183:9 › alert: font scaling - ios/ltr › should scale text on larger font sizes 208 skipped 233 passed (4.0m)

4 skipped 441 passed (4.6m)

1 failed [Mobile Chrome] › src/components/breadcrumbs/test/reactive/breadcrumbs.e2e.ts:11:11 › breadcrumbs: reactive - md/ltr › adding a breadcrumb item › should update the active item 454 passed (4.8m)

7 skipped 442 passed (5.4m)

4 skipped 459 passed (5.3m)

1 failed [Mobile Safari] › src/components/breadcrumbs/test/reactive/breadcrumbs.e2e.ts:11:11 › breadcrumbs: reactive - md/ltr › adding a breadcrumb item › should update the active item 14 skipped 336 passed (6.1m)

1 failed [Mobile Safari] › src/components/popover/test/trigger/popover.e2e.ts:37:9 › popover: trigger - md/ltr › should still open popover when it has been removed and re-added to DOM 10 skipped 454 passed (6.3m)

21 failed [Mobile Safari] › src/components/input/test/basic/input.e2e.ts:137:9 › input: clear button in ionic theme, visual checks - ionic/md/ltr/light › should not have visual regressions [Mobile Safari] › src/components/input/test/basic/input.e2e.ts:157:9 › input: clear button in ionic theme, visual checks - ionic/md/ltr/light › should not have visual regressions when clear button is focused [Mobile Safari] › src/components/input/test/basic/input.e2e.ts:137:9 › input: clear button in ionic theme, visual checks - ionic/md/rtl/light › should not have visual regressions [Mobile Safari] › src/components/input/test/basic/input.e2e.ts:157:9 › input: clear button in ionic theme, visual checks - ionic/md/rtl/light › should not have visual regressions when clear button is focused [Mobile Safari] › src/components/input/test/bottom-content/input.e2e.ts:41:9 › input: bottom content - ionic/md/ltr/light › entire input component should render correctly with no fill [Mobile Safari] › src/components/input/test/bottom-content/input.e2e.ts:51:9 › input: bottom content - ionic/md/ltr/light › entire input component should render correctly with outline fill [Mobile Safari] › src/components/input/test/fill/input.e2e.ts:215:9 › input: ionic theme fill - ionic/md/ltr/light › should not have visual regressions with outline fill and stacked label placement [Mobile Safari] › src/components/input/test/fill/input.e2e.ts:215:9 › input: ionic theme fill - ionic/md/rtl/light › should not have visual regressions with outline fill and stacked label placement [Mobile Safari] › src/components/input/test/highlight/input.e2e.ts:351:11 › input: highlights - ionic/md/ltr/light › input: no fill › should render valid state correctly [Mobile Safari] › src/components/input/test/highlight/input.e2e.ts:370:11 › input: highlights - ionic/md/ltr/light › input: no fill › should render invalid state correctly [Mobile Safari] › src/components/input/test/highlight/input.e2e.ts:391:11 › input: highlights - ionic/md/ltr/light › input: outline › should render valid state correctly [Mobile Safari] › src/components/input/test/highlight/input.e2e.ts:411:11 › input: highlights - ionic/md/ltr/light › input: outline › should render invalid state correctly [Mobile Safari] › src/components/input/test/highlight/input.e2e.ts:431:11 › input: highlights - ionic/md/ltr/light › input: outline › should render custom highlight correctly [Mobile Safari] › src/components/input/test/size/input.e2e.ts:39:11 › input: size - ionic/md/ltr/light › input: size medium › should not have visual regressions with fill outline [Mobile Safari] › src/components/input/test/size/input.e2e.ts:106:11 › input: size - ionic/md/ltr/light › input: size large › should not have visual regressions with fill outline [Mobile Safari] › src/components/input/test/size/input.e2e.ts:175:11 › input: size - ionic/md/ltr/light › input: size xlarge › should not have visual regressions with fill outline [Mobile Safari] › src/components/input/test/slot/input.e2e.ts:52:9 › input: start and end slots (visual checks for ionic theme) - ionic/md/ltr/light › should not have visual regressions with a stacked label and outline fill [Mobile Safari] › src/components/input/test/slot/input.e2e.ts:52:9 › input: start and end slots (visual checks for ionic theme) - ionic/md/rtl/light › should not have visual regressions with a stacked label and outline fill [Mobile Safari] › src/components/input/test/states/input.e2e.ts:36:13 › input: states - ionic/md/ltr/light › disabled - ionic/md/ltr/light › no fill - ionic/md/ltr/light › should render disabled input correctly [Mobile Safari] › src/components/input/test/states/input.e2e.ts:89:13 › input: states - ionic/md/ltr/light › disabled - ionic/md/ltr/light › outline - ionic/md/ltr/light › should render disabled input correctly [Mobile Safari] › src/components/input/test/states/input.e2e.ts:147:11 › input: states - ionic/md/ltr/light › focused - ionic/md/ltr/light › should render focused input c

5 failed [Mobile Firefox] › src/components/accordion/test/standalone/accordion.e2e.ts:7:9 › accordion: standalone - ios/ltr › should not have accessibility violations [Mobile Firefox] › src/components/accordion/test/standalone/accordion.e2e.ts:7:9 › accordion: standalone - ios/rtl › should not have accessibility violations [Mobile Firefox] › src/components/accordion/test/standalone/accordion.e2e.ts:7:9 › accordion: standalone - md/ltr › should not have accessibility violations [Mobile Firefox] › src/components/accordion/test/standalone/accordion.e2e.ts:7:9 › accordion: standalone - md/rtl › should not have accessibility violations [Mobile Firefox] › src/components/breadcrumbs/test/reactive/breadcrumbs.e2e.ts:11:11 › breadcrumbs: reactive - md/ltr › adding a breadcrumb item › should update the active item 4 skipped 490 passed (8.1m)

21 failed [Mobile Firefox] › src/components/input/test/basic/input.e2e.ts:137:9 › input: clear button in ionic theme, visual checks - ionic/md/ltr/light › should not have visual regressions [Mobile Firefox] › src/components/input/test/basic/input.e2e.ts:157:9 › input: clear button in ionic theme, visual checks - ionic/md/ltr/light › should not have visual regressions when clear button is focused [Mobile Firefox] › src/components/input/test/basic/input.e2e.ts:137:9 › input: clear button in ionic theme, visual checks - ionic/md/rtl/light › should not have visual regressions [Mobile Firefox] › src/components/input/test/basic/input.e2e.ts:157:9 › input: clear button in ionic theme, visual checks - ionic/md/rtl/light › should not have visual regressions when clear button is focused [Mobile Firefox] › src/components/input/test/bottom-content/input.e2e.ts:41:9 › input: bottom content - ionic/md/ltr/light › entire input component should render correctly with no fill [Mobile Firefox] › src/components/input/test/bottom-content/input.e2e.ts:51:9 › input: bottom content - ionic/md/ltr/light › entire input component should render correctly with outline fill [Mobile Firefox] › src/components/input/test/fill/input.e2e.ts:215:9 › input: ionic theme fill - ionic/md/ltr/light › should not have visual regressions with outline fill and stacked label placement [Mobile Firefox] › src/components/input/test/fill/input.e2e.ts:215:9 › input: ionic theme fill - ionic/md/rtl/light › should not have visual regressions with outline fill and stacked label placement [Mobile Firefox] › src/components/input/test/highlight/input.e2e.ts:351:11 › input: highlights - ionic/md/ltr/light › input: no fill › should render valid state correctly [Mobile Firefox] › src/components/input/test/highlight/input.e2e.ts:370:11 › input: highlights - ionic/md/ltr/light › input: no fill › should render invalid state correctly [Mobile Firefox] › src/components/input/test/highlight/input.e2e.ts:391:11 › input: highlights - ionic/md/ltr/light › input: outline › should render valid state correctly [Mobile Firefox] › src/components/input/test/highlight/input.e2e.ts:411:11 › input: highlights - ionic/md/ltr/light › input: outline › should render invalid state correctly [Mobile Firefox] › src/components/input/test/highlight/input.e2e.ts:431:11 › input: highlights - ionic/md/ltr/light › input: outline › should render custom highlight correctly [Mobile Firefox] › src/components/input/test/size/input.e2e.ts:39:11 › input: size - ionic/md/ltr/light › input: size medium › should not have visual regressions with fill outline [Mobile Firefox] › src/components/input/test/size/input.e2e.ts:106:11 › input: size - ionic/md/ltr/light › input: size large › should not have visual regressions with fill outline [Mobile Firefox] › src/components/input/test/size/input.e2e.ts:175:11 › input: size - ionic/md/ltr/light › input: size xlarge › should not have visual regressions with fill outline [Mobile Firefox] › src/components/input/test/slot/input.e2e.ts:52:9 › input: start and end slots (visual checks for ionic theme) - ionic/md/ltr/light › should not have visual regressions with a stacked label and outline fill [Mobile Firefox] › src/components/input/test/slot/input.e2e.ts:52:9 › input: start and end slots (visual checks for ionic theme) - ionic/md/rtl/light › should not have visual regressions with a stacked label and outline fill [Mobile Firefox] › src/components/input/test/states/input.e2e.ts:36:13 › input: states - ionic/md/ltr/light › disabled - ionic/md/ltr/light › no fill - ionic/md/ltr/light › should render disabled input correctly [Mobile Firefox] › src/components/input/test/states/input.e2e.ts:89:13 › input: states - ionic/md/ltr/light › disabled - ionic/md/ltr/light › outline - ionic/md/ltr/light › should render disabled input correctly [Mobile Firefox] › src/components/input/test/states/input.e2e.ts:147:11 › input: states - ionic/md/ltr/light › focused - ionic/md/ltr/light › should r

17 failed [Mobile Chrome] › src/components/datetime/test/position/datetime.e2e.ts:6:9 › datetime: position - ios/ltr › should position the time picker relative to the click target [Mobile Chrome] › src/components/datetime/test/position/datetime.e2e.ts:6:9 › datetime: position - ios/rtl › should position the time picker relative to the click target [Mobile Chrome] › src/components/datetime/test/position/datetime.e2e.ts:6:9 › datetime: position - md/ltr › should position the time picker relative to the click target [Mobile Chrome] › src/components/datetime/test/position/datetime.e2e.ts:6:9 › datetime: position - md/rtl › should position the time picker relative to the click target [Mobile Chrome] › src/components/input/test/basic/input.e2e.ts:137:9 › input: clear button in ionic theme, visual checks - ionic/md/ltr/light › should not have visual regressions [Mobile Chrome] › src/components/input/test/basic/input.e2e.ts:157:9 › input: clear button in ionic theme, visual checks - ionic/md/ltr/light › should not have visual regressions when clear button is focused [Mobile Chrome] › src/components/input/test/basic/input.e2e.ts:137:9 › input: clear button in ionic theme, visual checks - ionic/md/rtl/light › should not have visual regressions [Mobile Chrome] › src/components/input/test/basic/input.e2e.ts:157:9 › input: clear button in ionic theme, visual checks - ionic/md/rtl/light › should not have visual regressions when clear button is focused [Mobile Chrome] › src/components/input/test/bottom-content/input.e2e.ts:41:9 › input: bottom content - ionic/md/ltr/light › entire input component should render correctly with no fill [Mobile Chrome] › src/components/input/test/bottom-content/input.e2e.ts:51:9 › input: bottom content - ionic/md/ltr/light › entire input component should render correctly with outline fill [Mobile Chrome] › src/components/input/test/fill/input.e2e.ts:215:9 › input: ionic theme fill - ionic/md/ltr/light › should not have visual regressions with outline fill and stacked label placement [Mobile Chrome] › src/components/input/test/fill/input.e2e.ts:215:9 › input: ionic theme fill - ionic/md/rtl/light › should not have visual regressions with outline fill and stacked label placement [Mobile Chrome] › src/components/input/test/highlight/input.e2e.ts:351:11 › input: highlights - ionic/md/ltr/light › input: no fill › should render valid state correctly [Mobile Chrome] › src/components/input/test/highlight/input.e2e.ts:370:11 › input: highlights - ionic/md/ltr/light › input: no fill › should render invalid state correctly [Mobile Chrome] › src/components/input/test/highlight/input.e2e.ts:391:11 › input: highlights - ionic/md/ltr/light › input: outline › should render valid state correctly [Mobile Chrome] › src/components/input/test/highlight/input.e2e.ts:411:11 › input: highlights - ionic/md/ltr/light › input: outline › should render invalid state correctly [Mobile Chrome] › src/components/input/test/highlight/input.e2e.ts:431:11 › input: highlights - ionic/md/ltr/light › input: outline › should render custom highlight correctly 3 skipped 442 passed (10.5m)

4 failed [Mobile Safari] › src/components/datetime/test/position/datetime.e2e.ts:6:9 › datetime: position - ios/ltr › should position the time picker relative to the click target [Mobile Safari] › src/components/datetime/test/position/datetime.e2e.ts:6:9 › datetime: position - ios/rtl › should position the time picker relative to the click target [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 [Mobile Safari] › src/components/datetime/test/position/datetime.e2e.ts:6:9 › datetime: position - md/rtl › should position the time picker relative to the click target 2 skipped 447 passed (11.9m)

4 failed [Mobile Firefox] › src/components/datetime/test/position/datetime.e2e.ts:6:9 › datetime: position - ios/ltr › should position the time picker relative to the click target [Mobile Firefox] › src/components/datetime/test/position/datetime.e2e.ts:6:9 › datetime: position - ios/rtl › should position the time picker relative to the click target [Mobile Firefox] › src/components/datetime/test/position/datetime.e2e.ts:6:9 › datetime: position - md/ltr › should position the time picker relative to the click target [Mobile Firefox] › src/components/datetime/test/position/datetime.e2e.ts:6:9 › datetime: position - md/rtl › should position the time picker relative to the click target 3 skipped 406 passed (12.0m)

15 failed [Mobile Chrome] › src/components/modal/test/trigger/modal.e2e.ts:21:9 › modal: trigger - md/ltr › should still open modal when it has been removed and re-added to DOM [Mobile Chrome] › src/components/nav/test/basic/nav.e2e.ts:20:11 › nav: basic - ios/ltr › pushing a new page › should render the pushed component [Mobile Chrome] › src/components/nav/test/basic/nav.e2e.ts:34:11 › nav: basic - ios/ltr › pushing a new page › should render the back button [Mobile Chrome] › src/components/nav/test/basic/nav.e2e.ts:45:9 › nav: basic - ios/ltr › back button should pop to the previous page [Mobile Chrome] › src/components/nav/test/basic/nav.e2e.ts:63:11 › nav: basic - ios/ltr › pushing multiple pages › should keep previous pages in the DOM [Mobile Chrome] › src/components/nav/test/nested/nav.e2e.ts:15:9 › nav: nested - ios/ltr › should push pages with nested ion-nav [Mobile Chrome] › src/components/nav/test/nested/nav.e2e.ts:51:11 › nav: nested - ios/ltr › back button › should work with nested ion-nav [Mobile Chrome] › src/components/nav/test/routing/nav.e2e.ts:22:11 › nav: routing - ios/ltr › pushing a new page › should render the pushed component [Mobile Chrome] › src/components/nav/test/routing/nav.e2e.ts:47:11 › nav: routing - ios/ltr › pushing a new page › should render the back button [Mobile Chrome] › src/components/nav/test/routing/nav.e2e.ts:58:9 › nav: routing - ios/ltr › back button should pop to the previous page [Mobile Chrome] › src/components/nav/test/routing/nav.e2e.ts:77:11 › nav: routing - ios/ltr › pushing multiple pages › should keep previous pages in the DOM [Mobile Chrome] › src/components/picker/test/basic/picker.e2e.ts:123:9 › picker: focus - ios/ltr › tabbing should correctly move focus back [Mobile Chrome] › src/components/picker/test/keyboard-entry/picker.e2e.ts:10:9 › picker: keyboard entry - ios/ltr › should scroll to and update the value prop for a single column [Mobile Chrome] › src/components/picker/test/keyboard-entry/picker.e2e.ts:125:9 › picker: keyboard entry - ios/ltr › should select 00 [Mobile Chrome] › src/components/popover/test/trigger/popover.e2e.ts:37:9 › popover: trigger - md/ltr › should still open popover when it has been removed and re-added to DOM 7 skipped 437 passed (19.8m)

15 failed [Mobile Firefox] › src/components/loading/test/basic/loading.e2e.ts:68:9 › loading: focus trapping - ios/ltr › it should trap focus in the loader [Mobile Firefox] › src/components/modal/test/trigger/modal.e2e.ts:21:9 › modal: trigger - md/ltr › should still open modal when it has been removed and re-added to DOM [Mobile Firefox] › src/components/nav/test/basic/nav.e2e.ts:20:11 › nav: basic - ios/ltr › pushing a new page › should render the pushed component [Mobile Firefox] › src/components/nav/test/basic/nav.e2e.ts:34:11 › nav: basic - ios/ltr › pushing a new page › should render the back button [Mobile Firefox] › src/components/nav/test/basic/nav.e2e.ts:45:9 › nav: basic - ios/ltr › back button should pop to the previous page [Mobile Firefox] › src/components/nav/test/basic/nav.e2e.ts:63:11 › nav: basic - ios/ltr › pushing multiple pages › should keep previous pages in the DOM [Mobile Firefox] › src/components/nav/test/nested/nav.e2e.ts:15:9 › nav: nested - ios/ltr › should push pages with nested ion-nav [Mobile Firefox] › src/components/nav/test/nested/nav.e2e.ts:51:11 › nav: nested - ios/ltr › back button › should work with nested ion-nav [Mobile Firefox] › src/components/nav/test/routing/nav.e2e.ts:22:11 › nav: routing - ios/ltr › pushing a new page › should render the pushed component [Mobile Firefox] › src/components/nav/test/routing/nav.e2e.ts:47:11 › nav: routing - ios/ltr › pushing a new page › should render the back button [Mobile Firefox] › src/components/nav/test/routing/nav.e2e.ts:58:9 › nav: routing - ios/ltr › back button should pop to the previous page [Mobile Firefox] › src/components/nav/test/routing/nav.e2e.ts:77:11 › nav: routing - ios/ltr › pushing multiple pages › should keep previous pages in the DOM [Mobile Firefox] › src/components/picker/test/basic/picker.e2e.ts:108:9 › picker: focus - ios/ltr › tabbing should correctly move focus between columns [Mobile Firefox] › src/components/picker/test/basic/picker.e2e.ts:123:9 › picker: focus - ios/ltr › tabbing should correctly move focus back [Mobile Firefox] › src/components/popover/test/trigger/popover.e2e.ts:37:9 › popover: trigger - md/ltr › should still open popover when it has been removed and re-added to DOM 12 skipped 434 passed (23.4m)