1) [Mobile Chrome] › src/components/select/test/highlight/select.e2e.ts:200:11 › select: highlights - ionic/md/ltr/light › select: outline › should render valid state correctly Error: Screenshot comparison failed: 224 pixels (ratio 0.02 of all image pixels) are different. Expected: /ionic/src/components/select/test/highlight/select.e2e.ts-snapshots/select-outline-valid-ionic-md-ltr-light-Mobile-Chrome-linux.png Received: /ionic/test-results/src-components-select-test-464af-ender-valid-state-correctly-Mobile-Chrome/select-outline-valid-ionic-md-ltr-light-actual.png Diff: /ionic/test-results/src-components-select-test-464af-ender-valid-state-correctly-Mobile-Chrome/select-outline-valid-ionic-md-ltr-light-diff.png Call log: - expect.toHaveScreenshot(select-outline-valid-ionic-md-ltr-light.png) with timeout 5000ms - verifying given screenshot expectation - waiting for locator('ion-select') - locator resolved to <ion-select value="apple" fill="outline" label="Favorite Fruit" class="ion-valid ion-focused 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 - 224 pixels (ratio 0.02 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('ion-select') - locator resolved to <ion-select value="apple" fill="outline" label="Favorite Fruit" class="ion-valid ion-focused 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 - 224 pixels (ratio 0.02 of all image pixels) are different. 209 | 210 | const select = page.locator('ion-select'); > 211 | await expect(select).toHaveScreenshot(screenshot(`select-outline-valid`)); | ^ 212 | }); 213 | test('should render invalid state correctly', async ({ page }) => { 214 | await page.setContent( at /ionic/src/components/select/test/highlight/select.e2e.ts:211:30

1) [Mobile Chrome] › src/components/select/test/highlight/select.e2e.ts:200:11 › select: highlights - ionic/md/ltr/light › select: outline › should render valid state correctly Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 224 pixels (ratio 0.02 of all image pixels) are different. Expected: /ionic/src/components/select/test/highlight/select.e2e.ts-snapshots/select-outline-valid-ionic-md-ltr-light-Mobile-Chrome-linux.png Received: /ionic/test-results/src-components-select-test-464af-ender-valid-state-correctly-Mobile-Chrome-retry1/select-outline-valid-ionic-md-ltr-light-actual.png Diff: /ionic/test-results/src-components-select-test-464af-ender-valid-state-correctly-Mobile-Chrome-retry1/select-outline-valid-ionic-md-ltr-light-diff.png Call log: - expect.toHaveScreenshot(select-outline-valid-ionic-md-ltr-light.png) with timeout 5000ms - verifying given screenshot expectation - waiting for locator('ion-select') - locator resolved to <ion-select value="apple" fill="outline" label="Favorite Fruit" class="ion-valid ion-focused 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 - 224 pixels (ratio 0.02 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('ion-select') - locator resolved to <ion-select value="apple" fill="outline" label="Favorite Fruit" class="ion-valid ion-focused 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 - 224 pixels (ratio 0.02 of all image pixels) are different. 209 | 210 | const select = page.locator('ion-select'); > 211 | await expect(select).toHaveScreenshot(screenshot(`select-outline-valid`)); | ^ 212 | }); 213 | test('should render invalid state correctly', async ({ page }) => { 214 | await page.setContent( at /ionic/src/components/select/test/highlight/select.e2e.ts:211:30

1) [Mobile Chrome] › src/components/select/test/highlight/select.e2e.ts:200:11 › select: highlights - ionic/md/ltr/light › select: outline › should render valid state correctly Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 224 pixels (ratio 0.02 of all image pixels) are different. Expected: /ionic/src/components/select/test/highlight/select.e2e.ts-snapshots/select-outline-valid-ionic-md-ltr-light-Mobile-Chrome-linux.png Received: /ionic/test-results/src-components-select-test-464af-ender-valid-state-correctly-Mobile-Chrome-retry2/select-outline-valid-ionic-md-ltr-light-actual.png Diff: /ionic/test-results/src-components-select-test-464af-ender-valid-state-correctly-Mobile-Chrome-retry2/select-outline-valid-ionic-md-ltr-light-diff.png Call log: - expect.toHaveScreenshot(select-outline-valid-ionic-md-ltr-light.png) with timeout 5000ms - verifying given screenshot expectation - waiting for locator('ion-select') - locator resolved to <ion-select value="apple" fill="outline" label="Favorite Fruit" class="ion-valid ion-focused 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 - 224 pixels (ratio 0.02 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('ion-select') - locator resolved to <ion-select value="apple" fill="outline" label="Favorite Fruit" class="ion-valid ion-focused 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 - 224 pixels (ratio 0.02 of all image pixels) are different. 209 | 210 | const select = page.locator('ion-select'); > 211 | await expect(select).toHaveScreenshot(screenshot(`select-outline-valid`)); | ^ 212 | }); 213 | test('should render invalid state correctly', async ({ page }) => { 214 | await page.setContent( at /ionic/src/components/select/test/highlight/select.e2e.ts:211:30

[Mobile Chrome] › src/components/select/test/highlight/select.e2e.ts:213:11 › select: highlights - ionic/md/ltr/light › select: outline › should render invalid state correctly: src/components/select/test/highlight/select.e2e.ts#L224

2) [Mobile Chrome] › src/components/select/test/highlight/select.e2e.ts:213:11 › select: highlights - ionic/md/ltr/light › select: outline › should render invalid state correctly Error: Screenshot comparison failed: 228 pixels (ratio 0.02 of all image pixels) are different. Expected: /ionic/src/components/select/test/highlight/select.e2e.ts-snapshots/select-outline-invalid-ionic-md-ltr-light-Mobile-Chrome-linux.png Received: /ionic/test-results/src-components-select-test-1f700-der-invalid-state-correctly-Mobile-Chrome/select-outline-invalid-ionic-md-ltr-light-actual.png Diff: /ionic/test-results/src-components-select-test-1f700-der-invalid-state-correctly-Mobile-Chrome/select-outline-invalid-ionic-md-ltr-light-diff.png Call log: - expect.toHaveScreenshot(select-outline-invalid-ionic-md-ltr-light.png) with timeout 5000ms - verifying given screenshot expectation - waiting for locator('ion-select') - locator resolved to <ion-select value="apple" fill="outline" label="Favorite Fruit" class="ion-touched ion-invalid ion-focused 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 - 228 pixels (ratio 0.02 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('ion-select') - locator resolved to <ion-select value="apple" fill="outline" label="Favorite Fruit" class="ion-touched ion-invalid ion-focused 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 - 228 pixels (ratio 0.02 of all image pixels) are different. 222 | 223 | const select = page.locator('ion-select'); > 224 | await expect(select).toHaveScreenshot(screenshot(`select-outline-invalid`)); | ^ 225 | }); 226 | test('should render focused state correctly', async ({ page }) => { 227 | await page.setContent( at /ionic/src/components/select/test/highlight/select.e2e.ts:224:30

2) [Mobile Chrome] › src/components/select/test/highlight/select.e2e.ts:213:11 › select: highlights - ionic/md/ltr/light › select: outline › should render invalid state correctly Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 228 pixels (ratio 0.02 of all image pixels) are different. Expected: /ionic/src/components/select/test/highlight/select.e2e.ts-snapshots/select-outline-invalid-ionic-md-ltr-light-Mobile-Chrome-linux.png Received: /ionic/test-results/src-components-select-test-1f700-der-invalid-state-correctly-Mobile-Chrome-retry1/select-outline-invalid-ionic-md-ltr-light-actual.png Diff: /ionic/test-results/src-components-select-test-1f700-der-invalid-state-correctly-Mobile-Chrome-retry1/select-outline-invalid-ionic-md-ltr-light-diff.png Call log: - expect.toHaveScreenshot(select-outline-invalid-ionic-md-ltr-light.png) with timeout 5000ms - verifying given screenshot expectation - waiting for locator('ion-select') - locator resolved to <ion-select value="apple" fill="outline" label="Favorite Fruit" class="ion-touched ion-invalid ion-focused 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 - 228 pixels (ratio 0.02 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('ion-select') - locator resolved to <ion-select value="apple" fill="outline" label="Favorite Fruit" class="ion-touched ion-invalid ion-focused 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 - 228 pixels (ratio 0.02 of all image pixels) are different. 222 | 223 | const select = page.locator('ion-select'); > 224 | await expect(select).toHaveScreenshot(screenshot(`select-outline-invalid`)); | ^ 225 | }); 226 | test('should render focused state correctly', async ({ page }) => { 227 | await page.setContent( at /ionic/src/components/select/test/highlight/select.e2e.ts:224:30

2) [Mobile Chrome] › src/components/select/test/highlight/select.e2e.ts:213:11 › select: highlights - ionic/md/ltr/light › select: outline › should render invalid state correctly Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 228 pixels (ratio 0.02 of all image pixels) are different. Expected: /ionic/src/components/select/test/highlight/select.e2e.ts-snapshots/select-outline-invalid-ionic-md-ltr-light-Mobile-Chrome-linux.png Received: /ionic/test-results/src-components-select-test-1f700-der-invalid-state-correctly-Mobile-Chrome-retry2/select-outline-invalid-ionic-md-ltr-light-actual.png Diff: /ionic/test-results/src-components-select-test-1f700-der-invalid-state-correctly-Mobile-Chrome-retry2/select-outline-invalid-ionic-md-ltr-light-diff.png Call log: - expect.toHaveScreenshot(select-outline-invalid-ionic-md-ltr-light.png) with timeout 5000ms - verifying given screenshot expectation - waiting for locator('ion-select') - locator resolved to <ion-select value="apple" fill="outline" label="Favorite Fruit" class="ion-touched ion-invalid ion-focused 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 - 228 pixels (ratio 0.02 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('ion-select') - locator resolved to <ion-select value="apple" fill="outline" label="Favorite Fruit" class="ion-touched ion-invalid ion-focused 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 - 228 pixels (ratio 0.02 of all image pixels) are different. 222 | 223 | const select = page.locator('ion-select'); > 224 | await expect(select).toHaveScreenshot(screenshot(`select-outline-invalid`)); | ^ 225 | }); 226 | test('should render focused state correctly', async ({ page }) => { 227 | await page.setContent( at /ionic/src/components/select/test/highlight/select.e2e.ts:224:30

[Mobile Chrome] › src/components/select/test/highlight/select.e2e.ts:239:11 › select: highlights - ionic/md/ltr/light › select: outline › should render custom highlight correctly: src/components/select/test/highlight/select.e2e.ts#L269

3) [Mobile Chrome] › src/components/select/test/highlight/select.e2e.ts:239:11 › select: highlights - ionic/md/ltr/light › select: outline › should render custom highlight correctly Error: Screenshot comparison failed: 476 pixels (ratio 0.01 of all image pixels) are different. Expected: /ionic/src/components/select/test/highlight/select.e2e.ts-snapshots/select-outline-custom-highlight-ionic-md-ltr-light-Mobile-Chrome-linux.png Received: /ionic/test-results/src-components-select-test-3bacc--custom-highlight-correctly-Mobile-Chrome/select-outline-custom-highlight-ionic-md-ltr-light-actual.png Diff: /ionic/test-results/src-components-select-test-3bacc--custom-highlight-correctly-Mobile-Chrome/select-outline-custom-highlight-ionic-md-ltr-light-diff.png Call log: - expect.toHaveScreenshot(select-outline-custom-highlight-ionic-md-ltr-light.png) 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 - 476 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 - 476 pixels (ratio 0.01 of all image pixels) are different. 267 | 268 | const container = page.locator('.container'); > 269 | await expect(container).toHaveScreenshot(screenshot(`select-outline-custom-highlight`)); | ^ 270 | }); 271 | }); 272 | }); at /ionic/src/components/select/test/highlight/select.e2e.ts:269:33

3) [Mobile Chrome] › src/components/select/test/highlight/select.e2e.ts:239:11 › select: highlights - ionic/md/ltr/light › select: outline › should render custom highlight correctly Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 476 pixels (ratio 0.01 of all image pixels) are different. Expected: /ionic/src/components/select/test/highlight/select.e2e.ts-snapshots/select-outline-custom-highlight-ionic-md-ltr-light-Mobile-Chrome-linux.png Received: /ionic/test-results/src-components-select-test-3bacc--custom-highlight-correctly-Mobile-Chrome-retry1/select-outline-custom-highlight-ionic-md-ltr-light-actual.png Diff: /ionic/test-results/src-components-select-test-3bacc--custom-highlight-correctly-Mobile-Chrome-retry1/select-outline-custom-highlight-ionic-md-ltr-light-diff.png Call log: - expect.toHaveScreenshot(select-outline-custom-highlight-ionic-md-ltr-light.png) 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 - 476 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 - 476 pixels (ratio 0.01 of all image pixels) are different. 267 | 268 | const container = page.locator('.container'); > 269 | await expect(container).toHaveScreenshot(screenshot(`select-outline-custom-highlight`)); | ^ 270 | }); 271 | }); 272 | }); at /ionic/src/components/select/test/highlight/select.e2e.ts:269:33

3) [Mobile Chrome] › src/components/select/test/highlight/select.e2e.ts:239:11 › select: highlights - ionic/md/ltr/light › select: outline › should render custom highlight correctly Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 476 pixels (ratio 0.01 of all image pixels) are different. Expected: /ionic/src/components/select/test/highlight/select.e2e.ts-snapshots/select-outline-custom-highlight-ionic-md-ltr-light-Mobile-Chrome-linux.png Received: /ionic/test-results/src-components-select-test-3bacc--custom-highlight-correctly-Mobile-Chrome-retry2/select-outline-custom-highlight-ionic-md-ltr-light-actual.png Diff: /ionic/test-results/src-components-select-test-3bacc--custom-highlight-correctly-Mobile-Chrome-retry2/select-outline-custom-highlight-ionic-md-ltr-light-diff.png Call log: - expect.toHaveScreenshot(select-outline-custom-highlight-ionic-md-ltr-light.png) 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 - 476 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 - 476 pixels (ratio 0.01 of all image pixels) are different. 267 | 268 | const container = page.locator('.container'); > 269 | await expect(container).toHaveScreenshot(screenshot(`select-outline-custom-highlight`)); | ^ 270 | }); 271 | }); 272 | }); at /ionic/src/components/select/test/highlight/select.e2e.ts:269:33

test-core-screenshot (12, 20)

Process completed with exit code 1.

test-core-screenshot (10, 20)