1) [Mobile Chrome] › src/components/input/test/size/input.e2e.ts:10:11 › input: size - ionic/md/ltr/light › input: size medium › should not have visual regressions Error: Screenshot comparison failed: 203 pixels (ratio 0.01 of all image pixels) are different. Expected: /ionic/src/components/input/test/size/input.e2e.ts-snapshots/input-size-medium-ionic-md-ltr-light-Mobile-Chrome-linux.png Received: /ionic/test-results/src-components-input-test--4f422-not-have-visual-regressions-Mobile-Chrome/input-size-medium-ionic-md-ltr-light-actual.png Diff: /ionic/test-results/src-components-input-test--4f422-not-have-visual-regressions-Mobile-Chrome/input-size-medium-ionic-md-ltr-light-diff.png Call log: - expect.toHaveScreenshot(input-size-medium-ionic-md-ltr-light.png) with timeout 5000ms - verifying given screenshot expectation - waiting for locator('ion-input') - locator resolved to <ion-input label="Email" value="[email protected]" class="sc-ion-input-ionic-h sc-ion-input-ionic-s ionic has-value label-floating input-fill-outline input-shape-round input-size-medium input-label-placement-stacked hydrated">…</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 - 203 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('ion-input') - locator resolved to <ion-input label="Email" value="[email protected]" class="sc-ion-input-ionic-h sc-ion-input-ionic-s ionic has-value label-floating input-fill-outline input-shape-round input-size-medium input-label-placement-stacked hydrated">…</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 - 203 pixels (ratio 0.01 of all image pixels) are different. 20 | 21 | const input = page.locator('ion-input'); > 22 | await expect(input).toHaveScreenshot(screenshot(`input-size-medium`)); | ^ 23 | }); 24 | test('should render correctly with stacked label', async ({ page }) => { 25 | await page.setContent( at /ionic/src/components/input/test/size/input.e2e.ts:22:29

1) [Mobile Chrome] › src/components/input/test/size/input.e2e.ts:10:11 › input: size - ionic/md/ltr/light › input: size medium › should not have visual regressions Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 203 pixels (ratio 0.01 of all image pixels) are different. Expected: /ionic/src/components/input/test/size/input.e2e.ts-snapshots/input-size-medium-ionic-md-ltr-light-Mobile-Chrome-linux.png Received: /ionic/test-results/src-components-input-test--4f422-not-have-visual-regressions-Mobile-Chrome-retry1/input-size-medium-ionic-md-ltr-light-actual.png Diff: /ionic/test-results/src-components-input-test--4f422-not-have-visual-regressions-Mobile-Chrome-retry1/input-size-medium-ionic-md-ltr-light-diff.png Call log: - expect.toHaveScreenshot(input-size-medium-ionic-md-ltr-light.png) with timeout 5000ms - verifying given screenshot expectation - waiting for locator('ion-input') - locator resolved to <ion-input label="Email" value="[email protected]" class="sc-ion-input-ionic-h sc-ion-input-ionic-s ionic has-value label-floating input-fill-outline input-shape-round input-size-medium input-label-placement-stacked hydrated">…</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 - 203 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('ion-input') - locator resolved to <ion-input label="Email" value="[email protected]" class="sc-ion-input-ionic-h sc-ion-input-ionic-s ionic has-value label-floating input-fill-outline input-shape-round input-size-medium input-label-placement-stacked hydrated">…</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 - 203 pixels (ratio 0.01 of all image pixels) are different. 20 | 21 | const input = page.locator('ion-input'); > 22 | await expect(input).toHaveScreenshot(screenshot(`input-size-medium`)); | ^ 23 | }); 24 | test('should render correctly with stacked label', async ({ page }) => { 25 | await page.setContent( at /ionic/src/components/input/test/size/input.e2e.ts:22:29

1) [Mobile Chrome] › src/components/input/test/size/input.e2e.ts:10:11 › input: size - ionic/md/ltr/light › input: size medium › should not have visual regressions Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 203 pixels (ratio 0.01 of all image pixels) are different. Expected: /ionic/src/components/input/test/size/input.e2e.ts-snapshots/input-size-medium-ionic-md-ltr-light-Mobile-Chrome-linux.png Received: /ionic/test-results/src-components-input-test--4f422-not-have-visual-regressions-Mobile-Chrome-retry2/input-size-medium-ionic-md-ltr-light-actual.png Diff: /ionic/test-results/src-components-input-test--4f422-not-have-visual-regressions-Mobile-Chrome-retry2/input-size-medium-ionic-md-ltr-light-diff.png Call log: - expect.toHaveScreenshot(input-size-medium-ionic-md-ltr-light.png) with timeout 5000ms - verifying given screenshot expectation - waiting for locator('ion-input') - locator resolved to <ion-input label="Email" value="[email protected]" class="sc-ion-input-ionic-h sc-ion-input-ionic-s ionic has-value label-floating input-fill-outline input-shape-round input-size-medium input-label-placement-stacked hydrated">…</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 - 203 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('ion-input') - locator resolved to <ion-input label="Email" value="[email protected]" class="sc-ion-input-ionic-h sc-ion-input-ionic-s ionic has-value label-floating input-fill-outline input-shape-round input-size-medium input-label-placement-stacked hydrated">…</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 - 203 pixels (ratio 0.01 of all image pixels) are different. 20 | 21 | const input = page.locator('ion-input'); > 22 | await expect(input).toHaveScreenshot(screenshot(`input-size-medium`)); | ^ 23 | }); 24 | test('should render correctly with stacked label', async ({ page }) => { 25 | await page.setContent( at /ionic/src/components/input/test/size/input.e2e.ts:22:29

[Mobile Chrome] › src/components/input/test/size/input.e2e.ts:24:11 › input: size - ionic/md/ltr/light › input: size medium › should render correctly with stacked label: src/components/input/test/size/input.e2e.ts#L37

2) [Mobile Chrome] › src/components/input/test/size/input.e2e.ts:24:11 › input: size - ionic/md/ltr/light › input: size medium › should render correctly with stacked label Error: Screenshot comparison failed: 203 pixels (ratio 0.01 of all image pixels) are different. Expected: /ionic/src/components/input/test/size/input.e2e.ts-snapshots/input-size-medium-label-stacked-ionic-md-ltr-light-Mobile-Chrome-linux.png Received: /ionic/test-results/src-components-input-test--fd916-orrectly-with-stacked-label-Mobile-Chrome/input-size-medium-label-stacked-ionic-md-ltr-light-actual.png Diff: /ionic/test-results/src-components-input-test--fd916-orrectly-with-stacked-label-Mobile-Chrome/input-size-medium-label-stacked-ionic-md-ltr-light-diff.png Call log: - expect.toHaveScreenshot(input-size-medium-label-stacked-ionic-md-ltr-light.png) with timeout 5000ms - verifying given screenshot expectation - waiting for locator('ion-input') - locator resolved to <ion-input label="Email" value="[email protected]" label-placement="stacked" class="sc-ion-input-ionic-h sc-ion-input-ionic-s ionic has-value label-floating input-fill-outline input-shape-round input-size-medium input-label-placement-stacked hydrated">…</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 - 203 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('ion-input') - locator resolved to <ion-input label="Email" value="[email protected]" label-placement="stacked" class="sc-ion-input-ionic-h sc-ion-input-ionic-s ionic has-value label-floating input-fill-outline input-shape-round input-size-medium input-label-placement-stacked hydrated">…</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 - 203 pixels (ratio 0.01 of all image pixels) are different. 35 | 36 | const input = page.locator('ion-input'); > 37 | await expect(input).toHaveScreenshot(screenshot(`input-size-medium-label-stacked`)); | ^ 38 | }); 39 | test('should not have visual regressions with fill outline', async ({ page }) => { 40 | await page.setContent( at /ionic/src/components/input/test/size/input.e2e.ts:37:29

2) [Mobile Chrome] › src/components/input/test/size/input.e2e.ts:24:11 › input: size - ionic/md/ltr/light › input: size medium › should render correctly with stacked label Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 203 pixels (ratio 0.01 of all image pixels) are different. Expected: /ionic/src/components/input/test/size/input.e2e.ts-snapshots/input-size-medium-label-stacked-ionic-md-ltr-light-Mobile-Chrome-linux.png Received: /ionic/test-results/src-components-input-test--fd916-orrectly-with-stacked-label-Mobile-Chrome-retry1/input-size-medium-label-stacked-ionic-md-ltr-light-actual.png Diff: /ionic/test-results/src-components-input-test--fd916-orrectly-with-stacked-label-Mobile-Chrome-retry1/input-size-medium-label-stacked-ionic-md-ltr-light-diff.png Call log: - expect.toHaveScreenshot(input-size-medium-label-stacked-ionic-md-ltr-light.png) with timeout 5000ms - verifying given screenshot expectation - waiting for locator('ion-input') - locator resolved to <ion-input label="Email" value="[email protected]" label-placement="stacked" class="sc-ion-input-ionic-h sc-ion-input-ionic-s ionic has-value label-floating input-fill-outline input-shape-round input-size-medium input-label-placement-stacked hydrated">…</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 - 203 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('ion-input') - locator resolved to <ion-input label="Email" value="[email protected]" label-placement="stacked" class="sc-ion-input-ionic-h sc-ion-input-ionic-s ionic has-value label-floating input-fill-outline input-shape-round input-size-medium input-label-placement-stacked hydrated">…</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 - 203 pixels (ratio 0.01 of all image pixels) are different. 35 | 36 | const input = page.locator('ion-input'); > 37 | await expect(input).toHaveScreenshot(screenshot(`input-size-medium-label-stacked`)); | ^ 38 | }); 39 | test('should not have visual regressions with fill outline', async ({ page }) => { 40 | await page.setContent( at /ionic/src/components/input/test/size/input.e2e.ts:37:29

2) [Mobile Chrome] › src/components/input/test/size/input.e2e.ts:24:11 › input: size - ionic/md/ltr/light › input: size medium › should render correctly with stacked label Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 203 pixels (ratio 0.01 of all image pixels) are different. Expected: /ionic/src/components/input/test/size/input.e2e.ts-snapshots/input-size-medium-label-stacked-ionic-md-ltr-light-Mobile-Chrome-linux.png Received: /ionic/test-results/src-components-input-test--fd916-orrectly-with-stacked-label-Mobile-Chrome-retry2/input-size-medium-label-stacked-ionic-md-ltr-light-actual.png Diff: /ionic/test-results/src-components-input-test--fd916-orrectly-with-stacked-label-Mobile-Chrome-retry2/input-size-medium-label-stacked-ionic-md-ltr-light-diff.png Call log: - expect.toHaveScreenshot(input-size-medium-label-stacked-ionic-md-ltr-light.png) with timeout 5000ms - verifying given screenshot expectation - waiting for locator('ion-input') - locator resolved to <ion-input label="Email" value="[email protected]" label-placement="stacked" class="sc-ion-input-ionic-h sc-ion-input-ionic-s ionic has-value label-floating input-fill-outline input-shape-round input-size-medium input-label-placement-stacked hydrated">…</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 - 203 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('ion-input') - locator resolved to <ion-input label="Email" value="[email protected]" label-placement="stacked" class="sc-ion-input-ionic-h sc-ion-input-ionic-s ionic has-value label-floating input-fill-outline input-shape-round input-size-medium input-label-placement-stacked hydrated">…</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 - 203 pixels (ratio 0.01 of all image pixels) are different. 35 | 36 | const input = page.locator('ion-input'); > 37 | await expect(input).toHaveScreenshot(screenshot(`input-size-medium-label-stacked`)); | ^ 38 | }); 39 | test('should not have visual regressions with fill outline', async ({ page }) => { 40 | await page.setContent( at /ionic/src/components/input/test/size/input.e2e.ts:37:29

[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: src/components/input/test/size/input.e2e.ts#L53

3) [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: 203 pixels (ratio 0.01 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: - expect.toHaveScreenshot(input-size-medium-outline-ionic-md-ltr-light.png) with timeout 5000ms - verifying given screenshot expectation - waiting for locator('ion-input') - locator resolved to <ion-input label="Email" fill="outline" value="[email protected]" label-placement="stacked" class="sc-ion-input-ionic-h sc-ion-input-ionic-s ionic has-value label-floating input-fill-outline input-shape-round input-size-medium input-label-placement-stacked hydrated">…</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 - 203 pixels (ratio 0.01 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="[email protected]" label-placement="stacked" class="sc-ion-input-ionic-h sc-ion-input-ionic-s ionic has-value label-floating input-fill-outline input-shape-round input-size-medium input-label-placement-stacked hydrated">…</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 - 203 pixels (ratio 0.01 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

3) [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: 203 pixels (ratio 0.01 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: - expect.toHaveScreenshot(input-size-medium-outline-ionic-md-ltr-light.png) with timeout 5000ms - verifying given screenshot expectation - waiting for locator('ion-input') - locator resolved to <ion-input label="Email" fill="outline" value="[email protected]" label-placement="stacked" class="sc-ion-input-ionic-h sc-ion-input-ionic-s ionic has-value label-floating input-fill-outline input-shape-round input-size-medium input-label-placement-stacked hydrated">…</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 - 203 pixels (ratio 0.01 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="[email protected]" label-placement="stacked" class="sc-ion-input-ionic-h sc-ion-input-ionic-s ionic has-value label-floating input-fill-outline input-shape-round input-size-medium input-label-placement-stacked hydrated">…</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 - 203 pixels (ratio 0.01 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

3) [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: 203 pixels (ratio 0.01 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: - expect.toHaveScreenshot(input-size-medium-outline-ionic-md-ltr-light.png) with timeout 5000ms - verifying given screenshot expectation - waiting for locator('ion-input') - locator resolved to <ion-input label="Email" fill="outline" value="[email protected]" label-placement="stacked" class="sc-ion-input-ionic-h sc-ion-input-ionic-s ionic has-value label-floating input-fill-outline input-shape-round input-size-medium input-label-placement-stacked hydrated">…</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 - 203 pixels (ratio 0.01 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="[email protected]" label-placement="stacked" class="sc-ion-input-ionic-h sc-ion-input-ionic-s ionic has-value label-floating input-fill-outline input-shape-round input-size-medium input-label-placement-stacked hydrated">…</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 - 203 pixels (ratio 0.01 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

[Mobile Chrome] › src/components/input/test/size/input.e2e.ts:55:11 › input: size - ionic/md/ltr/light › input: size medium › should not have visual regressions with fill outline and round shape: src/components/input/test/size/input.e2e.ts#L70

4) [Mobile Chrome] › src/components/input/test/size/input.e2e.ts:55:11 › input: size - ionic/md/ltr/light › input: size medium › should not have visual regressions with fill outline and round shape Error: Screenshot comparison failed: 203 pixels (ratio 0.01 of all image pixels) are different. Expected: /ionic/src/components/input/test/size/input.e2e.ts-snapshots/input-size-medium-outline-round-ionic-md-ltr-light-Mobile-Chrome-linux.png Received: /ionic/test-results/src-components-input-test--db85d-ill-outline-and-round-shape-Mobile-Chrome/input-size-medium-outline-round-ionic-md-ltr-light-actual.png Diff: /ionic/test-results/src-components-input-test--db85d-ill-outline-and-round-shape-Mobile-Chrome/input-size-medium-outline-round-ionic-md-ltr-light-diff.png Call log: - expect.toHaveScreenshot(input-size-medium-outline-round-ionic-md-ltr-light.png) with timeout 5000ms - verifying given screenshot expectation - waiting for locator('ion-input') - locator resolved to <ion-input shape="round" label="Email" fill="outline" value="[email protected]" label-placement="stacked" class="sc-ion-input-ionic-h sc-ion-input-ionic-s ionic has-value label-floating input-fill-outline input-shape-round input-size-medium input-label-placement-stacked hydrated">…</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 - 203 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('ion-input') - locator resolved to <ion-input shape="round" label="Email" fill="outline" value="[email protected]" label-placement="stacked" class="sc-ion-input-ionic-h sc-ion-input-ionic-s ionic has-value label-floating input-fill-outline input-shape-round input-size-medium input-label-placement-stacked hydrated">…</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 - 203 pixels (ratio 0.01 of all image pixels) are different. 68 | 69 | const input = page.locator('ion-input'); > 70 | await expect(input).toHaveScreenshot(screenshot(`input-size-medium-outline-round`)); | ^ 71 | }); 72 | }); 73 | at /ionic/src/components/input/test/size/input.e2e.ts:70:29

test-core-screenshot (18, 20)