1) [Mobile Chrome] › src/components/action-sheet/test/a11y/action-sheet.e2e.ts:158:9 › action-sheet: radio buttons - ios/ltr › should navigate radio buttons with keyboard Error: expect(received).toBe(expected) // Object.is equality Expected: "Cancel" Received: "Option 1" 186 | 187 | focusedElement = await page.evaluate(() => document.activeElement?.textContent?.trim()); > 188 | expect(focusedElement).toBe('Cancel'); | ^ 189 | }); 190 | }); 191 | }); at /ionic/src/components/action-sheet/test/a11y/action-sheet.e2e.ts:188:30

[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: src/components/select/test/fill/select.e2e.ts#L48

4) [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: expect(locator).toHaveScreenshot(expected) failed Locator: locator('ion-select') 78 pixels (ratio 0.01 of all image pixels) are different. Snapshot: select-fill-shaped-outline-custom-ionic-md-ltr-light.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 - 78 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 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 - 78 pixels (ratio 0.01 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

[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: src/components/select/test/fill/select.e2e.ts#L22

3) [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: expect(locator).toHaveScreenshot(expected) failed Locator: locator('ion-select') 78 pixels (ratio 0.01 of all image pixels) are different. Snapshot: select-fill-outline-ionic-md-ltr-light.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 - 78 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 - 78 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/ltr/light › select: fill outline › should not have visual regressions Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(locator).toHaveScreenshot(expected) failed Locator: locator('ion-select') 78 pixels (ratio 0.01 of all image pixels) are different. Snapshot: select-fill-outline-ionic-md-ltr-light.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 - 78 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 - 78 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/ltr/light › select: fill outline › should not have visual regressions Error: expect(locator).toHaveScreenshot(expected) failed Locator: locator('ion-select') 78 pixels (ratio 0.01 of all image pixels) are different. Snapshot: select-fill-outline-ionic-md-ltr-light.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 - 78 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 - 78 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

[Mobile Chrome] › src/components/select/test/custom/select.e2e.ts:6:9 › select: custom - ionic/md/ltr/light › should be able to customize select using css apis: src/components/select/test/custom/select.e2e.ts#L39

2) [Mobile Chrome] › src/components/select/test/custom/select.e2e.ts:6:9 › select: custom - ionic/md/ltr/light › should be able to customize select using css apis Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(locator).toHaveScreenshot(expected) failed Locator: locator('ion-select') 74 pixels (ratio 0.01 of all image pixels) are different. Snapshot: select-custom-diff-ionic-md-ltr-light.png Call log: - Expect "toHaveScreenshot(select-custom-diff-ionic-md-ltr-light.png)" with timeout 5000ms - verifying given screenshot expectation - waiting for locator('ion-select') - locator resolved to <ion-select value="a" label="Select" class="ionic has-value ion-focusable select-ltr 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 - 74 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 value="a" label="Select" class="ionic has-value ion-focusable select-ltr 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 - 74 pixels (ratio 0.01 of all image pixels) are different. 37 | 38 | const select = page.locator('ion-select'); > 39 | await expect(select).toHaveScreenshot(screenshot(`select-custom-diff`)); | ^ 40 | }); 41 | test('should be able to customize select label, placeholder, and value using css parts', async ({ page }) => { 42 | test.info().annotations.push({ at /ionic/src/components/select/test/custom/select.e2e.ts:39:28

2) [Mobile Chrome] › src/components/select/test/custom/select.e2e.ts:6:9 › select: custom - ionic/md/ltr/light › should be able to customize select using css apis Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(locator).toHaveScreenshot(expected) failed Locator: locator('ion-select') 74 pixels (ratio 0.01 of all image pixels) are different. Snapshot: select-custom-diff-ionic-md-ltr-light.png Call log: - Expect "toHaveScreenshot(select-custom-diff-ionic-md-ltr-light.png)" with timeout 5000ms - verifying given screenshot expectation - waiting for locator('ion-select') - locator resolved to <ion-select value="a" label="Select" class="ionic has-value ion-focusable select-ltr 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 - 74 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 value="a" label="Select" class="ionic has-value ion-focusable select-ltr 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 - 74 pixels (ratio 0.01 of all image pixels) are different. 37 | 38 | const select = page.locator('ion-select'); > 39 | await expect(select).toHaveScreenshot(screenshot(`select-custom-diff`)); | ^ 40 | }); 41 | test('should be able to customize select label, placeholder, and value using css parts', async ({ page }) => { 42 | test.info().annotations.push({ at /ionic/src/components/select/test/custom/select.e2e.ts:39:28

2) [Mobile Chrome] › src/components/select/test/custom/select.e2e.ts:6:9 › select: custom - ionic/md/ltr/light › should be able to customize select using css apis Error: expect(locator).toHaveScreenshot(expected) failed Locator: locator('ion-select') 74 pixels (ratio 0.01 of all image pixels) are different. Snapshot: select-custom-diff-ionic-md-ltr-light.png Call log: - Expect "toHaveScreenshot(select-custom-diff-ionic-md-ltr-light.png)" with timeout 5000ms - verifying given screenshot expectation - waiting for locator('ion-select') - locator resolved to <ion-select value="a" label="Select" class="ionic has-value ion-focusable select-ltr 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 - 74 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 value="a" label="Select" class="ionic has-value ion-focusable select-ltr 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 - 74 pixels (ratio 0.01 of all image pixels) are different. 37 | 38 | const select = page.locator('ion-select'); > 39 | await expect(select).toHaveScreenshot(screenshot(`select-custom-diff`)); | ^ 40 | }); 41 | test('should be able to customize select label, placeholder, and value using css parts', async ({ page }) => { 42 | test.info().annotations.push({ at /ionic/src/components/select/test/custom/select.e2e.ts:39:28

[Mobile Chrome] › src/components/select/test/color/select.e2e.ts:7:11 › input: color - ionic/md/ltr/light › input: fill outline › should set label and highlight color on expand: src/components/select/test/color/select.e2e.ts#L18

1) [Mobile Chrome] › src/components/select/test/color/select.e2e.ts:7:11 › input: color - ionic/md/ltr/light › input: fill outline › should set label and highlight color on expand Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(locator).toHaveScreenshot(expected) failed Locator: locator('ion-select') 78 pixels (ratio 0.01 of all image pixels) are different. Snapshot: select-outline-color-ionic-md-ltr-light.png Call log: - Expect "toHaveScreenshot(select-outline-color-ionic-md-ltr-light.png)" with timeout 5000ms - verifying given screenshot expectation - waiting for locator('ion-select') - locator resolved to <ion-select label="Label" value="apple" fill="outline" color="danger" class="select-expanded ion-color ion-color-danger 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 - 78 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="Label" value="apple" fill="outline" color="danger" class="select-expanded ion-color ion-color-danger 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 - 78 pixels (ratio 0.01 of all image pixels) are different. 16 | 17 | const select = page.locator('ion-select'); > 18 | await expect(select).toHaveScreenshot(screenshot(`select-outline-color`)); | ^ 19 | }); 20 | }); 21 | }); at /ionic/src/components/select/test/color/select.e2e.ts:18:30

1) [Mobile Chrome] › src/components/select/test/color/select.e2e.ts:7:11 › input: color - ionic/md/ltr/light › input: fill outline › should set label and highlight color on expand Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(locator).toHaveScreenshot(expected) failed Locator: locator('ion-select') 78 pixels (ratio 0.01 of all image pixels) are different. Snapshot: select-outline-color-ionic-md-ltr-light.png Call log: - Expect "toHaveScreenshot(select-outline-color-ionic-md-ltr-light.png)" with timeout 5000ms - verifying given screenshot expectation - waiting for locator('ion-select') - locator resolved to <ion-select label="Label" value="apple" fill="outline" color="danger" class="select-expanded ion-color ion-color-danger 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 - 78 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="Label" value="apple" fill="outline" color="danger" class="select-expanded ion-color ion-color-danger 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 - 78 pixels (ratio 0.01 of all image pixels) are different. 16 | 17 | const select = page.locator('ion-select'); > 18 | await expect(select).toHaveScreenshot(screenshot(`select-outline-color`)); | ^ 19 | }); 20 | }); 21 | }); at /ionic/src/components/select/test/color/select.e2e.ts:18:30

1) [Mobile Chrome] › src/components/select/test/color/select.e2e.ts:7:11 › input: color - ionic/md/ltr/light › input: fill outline › should set label and highlight color on expand Error: expect(locator).toHaveScreenshot(expected) failed Locator: locator('ion-select') 78 pixels (ratio 0.01 of all image pixels) are different. Snapshot: select-outline-color-ionic-md-ltr-light.png Call log: - Expect "toHaveScreenshot(select-outline-color-ionic-md-ltr-light.png)" with timeout 5000ms - verifying given screenshot expectation - waiting for locator('ion-select') - locator resolved to <ion-select label="Label" value="apple" fill="outline" color="danger" class="select-expanded ion-color ion-color-danger 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 - 78 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="Label" value="apple" fill="outline" color="danger" class="select-expanded ion-color ion-color-danger 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 - 78 pixels (ratio 0.01 of all image pixels) are different. 16 | 17 | const select = page.locator('ion-select'); > 18 | await expect(select).toHaveScreenshot(screenshot(`select-outline-color`)); | ^ 19 | }); 20 | }); 21 | }); at /ionic/src/components/select/test/color/select.e2e.ts:18:30

test-core-screenshot (5, 20)