1) [Mobile Chrome] › src/components/select/test/fill/select.e2e.ts:7:11 › select: fill - ionic/md/ltr/light › select: fill outline › should not have visual regressions Error: Screenshot comparison failed: 181 pixels (ratio 0.01 of all image pixels) are different. Expected: /ionic/src/components/select/test/fill/select.e2e.ts-snapshots/select-fill-outline-ionic-md-ltr-light-Mobile-Chrome-linux.png Received: /ionic/test-results/src-components-select-test-0b554-not-have-visual-regressions-Mobile-Chrome/select-fill-outline-ionic-md-ltr-light-actual.png Diff: /ionic/test-results/src-components-select-test-0b554-not-have-visual-regressions-Mobile-Chrome/select-fill-outline-ionic-md-ltr-light-diff.png Call log: - expect.toHaveScreenshot(select-fill-outline-ionic-md-ltr-light.png) with timeout 5000ms - verifying given screenshot expectation - waiting for locator('ion-select') - locator resolved to <ion-select label="Fruit" value="apple" fill="outline" class="ionic has-value ion-focusable select-ltr select-fill-outline select-shape-round select-label-placement-start select-size-medium hydrated">…</ion-select> - 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 - 181 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('ion-select') - locator resolved to <ion-select label="Fruit" value="apple" fill="outline" class="ionic has-value ion-focusable select-ltr select-fill-outline select-shape-round select-label-placement-start select-size-medium hydrated">…</ion-select> - 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 - 181 pixels (ratio 0.01 of all image pixels) are different. 20 | 21 | const select = page.locator('ion-select'); > 22 | await expect(select).toHaveScreenshot(screenshot(`select-fill-outline`)); | ^ 23 | }); 24 | test('padding and border radius should be customizable', async ({ page }) => { 25 | await page.setContent( at /ionic/src/components/select/test/fill/select.e2e.ts:22:30

1) [Mobile Chrome] › src/components/select/test/fill/select.e2e.ts:7:11 › select: fill - ionic/md/ltr/light › select: fill outline › should not have visual regressions Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 181 pixels (ratio 0.01 of all image pixels) are different. Expected: /ionic/src/components/select/test/fill/select.e2e.ts-snapshots/select-fill-outline-ionic-md-ltr-light-Mobile-Chrome-linux.png Received: /ionic/test-results/src-components-select-test-0b554-not-have-visual-regressions-Mobile-Chrome-retry1/select-fill-outline-ionic-md-ltr-light-actual.png Diff: /ionic/test-results/src-components-select-test-0b554-not-have-visual-regressions-Mobile-Chrome-retry1/select-fill-outline-ionic-md-ltr-light-diff.png Call log: - expect.toHaveScreenshot(select-fill-outline-ionic-md-ltr-light.png) with timeout 5000ms - verifying given screenshot expectation - waiting for locator('ion-select') - locator resolved to <ion-select label="Fruit" value="apple" fill="outline" class="ionic has-value ion-focusable select-ltr select-fill-outline select-shape-round select-label-placement-start select-size-medium hydrated">…</ion-select> - 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 - 181 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('ion-select') - locator resolved to <ion-select label="Fruit" value="apple" fill="outline" class="ionic has-value ion-focusable select-ltr select-fill-outline select-shape-round select-label-placement-start select-size-medium hydrated">…</ion-select> - 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 - 181 pixels (ratio 0.01 of all image pixels) are different. 20 | 21 | const select = page.locator('ion-select'); > 22 | await expect(select).toHaveScreenshot(screenshot(`select-fill-outline`)); | ^ 23 | }); 24 | test('padding and border radius should be customizable', async ({ page }) => { 25 | await page.setContent( at /ionic/src/components/select/test/fill/select.e2e.ts:22:30

1) [Mobile Chrome] › src/components/select/test/fill/select.e2e.ts:7:11 › select: fill - ionic/md/ltr/light › select: fill outline › should not have visual regressions Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 181 pixels (ratio 0.01 of all image pixels) are different. Expected: /ionic/src/components/select/test/fill/select.e2e.ts-snapshots/select-fill-outline-ionic-md-ltr-light-Mobile-Chrome-linux.png Received: /ionic/test-results/src-components-select-test-0b554-not-have-visual-regressions-Mobile-Chrome-retry2/select-fill-outline-ionic-md-ltr-light-actual.png Diff: /ionic/test-results/src-components-select-test-0b554-not-have-visual-regressions-Mobile-Chrome-retry2/select-fill-outline-ionic-md-ltr-light-diff.png Call log: - expect.toHaveScreenshot(select-fill-outline-ionic-md-ltr-light.png) with timeout 5000ms - verifying given screenshot expectation - waiting for locator('ion-select') - locator resolved to <ion-select label="Fruit" value="apple" fill="outline" class="ionic has-value ion-focusable select-ltr select-fill-outline select-shape-round select-label-placement-start select-size-medium hydrated">…</ion-select> - 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 - 181 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('ion-select') - locator resolved to <ion-select label="Fruit" value="apple" fill="outline" class="ionic has-value ion-focusable select-ltr select-fill-outline select-shape-round select-label-placement-start select-size-medium hydrated">…</ion-select> - 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 - 181 pixels (ratio 0.01 of all image pixels) are different. 20 | 21 | const select = page.locator('ion-select'); > 22 | await expect(select).toHaveScreenshot(screenshot(`select-fill-outline`)); | ^ 23 | }); 24 | test('padding and border radius should be customizable', async ({ page }) => { 25 | await page.setContent( at /ionic/src/components/select/test/fill/select.e2e.ts:22:30

2) [Mobile Chrome] › src/components/select/test/fill/select.e2e.ts:24:11 › select: fill - ionic/md/ltr/light › select: fill outline › padding and border radius should be customizable Error: Screenshot comparison failed: 821 pixels (ratio 0.03 of all image pixels) are different. Expected: /ionic/src/components/select/test/fill/select.e2e.ts-snapshots/select-fill-shaped-outline-custom-ionic-md-ltr-light-Mobile-Chrome-linux.png Received: /ionic/test-results/src-components-select-test-a244f-dius-should-be-customizable-Mobile-Chrome/select-fill-shaped-outline-custom-ionic-md-ltr-light-actual.png Diff: /ionic/test-results/src-components-select-test-a244f-dius-should-be-customizable-Mobile-Chrome/select-fill-shaped-outline-custom-ionic-md-ltr-light-diff.png Call log: - expect.toHaveScreenshot(select-fill-shaped-outline-custom-ionic-md-ltr-light.png) with timeout 5000ms - verifying given screenshot expectation - waiting for locator('ion-select') - locator resolved to <ion-select shape="round" label="Fruit" value="apple" fill="outline" label-placement="floating" class="ionic has-value label-floating ion-focusable select-ltr select-fill-outline select-shape-round select-label-placement-floating select-size-medium hydrated">…</ion-select> - 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 - 821 pixels (ratio 0.03 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('ion-select') - locator resolved to <ion-select shape="round" label="Fruit" value="apple" fill="outline" label-placement="floating" class="ionic has-value label-floating ion-focusable select-ltr select-fill-outline select-shape-round select-label-placement-floating select-size-medium hydrated">…</ion-select> - 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 - 821 pixels (ratio 0.03 of all image pixels) are different. 46 | 47 | const select = page.locator('ion-select'); > 48 | await expect(select).toHaveScreenshot(screenshot(`select-fill-shaped-outline-custom`)); | ^ 49 | }); 50 | }); 51 | }); at /ionic/src/components/select/test/fill/select.e2e.ts:48:30

2) [Mobile Chrome] › src/components/select/test/fill/select.e2e.ts:24:11 › select: fill - ionic/md/ltr/light › select: fill outline › padding and border radius should be customizable Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 821 pixels (ratio 0.03 of all image pixels) are different. Expected: /ionic/src/components/select/test/fill/select.e2e.ts-snapshots/select-fill-shaped-outline-custom-ionic-md-ltr-light-Mobile-Chrome-linux.png Received: /ionic/test-results/src-components-select-test-a244f-dius-should-be-customizable-Mobile-Chrome-retry1/select-fill-shaped-outline-custom-ionic-md-ltr-light-actual.png Diff: /ionic/test-results/src-components-select-test-a244f-dius-should-be-customizable-Mobile-Chrome-retry1/select-fill-shaped-outline-custom-ionic-md-ltr-light-diff.png Call log: - expect.toHaveScreenshot(select-fill-shaped-outline-custom-ionic-md-ltr-light.png) with timeout 5000ms - verifying given screenshot expectation - waiting for locator('ion-select') - locator resolved to <ion-select shape="round" label="Fruit" value="apple" fill="outline" label-placement="floating" class="ionic has-value label-floating ion-focusable select-ltr select-fill-outline select-shape-round select-label-placement-floating select-size-medium hydrated">…</ion-select> - 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 - 821 pixels (ratio 0.03 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('ion-select') - locator resolved to <ion-select shape="round" label="Fruit" value="apple" fill="outline" label-placement="floating" class="ionic has-value label-floating ion-focusable select-ltr select-fill-outline select-shape-round select-label-placement-floating select-size-medium hydrated">…</ion-select> - 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 - 821 pixels (ratio 0.03 of all image pixels) are different. 46 | 47 | const select = page.locator('ion-select'); > 48 | await expect(select).toHaveScreenshot(screenshot(`select-fill-shaped-outline-custom`)); | ^ 49 | }); 50 | }); 51 | }); at /ionic/src/components/select/test/fill/select.e2e.ts:48:30

2) [Mobile Chrome] › src/components/select/test/fill/select.e2e.ts:24:11 › select: fill - ionic/md/ltr/light › select: fill outline › padding and border radius should be customizable Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 821 pixels (ratio 0.03 of all image pixels) are different. Expected: /ionic/src/components/select/test/fill/select.e2e.ts-snapshots/select-fill-shaped-outline-custom-ionic-md-ltr-light-Mobile-Chrome-linux.png Received: /ionic/test-results/src-components-select-test-a244f-dius-should-be-customizable-Mobile-Chrome-retry2/select-fill-shaped-outline-custom-ionic-md-ltr-light-actual.png Diff: /ionic/test-results/src-components-select-test-a244f-dius-should-be-customizable-Mobile-Chrome-retry2/select-fill-shaped-outline-custom-ionic-md-ltr-light-diff.png Call log: - expect.toHaveScreenshot(select-fill-shaped-outline-custom-ionic-md-ltr-light.png) with timeout 5000ms - verifying given screenshot expectation - waiting for locator('ion-select') - locator resolved to <ion-select shape="round" label="Fruit" value="apple" fill="outline" label-placement="floating" class="ionic has-value label-floating ion-focusable select-ltr select-fill-outline select-shape-round select-label-placement-floating select-size-medium hydrated">…</ion-select> - 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 - 821 pixels (ratio 0.03 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('ion-select') - locator resolved to <ion-select shape="round" label="Fruit" value="apple" fill="outline" label-placement="floating" class="ionic has-value label-floating ion-focusable select-ltr select-fill-outline select-shape-round select-label-placement-floating select-size-medium hydrated">…</ion-select> - 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 - 821 pixels (ratio 0.03 of all image pixels) are different. 46 | 47 | const select = page.locator('ion-select'); > 48 | await expect(select).toHaveScreenshot(screenshot(`select-fill-shaped-outline-custom`)); | ^ 49 | }); 50 | }); 51 | }); at /ionic/src/components/select/test/fill/select.e2e.ts:48:30

3) [Mobile Chrome] › src/components/select/test/fill/select.e2e.ts:7:11 › select: fill - ionic/md/rtl/light › select: fill outline › should not have visual regressions Error: Screenshot comparison failed: 185 pixels (ratio 0.01 of all image pixels) are different. Expected: /ionic/src/components/select/test/fill/select.e2e.ts-snapshots/select-fill-outline-ionic-md-rtl-light-Mobile-Chrome-linux.png Received: /ionic/test-results/src-components-select-test-4a181-not-have-visual-regressions-Mobile-Chrome/select-fill-outline-ionic-md-rtl-light-actual.png Diff: /ionic/test-results/src-components-select-test-4a181-not-have-visual-regressions-Mobile-Chrome/select-fill-outline-ionic-md-rtl-light-diff.png Call log: - expect.toHaveScreenshot(select-fill-outline-ionic-md-rtl-light.png) with timeout 5000ms - verifying given screenshot expectation - waiting for locator('ion-select') - locator resolved to <ion-select label="Fruit" value="apple" fill="outline" class="ionic has-value ion-focusable select-rtl select-fill-outline select-shape-round select-label-placement-start select-size-medium hydrated">…</ion-select> - 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 - 185 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('ion-select') - locator resolved to <ion-select label="Fruit" value="apple" fill="outline" class="ionic has-value ion-focusable select-rtl select-fill-outline select-shape-round select-label-placement-start select-size-medium hydrated">…</ion-select> - 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 - 185 pixels (ratio 0.01 of all image pixels) are different. 20 | 21 | const select = page.locator('ion-select'); > 22 | await expect(select).toHaveScreenshot(screenshot(`select-fill-outline`)); | ^ 23 | }); 24 | test('padding and border radius should be customizable', async ({ page }) => { 25 | await page.setContent( at /ionic/src/components/select/test/fill/select.e2e.ts:22:30

3) [Mobile Chrome] › src/components/select/test/fill/select.e2e.ts:7:11 › select: fill - ionic/md/rtl/light › select: fill outline › should not have visual regressions Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 185 pixels (ratio 0.01 of all image pixels) are different. Expected: /ionic/src/components/select/test/fill/select.e2e.ts-snapshots/select-fill-outline-ionic-md-rtl-light-Mobile-Chrome-linux.png Received: /ionic/test-results/src-components-select-test-4a181-not-have-visual-regressions-Mobile-Chrome-retry1/select-fill-outline-ionic-md-rtl-light-actual.png Diff: /ionic/test-results/src-components-select-test-4a181-not-have-visual-regressions-Mobile-Chrome-retry1/select-fill-outline-ionic-md-rtl-light-diff.png Call log: - expect.toHaveScreenshot(select-fill-outline-ionic-md-rtl-light.png) with timeout 5000ms - verifying given screenshot expectation - waiting for locator('ion-select') - locator resolved to <ion-select label="Fruit" value="apple" fill="outline" class="ionic has-value ion-focusable select-rtl select-fill-outline select-shape-round select-label-placement-start select-size-medium hydrated">…</ion-select> - 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 - 185 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('ion-select') - locator resolved to <ion-select label="Fruit" value="apple" fill="outline" class="ionic has-value ion-focusable select-rtl select-fill-outline select-shape-round select-label-placement-start select-size-medium hydrated">…</ion-select> - 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 - 185 pixels (ratio 0.01 of all image pixels) are different. 20 | 21 | const select = page.locator('ion-select'); > 22 | await expect(select).toHaveScreenshot(screenshot(`select-fill-outline`)); | ^ 23 | }); 24 | test('padding and border radius should be customizable', async ({ page }) => { 25 | await page.setContent( at /ionic/src/components/select/test/fill/select.e2e.ts:22:30

3) [Mobile Chrome] › src/components/select/test/fill/select.e2e.ts:7:11 › select: fill - ionic/md/rtl/light › select: fill outline › should not have visual regressions Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 185 pixels (ratio 0.01 of all image pixels) are different. Expected: /ionic/src/components/select/test/fill/select.e2e.ts-snapshots/select-fill-outline-ionic-md-rtl-light-Mobile-Chrome-linux.png Received: /ionic/test-results/src-components-select-test-4a181-not-have-visual-regressions-Mobile-Chrome-retry2/select-fill-outline-ionic-md-rtl-light-actual.png Diff: /ionic/test-results/src-components-select-test-4a181-not-have-visual-regressions-Mobile-Chrome-retry2/select-fill-outline-ionic-md-rtl-light-diff.png Call log: - expect.toHaveScreenshot(select-fill-outline-ionic-md-rtl-light.png) with timeout 5000ms - verifying given screenshot expectation - waiting for locator('ion-select') - locator resolved to <ion-select label="Fruit" value="apple" fill="outline" class="ionic has-value ion-focusable select-rtl select-fill-outline select-shape-round select-label-placement-start select-size-medium hydrated">…</ion-select> - 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 - 185 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('ion-select') - locator resolved to <ion-select label="Fruit" value="apple" fill="outline" class="ionic has-value ion-focusable select-rtl select-fill-outline select-shape-round select-label-placement-start select-size-medium hydrated">…</ion-select> - 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 - 185 pixels (ratio 0.01 of all image pixels) are different. 20 | 21 | const select = page.locator('ion-select'); > 22 | await expect(select).toHaveScreenshot(screenshot(`select-fill-outline`)); | ^ 23 | }); 24 | test('padding and border radius should be customizable', async ({ page }) => { 25 | await page.setContent( at /ionic/src/components/select/test/fill/select.e2e.ts:22:30

4) [Mobile Chrome] › src/components/select/test/fill/select.e2e.ts:24:11 › select: fill - ionic/md/rtl/light › select: fill outline › padding and border radius should be customizable Error: Screenshot comparison failed: 821 pixels (ratio 0.03 of all image pixels) are different. Expected: /ionic/src/components/select/test/fill/select.e2e.ts-snapshots/select-fill-shaped-outline-custom-ionic-md-rtl-light-Mobile-Chrome-linux.png Received: /ionic/test-results/src-components-select-test-49783-dius-should-be-customizable-Mobile-Chrome/select-fill-shaped-outline-custom-ionic-md-rtl-light-actual.png Diff: /ionic/test-results/src-components-select-test-49783-dius-should-be-customizable-Mobile-Chrome/select-fill-shaped-outline-custom-ionic-md-rtl-light-diff.png Call log: - expect.toHaveScreenshot(select-fill-shaped-outline-custom-ionic-md-rtl-light.png) with timeout 5000ms - verifying given screenshot expectation - waiting for locator('ion-select') - locator resolved to <ion-select shape="round" label="Fruit" value="apple" fill="outline" label-placement="floating" class="ionic has-value label-floating ion-focusable select-rtl select-fill-outline select-shape-round select-label-placement-floating select-size-medium hydrated">…</ion-select> - 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 - 821 pixels (ratio 0.03 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('ion-select') - locator resolved to <ion-select shape="round" label="Fruit" value="apple" fill="outline" label-placement="floating" class="ionic has-value label-floating ion-focusable select-rtl select-fill-outline select-shape-round select-label-placement-floating select-size-medium hydrated">…</ion-select> - 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 - 821 pixels (ratio 0.03 of all image pixels) are different. 46 | 47 | const select = page.locator('ion-select'); > 48 | await expect(select).toHaveScreenshot(screenshot(`select-fill-shaped-outline-custom`)); | ^ 49 | }); 50 | }); 51 | }); at /ionic/src/components/select/test/fill/select.e2e.ts:48:30