1) [Mobile Chrome] › src/components/alert/test/a11y/alert.e2e.ts:183:9 › alert: font scaling - ios/ltr › should scale text on larger font sizes Error: Screenshot comparison failed: 40 pixels (ratio 0.01 of all image pixels) are different. Expected: /ionic/src/components/alert/test/a11y/alert.e2e.ts-snapshots/alert-scale-ios-ltr-Mobile-Chrome-linux.png Received: /ionic/test-results/src-components-alert-test-a11y-alert.e2e.ts-al-1f8bc--ios-ltr-should-scale-text-on-larger-font-sizes-Mobile-Chrome/alert-scale-ios-ltr-actual.png Diff: /ionic/test-results/src-components-alert-test-a11y-alert.e2e.ts-al-1f8bc--ios-ltr-should-scale-text-on-larger-font-sizes-Mobile-Chrome/alert-scale-ios-ltr-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 40 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 40 pixels (ratio 0.01 of all image pixels) are different. 207 | await ionAlertDidPresent.next(); 208 | > 209 | await expect(page).toHaveScreenshot(screenshot(`alert-scale`)); | ^ 210 | }); 211 | test('should scale text on larger font sizes with checkboxes', async ({ page }) => { 212 | await page.setContent( at /ionic/src/components/alert/test/a11y/alert.e2e.ts:209:26

1) [Mobile Chrome] › src/components/alert/test/a11y/alert.e2e.ts:183:9 › alert: font scaling - ios/ltr › should scale text on larger font sizes Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 40 pixels (ratio 0.01 of all image pixels) are different. Expected: /ionic/src/components/alert/test/a11y/alert.e2e.ts-snapshots/alert-scale-ios-ltr-Mobile-Chrome-linux.png Received: /ionic/test-results/src-components-alert-test-a11y-alert.e2e.ts-al-1f8bc--ios-ltr-should-scale-text-on-larger-font-sizes-Mobile-Chrome-retry1/alert-scale-ios-ltr-actual.png Diff: /ionic/test-results/src-components-alert-test-a11y-alert.e2e.ts-al-1f8bc--ios-ltr-should-scale-text-on-larger-font-sizes-Mobile-Chrome-retry1/alert-scale-ios-ltr-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 40 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 40 pixels (ratio 0.01 of all image pixels) are different. 207 | await ionAlertDidPresent.next(); 208 | > 209 | await expect(page).toHaveScreenshot(screenshot(`alert-scale`)); | ^ 210 | }); 211 | test('should scale text on larger font sizes with checkboxes', async ({ page }) => { 212 | await page.setContent( at /ionic/src/components/alert/test/a11y/alert.e2e.ts:209:26

1) [Mobile Chrome] › src/components/alert/test/a11y/alert.e2e.ts:183:9 › alert: font scaling - ios/ltr › should scale text on larger font sizes Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 40 pixels (ratio 0.01 of all image pixels) are different. Expected: /ionic/src/components/alert/test/a11y/alert.e2e.ts-snapshots/alert-scale-ios-ltr-Mobile-Chrome-linux.png Received: /ionic/test-results/src-components-alert-test-a11y-alert.e2e.ts-al-1f8bc--ios-ltr-should-scale-text-on-larger-font-sizes-Mobile-Chrome-retry2/alert-scale-ios-ltr-actual.png Diff: /ionic/test-results/src-components-alert-test-a11y-alert.e2e.ts-al-1f8bc--ios-ltr-should-scale-text-on-larger-font-sizes-Mobile-Chrome-retry2/alert-scale-ios-ltr-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 40 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 40 pixels (ratio 0.01 of all image pixels) are different. 207 | await ionAlertDidPresent.next(); 208 | > 209 | await expect(page).toHaveScreenshot(screenshot(`alert-scale`)); | ^ 210 | }); 211 | test('should scale text on larger font sizes with checkboxes', async ({ page }) => { 212 | await page.setContent( at /ionic/src/components/alert/test/a11y/alert.e2e.ts:209:26

1) [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 Error: Screenshot comparison failed: 393 pixels (ratio 0.01 of all image pixels) are different. Expected: /ionic/src/components/input/test/states/input.e2e.ts-snapshots/input-disabled-no-fill-ionic-md-ltr-light-Mobile-Chrome-linux.png Received: /ionic/test-results/src-components-input-test-states-input.e2e.ts--1516c-tr-light-should-render-disabled-input-correctly-Mobile-Chrome/input-disabled-no-fill-ionic-md-ltr-light-actual.png Diff: /ionic/test-results/src-components-input-test-states-input.e2e.ts--1516c-tr-light-should-render-disabled-input-correctly-Mobile-Chrome/input-disabled-no-fill-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 class="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 - 393 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('.container') - locator resolved to <div class="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 - 393 pixels (ratio 0.01 of all image pixels) are different. 82 | 83 | const container = page.locator('.container'); > 84 | await expect(container).toHaveScreenshot(screenshot(`input-disabled-no-fill`)); | ^ 85 | }); 86 | }); 87 | at /ionic/src/components/input/test/states/input.e2e.ts:84:35

1) [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 Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 393 pixels (ratio 0.01 of all image pixels) are different. Expected: /ionic/src/components/input/test/states/input.e2e.ts-snapshots/input-disabled-no-fill-ionic-md-ltr-light-Mobile-Chrome-linux.png Received: /ionic/test-results/src-components-input-test-states-input.e2e.ts--1516c-tr-light-should-render-disabled-input-correctly-Mobile-Chrome-retry1/input-disabled-no-fill-ionic-md-ltr-light-actual.png Diff: /ionic/test-results/src-components-input-test-states-input.e2e.ts--1516c-tr-light-should-render-disabled-input-correctly-Mobile-Chrome-retry1/input-disabled-no-fill-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 class="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 - 393 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('.container') - locator resolved to <div class="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 - 393 pixels (ratio 0.01 of all image pixels) are different. 82 | 83 | const container = page.locator('.container'); > 84 | await expect(container).toHaveScreenshot(screenshot(`input-disabled-no-fill`)); | ^ 85 | }); 86 | }); 87 | at /ionic/src/components/input/test/states/input.e2e.ts:84:35

1) [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 Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 393 pixels (ratio 0.01 of all image pixels) are different. Expected: /ionic/src/components/input/test/states/input.e2e.ts-snapshots/input-disabled-no-fill-ionic-md-ltr-light-Mobile-Chrome-linux.png Received: /ionic/test-results/src-components-input-test-states-input.e2e.ts--1516c-tr-light-should-render-disabled-input-correctly-Mobile-Chrome-retry2/input-disabled-no-fill-ionic-md-ltr-light-actual.png Diff: /ionic/test-results/src-components-input-test-states-input.e2e.ts--1516c-tr-light-should-render-disabled-input-correctly-Mobile-Chrome-retry2/input-disabled-no-fill-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 class="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 - 393 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('.container') - locator resolved to <div class="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 - 393 pixels (ratio 0.01 of all image pixels) are different. 82 | 83 | const container = page.locator('.container'); > 84 | await expect(container).toHaveScreenshot(screenshot(`input-disabled-no-fill`)); | ^ 85 | }); 86 | }); 87 | at /ionic/src/components/input/test/states/input.e2e.ts:84:35

2) [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 Error: Screenshot comparison failed: Expected an image 393px by 155px, received 393px by 154px. 2991 pixels (ratio 0.05 of all image pixels) are different. Expected: /ionic/src/components/input/test/states/input.e2e.ts-snapshots/input-focused-ionic-md-ltr-light-Mobile-Chrome-linux.png Received: /ionic/test-results/src-components-input-test-states-input.e2e.ts--c13c0-ltr-light-should-render-focused-input-correctly-Mobile-Chrome/input-focused-ionic-md-ltr-light-actual.png Diff: /ionic/test-results/src-components-input-test-states-input.e2e.ts--c13c0-ltr-light-should-render-focused-input-correctly-Mobile-Chrome/input-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 class="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 155px, received 393px by 154px. 2991 pixels (ratio 0.05 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('.container') - locator resolved to <div class="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 155px, received 393px by 154px. 2991 pixels (ratio 0.05 of all image pixels) are different. 173 | 174 | const container = page.locator('.container'); > 175 | await expect(container).toHaveScreenshot(screenshot(`input-focused`)); | ^ 176 | }); 177 | }); 178 | }); at /ionic/src/components/input/test/states/input.e2e.ts:175:33

2) [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 Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: Expected an image 393px by 155px, received 393px by 154px. 2991 pixels (ratio 0.05 of all image pixels) are different. Expected: /ionic/src/components/input/test/states/input.e2e.ts-snapshots/input-focused-ionic-md-ltr-light-Mobile-Chrome-linux.png Received: /ionic/test-results/src-components-input-test-states-input.e2e.ts--c13c0-ltr-light-should-render-focused-input-correctly-Mobile-Chrome-retry1/input-focused-ionic-md-ltr-light-actual.png Diff: /ionic/test-results/src-components-input-test-states-input.e2e.ts--c13c0-ltr-light-should-render-focused-input-correctly-Mobile-Chrome-retry1/input-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 class="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 155px, received 393px by 154px. 2991 pixels (ratio 0.05 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('.container') - locator resolved to <div class="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 155px, received 393px by 154px. 2991 pixels (ratio 0.05 of all image pixels) are different. 173 | 174 | const container = page.locator('.container'); > 175 | await expect(container).toHaveScreenshot(screenshot(`input-focused`)); | ^ 176 | }); 177 | }); 178 | }); at /ionic/src/components/input/test/states/input.e2e.ts:175:33

2) [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 Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: Expected an image 393px by 155px, received 393px by 154px. 2991 pixels (ratio 0.05 of all image pixels) are different. Expected: /ionic/src/components/input/test/states/input.e2e.ts-snapshots/input-focused-ionic-md-ltr-light-Mobile-Chrome-linux.png Received: /ionic/test-results/src-components-input-test-states-input.e2e.ts--c13c0-ltr-light-should-render-focused-input-correctly-Mobile-Chrome-retry2/input-focused-ionic-md-ltr-light-actual.png Diff: /ionic/test-results/src-components-input-test-states-input.e2e.ts--c13c0-ltr-light-should-render-focused-input-correctly-Mobile-Chrome-retry2/input-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 class="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 155px, received 393px by 154px. 2991 pixels (ratio 0.05 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('.container') - locator resolved to <div class="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 155px, received 393px by 154px. 2991 pixels (ratio 0.05 of all image pixels) are different. 173 | 174 | const container = page.locator('.container'); > 175 | await expect(container).toHaveScreenshot(screenshot(`input-focused`)); | ^ 176 | }); 177 | }); 178 | }); at /ionic/src/components/input/test/states/input.e2e.ts:175:33

1) [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 Error: Screenshot comparison failed: 393 pixels (ratio 0.02 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-Chrome-linux.png Received: /ionic/test-results/src-components-input-test-basic-input.e2e.ts-i-18fe3-md-ltr-light-should-not-have-visual-regressions-Mobile-Chrome/input-with-clear-button-ionic-md-ltr-light-actual.png Diff: /ionic/test-results/src-components-input-test-basic-input.e2e.ts-i-18fe3-md-ltr-light-should-not-have-visual-regressions-Mobile-Chrome/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 - 393 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 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 - 393 pixels (ratio 0.02 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 }) => { at /ionic/src/components/input/test/basic/input.e2e.ts:154:27

1) [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 Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 393 pixels (ratio 0.02 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-Chrome-linux.png Received: /ionic/test-results/src-components-input-test-basic-input.e2e.ts-i-18fe3-md-ltr-light-should-not-have-visual-regressions-Mobile-Chrome-retry1/input-with-clear-button-ionic-md-ltr-light-actual.png Diff: /ionic/test-results/src-components-input-test-basic-input.e2e.ts-i-18fe3-md-ltr-light-should-not-have-visual-regressions-Mobile-Chrome-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 - 393 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 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 - 393 pixels (ratio 0.02 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 }) => { at /ionic/src/components/input/test/basic/input.e2e.ts:154:27

1) [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 Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 393 pixels (ratio 0.02 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-Chrome-linux.png Received: /ionic/test-results/src-components-input-test-basic-input.e2e.ts-i-18fe3-md-ltr-light-should-not-have-visual-regressions-Mobile-Chrome-retry2/input-with-clear-button-ionic-md-ltr-light-actual.png Diff: /ionic/test-results/src-components-input-test-basic-input.e2e.ts-i-18fe3-md-ltr-light-should-not-have-visual-regressions-Mobile-Chrome-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 - 393 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 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 - 393 pixels (ratio 0.02 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 }) => { at /ionic/src/components/input/test/basic/input.e2e.ts:154:27

2) [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 Error: Screenshot comparison failed: 746 pixels (ratio 0.03 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-Chrome-linux.png Received: /ionic/test-results/src-components-input-test-basic-input.e2e.ts-i-9a4f2-visual-regressions-when-clear-button-is-focused-Mobile-Chrome/input-clear-button-focused-ionic-md-ltr-light-actual.png Diff: /ionic/test-results/src-components-input-test-basic-input.e2e.ts-i-9a4f2-visual-regressions-when-clear-button-is-focused-Mobile-Chrome/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 - 746 pixels (ratio 0.03 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 - 746 pixels (ratio 0.03 of all image pixels) are different. 186 | 187 | const container = page.locator('#container'); > 188 | await expect(container).toHaveScreenshot(screenshot(`input-clear-button-focused`)); | ^ 189 | }); 190 | }); 191 | }); at /ionic/src/components/input/test/basic/input.e2e.ts:188:31

2) [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 Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 746 pixels (ratio 0.03 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-Chrome-linux.png Received: /ionic/test-results/src-components-input-test-basic-input.e2e.ts-i-9a4f2-visual-regressions-when-clear-button-is-focused-Mobile-Chrome-retry1/input-clear-button-focused-ionic-md-ltr-light-actual.png Diff: /ionic/test-results/src-components-input-test-basic-input.e2e.ts-i-9a4f2-visual-regressions-when-clear-button-is-focused-Mobile-Chrome-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 - 746 pixels (ratio 0.03 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 - 746 pixels (ratio 0.03 of all image pixels) are different. 186 | 187 | const container = page.locator('#container'); > 188 | await expect(container).toHaveScreenshot(screenshot(`input-clear-button-focused`)); | ^ 189 | }); 190 | }); 191 | }); at /ionic/src/components/input/test/basic/input.e2e.ts:188:31

2) [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 Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 746 pixels (ratio 0.03 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-Chrome-linux.png Received: /ionic/test-results/src-components-input-test-basic-input.e2e.ts-i-9a4f2-visual-regressions-when-clear-button-is-focused-Mobile-Chrome-retry2/input-clear-button-focused-ionic-md-ltr-light-actual.png Diff: /ionic/test-results/src-components-input-test-basic-input.e2e.ts-i-9a4f2-visual-regressions-when-clear-button-is-focused-Mobile-Chrome-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 - 746 pixels (ratio 0.03 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 - 746 pixels (ratio 0.03 of all image pixels) are different. 186 | 187 | const container = page.locator('#container'); > 188 | await expect(container).toHaveScreenshot(screenshot(`input-clear-button-focused`)); | ^ 189 | }); 190 | }); 191 | }); at /ionic/src/components/input/test/basic/input.e2e.ts:188:31

3) [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 Error: Screenshot comparison failed: 393 pixels (ratio 0.02 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-Chrome-linux.png Received: /ionic/test-results/src-components-input-test-basic-input.e2e.ts-i-64cf7-md-rtl-light-should-not-have-visual-regressions-Mobile-Chrome/input-with-clear-button-ionic-md-rtl-light-actual.png Diff: /ionic/test-results/src-components-input-test-basic-input.e2e.ts-i-64cf7-md-rtl-light-should-not-have-visual-regressions-Mobile-Chrome/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 - 393 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 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 - 393 pixels (ratio 0.02 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 }) => { at /ionic/src/components/input/test/basic/input.e2e.ts:154:27

3) [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 Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 393 pixels (ratio 0.02 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-Chrome-linux.png Received: /ionic/test-results/src-components-input-test-basic-input.e2e.ts-i-64cf7-md-rtl-light-should-not-have-visual-regressions-Mobile-Chrome-retry1/input-with-clear-button-ionic-md-rtl-light-actual.png Diff: /ionic/test-results/src-components-input-test-basic-input.e2e.ts-i-64cf7-md-rtl-light-should-not-have-visual-regressions-Mobile-Chrome-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 - 393 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 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 - 393 pixels (ratio 0.02 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 }) => { at /ionic/src/components/input/test/basic/input.e2e.ts:154:27

3) [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 Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 393 pixels (ratio 0.02 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-Chrome-linux.png Received: /ionic/test-results/src-components-input-test-basic-input.e2e.ts-i-64cf7-md-rtl-light-should-not-have-visual-regressions-Mobile-Chrome-retry2/input-with-clear-button-ionic-md-rtl-light-actual.png Diff: /ionic/test-results/src-components-input-test-basic-input.e2e.ts-i-64cf7-md-rtl-light-should-not-have-visual-regressions-Mobile-Chrome-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 - 393 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 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 - 393 pixels (ratio 0.02 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 }) => { at /ionic/src/components/input/test/basic/input.e2e.ts:154:27

4) [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 Error: Screenshot comparison failed: 746 pixels (ratio 0.03 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-Chrome-linux.png Received: /ionic/test-results/src-components-input-test-basic-input.e2e.ts-i-92a38-visual-regressions-when-clear-button-is-focused-Mobile-Chrome/input-clear-button-focused-ionic-md-rtl-light-actual.png Diff: /ionic/test-results/src-components-input-test-basic-input.e2e.ts-i-92a38-visual-regressions-when-clear-button-is-focused-Mobile-Chrome/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 - 746 pixels (ratio 0.03 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 - 746 pixels (ratio 0.03 of all image pixels) are different. 186 | 187 | const container = page.locator('#container'); > 188 | await expect(container).toHaveScreenshot(screenshot(`input-clear-button-focused`)); | ^ 189 | }); 190 | }); 191 | }); at /ionic/src/components/input/test/basic/input.e2e.ts:188:31

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: 390 pixels (ratio 0.02 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-basic-input.e2e.ts-i-18fe3-md-ltr-light-should-not-have-visual-regressions-Mobile-Safari/input-with-clear-button-ionic-md-ltr-light-actual.png Diff: /ionic/test-results/src-components-input-test-basic-input.e2e.ts-i-18fe3-md-ltr-light-should-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 - 390 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 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 - 390 pixels (ratio 0.02 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 }) => { 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: 390 pixels (ratio 0.02 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-basic-input.e2e.ts-i-18fe3-md-ltr-light-should-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-basic-input.e2e.ts-i-18fe3-md-ltr-light-should-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 - 390 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 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 - 390 pixels (ratio 0.02 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 }) => { 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: 390 pixels (ratio 0.02 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-basic-input.e2e.ts-i-18fe3-md-ltr-light-should-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-basic-input.e2e.ts-i-18fe3-md-ltr-light-should-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 - 390 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 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 - 390 pixels (ratio 0.02 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 }) => { 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: 740 pixels (ratio 0.03 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-basic-input.e2e.ts-i-9a4f2-visual-regressions-when-clear-button-is-focused-Mobile-Safari/input-clear-button-focused-ionic-md-ltr-light-actual.png Diff: /ionic/test-results/src-components-input-test-basic-input.e2e.ts-i-9a4f2-visual-regressions-when-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 - 740 pixels (ratio 0.03 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 - 740 pixels (ratio 0.03 of all image pixels) are different. 186 | 187 | const container = page.locator('#container'); > 188 | await expect(container).toHaveScreenshot(screenshot(`input-clear-button-focused`)); | ^ 189 | }); 190 | }); 191 | }); at /ionic/src/components/input/test/basic/input.e2e.ts:188: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: 740 pixels (ratio 0.03 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-basic-input.e2e.ts-i-9a4f2-visual-regressions-when-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-basic-input.e2e.ts-i-9a4f2-visual-regressions-when-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 - 740 pixels (ratio 0.03 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 - 740 pixels (ratio 0.03 of all image pixels) are different. 186 | 187 | const container = page.locator('#container'); > 188 | await expect(container).toHaveScreenshot(screenshot(`input-clear-button-focused`)); | ^ 189 | }); 190 | }); 191 | }); at /ionic/src/components/input/test/basic/input.e2e.ts:188: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: 740 pixels (ratio 0.03 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-basic-input.e2e.ts-i-9a4f2-visual-regressions-when-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-basic-input.e2e.ts-i-9a4f2-visual-regressions-when-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 - 740 pixels (ratio 0.03 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 - 740 pixels (ratio 0.03 of all image pixels) are different. 186 | 187 | const container = page.locator('#container'); > 188 | await expect(container).toHaveScreenshot(screenshot(`input-clear-button-focused`)); | ^ 189 | }); 190 | }); 191 | }); at /ionic/src/components/input/test/basic/input.e2e.ts:188: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: 390 pixels (ratio 0.02 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-basic-input.e2e.ts-i-64cf7-md-rtl-light-should-not-have-visual-regressions-Mobile-Safari/input-with-clear-button-ionic-md-rtl-light-actual.png Diff: /ionic/test-results/src-components-input-test-basic-input.e2e.ts-i-64cf7-md-rtl-light-should-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 - 390 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 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 - 390 pixels (ratio 0.02 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 }) => { 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: 390 pixels (ratio 0.02 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-basic-input.e2e.ts-i-64cf7-md-rtl-light-should-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-basic-input.e2e.ts-i-64cf7-md-rtl-light-should-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 - 390 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 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 - 390 pixels (ratio 0.02 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 }) => { 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: 390 pixels (ratio 0.02 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-basic-input.e2e.ts-i-64cf7-md-rtl-light-should-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-basic-input.e2e.ts-i-64cf7-md-rtl-light-should-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 - 390 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 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 - 390 pixels (ratio 0.02 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 }) => { 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: 740 pixels (ratio 0.03 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-basic-input.e2e.ts-i-92a38-visual-regressions-when-clear-button-is-focused-Mobile-Safari/input-clear-button-focused-ionic-md-rtl-light-actual.png Diff: /ionic/test-results/src-components-input-test-basic-input.e2e.ts-i-92a38-visual-regressions-when-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 - 740 pixels (ratio 0.03 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 - 740 pixels (ratio 0.03 of all image pixels) are different. 186 | 187 | const container = page.locator('#container'); > 188 | await expect(container).toHaveScreenshot(screenshot(`input-clear-button-focused`)); | ^ 189 | }); 190 | }); 191 | }); at /ionic/src/components/input/test/basic/input.e2e.ts:188:31

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: 393 pixels (ratio 0.02 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-basic-input.e2e.ts-i-18fe3-md-ltr-light-should-not-have-visual-regressions-Mobile-Firefox/input-with-clear-button-ionic-md-ltr-light-actual.png Diff: /ionic/test-results/src-components-input-test-basic-input.e2e.ts-i-18fe3-md-ltr-light-should-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 - 393 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 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 - 393 pixels (ratio 0.02 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 }) => { 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: 393 pixels (ratio 0.02 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-basic-input.e2e.ts-i-18fe3-md-ltr-light-should-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-basic-input.e2e.ts-i-18fe3-md-ltr-light-should-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 - 393 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 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 - 393 pixels (ratio 0.02 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 }) => { 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: 393 pixels (ratio 0.02 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-basic-input.e2e.ts-i-18fe3-md-ltr-light-should-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-basic-input.e2e.ts-i-18fe3-md-ltr-light-should-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 - 393 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 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 - 393 pixels (ratio 0.02 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 }) => { 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: 746 pixels (ratio 0.03 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-basic-input.e2e.ts-i-9a4f2-visual-regressions-when-clear-button-is-focused-Mobile-Firefox/input-clear-button-focused-ionic-md-ltr-light-actual.png Diff: /ionic/test-results/src-components-input-test-basic-input.e2e.ts-i-9a4f2-visual-regressions-when-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 - 746 pixels (ratio 0.03 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 - 746 pixels (ratio 0.03 of all image pixels) are different. 186 | 187 | const container = page.locator('#container'); > 188 | await expect(container).toHaveScreenshot(screenshot(`input-clear-button-focused`)); | ^ 189 | }); 190 | }); 191 | }); at /ionic/src/components/input/test/basic/input.e2e.ts:188: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: 746 pixels (ratio 0.03 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-basic-input.e2e.ts-i-9a4f2-visual-regressions-when-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-basic-input.e2e.ts-i-9a4f2-visual-regressions-when-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 - 746 pixels (ratio 0.03 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 - 746 pixels (ratio 0.03 of all image pixels) are different. 186 | 187 | const container = page.locator('#container'); > 188 | await expect(container).toHaveScreenshot(screenshot(`input-clear-button-focused`)); | ^ 189 | }); 190 | }); 191 | }); at /ionic/src/components/input/test/basic/input.e2e.ts:188: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: 746 pixels (ratio 0.03 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-basic-input.e2e.ts-i-9a4f2-visual-regressions-when-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-basic-input.e2e.ts-i-9a4f2-visual-regressions-when-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 - 746 pixels (ratio 0.03 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 - 746 pixels (ratio 0.03 of all image pixels) are different. 186 | 187 | const container = page.locator('#container'); > 188 | await expect(container).toHaveScreenshot(screenshot(`input-clear-button-focused`)); | ^ 189 | }); 190 | }); 191 | }); at /ionic/src/components/input/test/basic/input.e2e.ts:188: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: 393 pixels (ratio 0.02 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-basic-input.e2e.ts-i-64cf7-md-rtl-light-should-not-have-visual-regressions-Mobile-Firefox/input-with-clear-button-ionic-md-rtl-light-actual.png Diff: /ionic/test-results/src-components-input-test-basic-input.e2e.ts-i-64cf7-md-rtl-light-should-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 - 393 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 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 - 393 pixels (ratio 0.02 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 }) => { 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: 393 pixels (ratio 0.02 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-basic-input.e2e.ts-i-64cf7-md-rtl-light-should-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-basic-input.e2e.ts-i-64cf7-md-rtl-light-should-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 - 393 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 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 - 393 pixels (ratio 0.02 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 }) => { 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: 393 pixels (ratio 0.02 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-basic-input.e2e.ts-i-64cf7-md-rtl-light-should-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-basic-input.e2e.ts-i-64cf7-md-rtl-light-should-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 - 393 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 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 - 393 pixels (ratio 0.02 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 }) => { 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: 746 pixels (ratio 0.03 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-basic-input.e2e.ts-i-92a38-visual-regressions-when-clear-button-is-focused-Mobile-Firefox/input-clear-button-focused-ionic-md-rtl-light-actual.png Diff: /ionic/test-results/src-components-input-test-basic-input.e2e.ts-i-92a38-visual-regressions-when-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 - 746 pixels (ratio 0.03 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 - 746 pixels (ratio 0.03 of all image pixels) are different. 186 | 187 | const container = page.locator('#container'); > 188 | await expect(container).toHaveScreenshot(screenshot(`input-clear-button-focused`)); | ^ 189 | }); 190 | }); 191 | }); at /ionic/src/components/input/test/basic/input.e2e.ts:188:31

1 failed [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 (2.6m)

210 skipped 239 passed (3.1m)

2 skipped 461 passed (3.1m)

455 passed (3.3m)

7 skipped 446 passed (3.6m)

2 failed [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:147:11 › input: states - ionic/md/ltr/light › focused - ionic/md/ltr/light › should render focused input correctly 425 passed (3.6m)

5 failed [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/highlight/input.e2e.ts:351:11 › input: highlights - ionic/md/ltr/light › input: no fill › should render valid state correctly 3 skipped 460 passed (4.2m)

14 skipped 329 passed (4.7m)

547 passed (4.5m)

4 skipped 436 passed (4.9m)

7 skipped 441 passed (5.7m)

10 skipped 450 passed (5.9m)

4 skipped 459 passed (6.0m)

3 skipped 402 passed (6.1m)

7 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/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/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:147:11 › input: states - ionic/md/ltr/light › focused - ionic/md/ltr/light › should render focused input correctly 2 skipped 434 passed (6.1m)

2 skipped 451 passed (6.1m)

4 skipped 495 passed (6.4m)

12 skipped 439 passed (6.7m)

7 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/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/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:147:11 › input: states - ionic/md/ltr/light › focused - ionic/md/ltr/light › should render focused input correctly 3 skipped 442 passed (6.7m)