4) [Mobile Chrome] › src/components/item/test/buttons/item.e2e.ts:6:9 › item: buttons - md/rtl › should not have visual regressions Error: expect(page).toHaveScreenshot(expected) 9 pixels (ratio 0.01 of all image pixels) are different. Expected: /ionic/src/components/item/test/buttons/item.e2e.ts-snapshots/item-buttons-diff-md-rtl-Mobile-Chrome-linux.png Received: /ionic/test-results/src-components-item-test-b-2e516-not-have-visual-regressions-Mobile-Chrome/item-buttons-diff-md-rtl-actual.png Diff: /ionic/test-results/src-components-item-test-b-2e516-not-have-visual-regressions-Mobile-Chrome/item-buttons-diff-md-rtl-diff.png Call log: - Expect "toHaveScreenshot(item-buttons-diff-md-rtl.png)" with timeout 5000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 9 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 - 9 pixels (ratio 0.01 of all image pixels) are different. 15 | await page.setIonViewport(); 16 | > 17 | await expect(page).toHaveScreenshot(screenshot(`item-buttons-diff`)); | ^ 18 | }); 19 | }); 20 | }); at /ionic/src/components/item/test/buttons/item.e2e.ts:17:26

3) [Mobile Chrome] › src/components/item/test/buttons/item.e2e.ts:6:9 › item: buttons - md/ltr › should not have visual regressions Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 9 pixels (ratio 0.01 of all image pixels) are different. Expected: /ionic/src/components/item/test/buttons/item.e2e.ts-snapshots/item-buttons-diff-md-ltr-Mobile-Chrome-linux.png Received: /ionic/test-results/src-components-item-test-b-3a9a9-not-have-visual-regressions-Mobile-Chrome-retry2/item-buttons-diff-md-ltr-actual.png Diff: /ionic/test-results/src-components-item-test-b-3a9a9-not-have-visual-regressions-Mobile-Chrome-retry2/item-buttons-diff-md-ltr-diff.png Call log: - Expect "toHaveScreenshot(item-buttons-diff-md-ltr.png)" with timeout 5000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 9 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 - 9 pixels (ratio 0.01 of all image pixels) are different. 15 | await page.setIonViewport(); 16 | > 17 | await expect(page).toHaveScreenshot(screenshot(`item-buttons-diff`)); | ^ 18 | }); 19 | }); 20 | }); at /ionic/src/components/item/test/buttons/item.e2e.ts:17:26

3) [Mobile Chrome] › src/components/item/test/buttons/item.e2e.ts:6:9 › item: buttons - md/ltr › should not have visual regressions Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 9 pixels (ratio 0.01 of all image pixels) are different. Expected: /ionic/src/components/item/test/buttons/item.e2e.ts-snapshots/item-buttons-diff-md-ltr-Mobile-Chrome-linux.png Received: /ionic/test-results/src-components-item-test-b-3a9a9-not-have-visual-regressions-Mobile-Chrome-retry1/item-buttons-diff-md-ltr-actual.png Diff: /ionic/test-results/src-components-item-test-b-3a9a9-not-have-visual-regressions-Mobile-Chrome-retry1/item-buttons-diff-md-ltr-diff.png Call log: - Expect "toHaveScreenshot(item-buttons-diff-md-ltr.png)" with timeout 5000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 9 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 - 9 pixels (ratio 0.01 of all image pixels) are different. 15 | await page.setIonViewport(); 16 | > 17 | await expect(page).toHaveScreenshot(screenshot(`item-buttons-diff`)); | ^ 18 | }); 19 | }); 20 | }); at /ionic/src/components/item/test/buttons/item.e2e.ts:17:26

3) [Mobile Chrome] › src/components/item/test/buttons/item.e2e.ts:6:9 › item: buttons - md/ltr › should not have visual regressions Error: expect(page).toHaveScreenshot(expected) 9 pixels (ratio 0.01 of all image pixels) are different. Expected: /ionic/src/components/item/test/buttons/item.e2e.ts-snapshots/item-buttons-diff-md-ltr-Mobile-Chrome-linux.png Received: /ionic/test-results/src-components-item-test-b-3a9a9-not-have-visual-regressions-Mobile-Chrome/item-buttons-diff-md-ltr-actual.png Diff: /ionic/test-results/src-components-item-test-b-3a9a9-not-have-visual-regressions-Mobile-Chrome/item-buttons-diff-md-ltr-diff.png Call log: - Expect "toHaveScreenshot(item-buttons-diff-md-ltr.png)" with timeout 5000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 9 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 - 9 pixels (ratio 0.01 of all image pixels) are different. 15 | await page.setIonViewport(); 16 | > 17 | await expect(page).toHaveScreenshot(screenshot(`item-buttons-diff`)); | ^ 18 | }); 19 | }); 20 | }); at /ionic/src/components/item/test/buttons/item.e2e.ts:17:26

2) [Mobile Chrome] › src/components/item/test/a11y/item.e2e.ts:81:9 › item: font scaling - md/ltr › should scale slotted icons on larger font sizes Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(locator).toHaveScreenshot(expected) 5 pixels (ratio 0.01 of all image pixels) are different. Expected: /ionic/src/components/item/test/a11y/item.e2e.ts-snapshots/item-icons-scale-md-ltr-Mobile-Chrome-linux.png Received: /ionic/test-results/src-components-item-test-a-e5c33--icons-on-larger-font-sizes-Mobile-Chrome-retry2/item-icons-scale-md-ltr-actual.png Diff: /ionic/test-results/src-components-item-test-a-e5c33--icons-on-larger-font-sizes-Mobile-Chrome-retry2/item-icons-scale-md-ltr-diff.png Call log: - Expect "toHaveScreenshot(item-icons-scale-md-ltr.png)" with timeout 5000ms - verifying given screenshot expectation - waiting for locator('ion-item') - locator resolved to <ion-item class="item-has-start-slot item md item-lines-default hydrated item-label">…</ion-item> - 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 - 5 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('ion-item') - locator resolved to <ion-item class="item-has-start-slot item md item-lines-default hydrated item-label">…</ion-item> - 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 - 5 pixels (ratio 0.01 of all image pixels) are different. 99 | const item = page.locator('ion-item'); 100 | > 101 | await expect(item).toHaveScreenshot(screenshot(`item-icons-scale`)); | ^ 102 | }); 103 | test('should scale detail icon on larger font sizes', async ({ page }) => { 104 | await page.setContent( at /ionic/src/components/item/test/a11y/item.e2e.ts:101:26

2) [Mobile Chrome] › src/components/item/test/a11y/item.e2e.ts:81:9 › item: font scaling - md/ltr › should scale slotted icons on larger font sizes Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(locator).toHaveScreenshot(expected) 5 pixels (ratio 0.01 of all image pixels) are different. Expected: /ionic/src/components/item/test/a11y/item.e2e.ts-snapshots/item-icons-scale-md-ltr-Mobile-Chrome-linux.png Received: /ionic/test-results/src-components-item-test-a-e5c33--icons-on-larger-font-sizes-Mobile-Chrome-retry1/item-icons-scale-md-ltr-actual.png Diff: /ionic/test-results/src-components-item-test-a-e5c33--icons-on-larger-font-sizes-Mobile-Chrome-retry1/item-icons-scale-md-ltr-diff.png Call log: - Expect "toHaveScreenshot(item-icons-scale-md-ltr.png)" with timeout 5000ms - verifying given screenshot expectation - waiting for locator('ion-item') - locator resolved to <ion-item class="item-has-start-slot item md item-lines-default hydrated item-label">…</ion-item> - 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 - 5 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('ion-item') - locator resolved to <ion-item class="item-has-start-slot item md item-lines-default hydrated item-label">…</ion-item> - 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 - 5 pixels (ratio 0.01 of all image pixels) are different. 99 | const item = page.locator('ion-item'); 100 | > 101 | await expect(item).toHaveScreenshot(screenshot(`item-icons-scale`)); | ^ 102 | }); 103 | test('should scale detail icon on larger font sizes', async ({ page }) => { 104 | await page.setContent( at /ionic/src/components/item/test/a11y/item.e2e.ts:101:26

2) [Mobile Chrome] › src/components/item/test/a11y/item.e2e.ts:81:9 › item: font scaling - md/ltr › should scale slotted icons on larger font sizes Error: expect(locator).toHaveScreenshot(expected) 5 pixels (ratio 0.01 of all image pixels) are different. Expected: /ionic/src/components/item/test/a11y/item.e2e.ts-snapshots/item-icons-scale-md-ltr-Mobile-Chrome-linux.png Received: /ionic/test-results/src-components-item-test-a-e5c33--icons-on-larger-font-sizes-Mobile-Chrome/item-icons-scale-md-ltr-actual.png Diff: /ionic/test-results/src-components-item-test-a-e5c33--icons-on-larger-font-sizes-Mobile-Chrome/item-icons-scale-md-ltr-diff.png Call log: - Expect "toHaveScreenshot(item-icons-scale-md-ltr.png)" with timeout 5000ms - verifying given screenshot expectation - waiting for locator('ion-item') - locator resolved to <ion-item class="item-has-start-slot item md item-lines-default hydrated item-label">…</ion-item> - 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 - 5 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('ion-item') - locator resolved to <ion-item class="item-has-start-slot item md item-lines-default hydrated item-label">…</ion-item> - 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 - 5 pixels (ratio 0.01 of all image pixels) are different. 99 | const item = page.locator('ion-item'); 100 | > 101 | await expect(item).toHaveScreenshot(screenshot(`item-icons-scale`)); | ^ 102 | }); 103 | test('should scale detail icon on larger font sizes', async ({ page }) => { 104 | await page.setContent( at /ionic/src/components/item/test/a11y/item.e2e.ts:101:26

1) [Mobile Chrome] › src/components/input-password-toggle/test/basic/input-password-toggle.e2e.ts:35:9 › input password toggle: rendering - ios/ltr › should not have visual regressions Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(locator).toHaveScreenshot(expected) 1 pixels (ratio 0.01 of all image pixels) are different. Expected: /ionic/src/components/input-password-toggle/test/basic/input-password-toggle.e2e.ts-snapshots/input-password-toggle-ios-ltr-Mobile-Chrome-linux.png Received: /ionic/test-results/src-components-input-passw-bad8c-not-have-visual-regressions-Mobile-Chrome-retry2/input-password-toggle-ios-ltr-actual.png Diff: /ionic/test-results/src-components-input-passw-bad8c-not-have-visual-regressions-Mobile-Chrome-retry2/input-password-toggle-ios-ltr-diff.png Call log: - Expect "toHaveScreenshot(input-password-toggle-ios-ltr.png)" with timeout 5000ms - verifying given screenshot expectation - waiting for locator('ion-input-password-toggle') - locator resolved to <ion-input-password-toggle slot="end" class="ios hydrated"></ion-input-password-toggle> - 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 - 1 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('ion-input-password-toggle') - locator resolved to <ion-input-password-toggle slot="end" class="ios hydrated"></ion-input-password-toggle> - 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 - 1 pixels (ratio 0.01 of all image pixels) are different. 45 | const inputPasswordToggle = page.locator('ion-input-password-toggle'); 46 | > 47 | await expect(inputPasswordToggle).toHaveScreenshot(screenshot('input-password-toggle')); | ^ 48 | }); 49 | }); 50 | }); at /ionic/src/components/input-password-toggle/test/basic/input-password-toggle.e2e.ts:47:41

1) [Mobile Chrome] › src/components/input-password-toggle/test/basic/input-password-toggle.e2e.ts:35:9 › input password toggle: rendering - ios/ltr › should not have visual regressions Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(locator).toHaveScreenshot(expected) 1 pixels (ratio 0.01 of all image pixels) are different. Expected: /ionic/src/components/input-password-toggle/test/basic/input-password-toggle.e2e.ts-snapshots/input-password-toggle-ios-ltr-Mobile-Chrome-linux.png Received: /ionic/test-results/src-components-input-passw-bad8c-not-have-visual-regressions-Mobile-Chrome-retry1/input-password-toggle-ios-ltr-actual.png Diff: /ionic/test-results/src-components-input-passw-bad8c-not-have-visual-regressions-Mobile-Chrome-retry1/input-password-toggle-ios-ltr-diff.png Call log: - Expect "toHaveScreenshot(input-password-toggle-ios-ltr.png)" with timeout 5000ms - verifying given screenshot expectation - waiting for locator('ion-input-password-toggle') - locator resolved to <ion-input-password-toggle slot="end" class="ios hydrated"></ion-input-password-toggle> - 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 - 1 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('ion-input-password-toggle') - locator resolved to <ion-input-password-toggle slot="end" class="ios hydrated"></ion-input-password-toggle> - 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 - 1 pixels (ratio 0.01 of all image pixels) are different. 45 | const inputPasswordToggle = page.locator('ion-input-password-toggle'); 46 | > 47 | await expect(inputPasswordToggle).toHaveScreenshot(screenshot('input-password-toggle')); | ^ 48 | }); 49 | }); 50 | }); at /ionic/src/components/input-password-toggle/test/basic/input-password-toggle.e2e.ts:47:41

1) [Mobile Chrome] › src/components/input-password-toggle/test/basic/input-password-toggle.e2e.ts:35:9 › input password toggle: rendering - ios/ltr › should not have visual regressions Error: expect(locator).toHaveScreenshot(expected) 1 pixels (ratio 0.01 of all image pixels) are different. Expected: /ionic/src/components/input-password-toggle/test/basic/input-password-toggle.e2e.ts-snapshots/input-password-toggle-ios-ltr-Mobile-Chrome-linux.png Received: /ionic/test-results/src-components-input-passw-bad8c-not-have-visual-regressions-Mobile-Chrome/input-password-toggle-ios-ltr-actual.png Diff: /ionic/test-results/src-components-input-passw-bad8c-not-have-visual-regressions-Mobile-Chrome/input-password-toggle-ios-ltr-diff.png Call log: - Expect "toHaveScreenshot(input-password-toggle-ios-ltr.png)" with timeout 5000ms - verifying given screenshot expectation - waiting for locator('ion-input-password-toggle') - locator resolved to <ion-input-password-toggle slot="end" class="ios hydrated"></ion-input-password-toggle> - 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 - 1 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('ion-input-password-toggle') - locator resolved to <ion-input-password-toggle slot="end" class="ios hydrated"></ion-input-password-toggle> - 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 - 1 pixels (ratio 0.01 of all image pixels) are different. 45 | const inputPasswordToggle = page.locator('ion-input-password-toggle'); 46 | > 47 | await expect(inputPasswordToggle).toHaveScreenshot(screenshot('input-password-toggle')); | ^ 48 | }); 49 | }); 50 | }); at /ionic/src/components/input-password-toggle/test/basic/input-password-toggle.e2e.ts:47:41

4) [Mobile Chrome] › src/components/select/test/label/select.e2e.ts:269:11 › select: label - md/rtl › select: stacked placement › long text should truncate Error: expect(locator).toHaveScreenshot(expected) 319 pixels (ratio 0.02 of all image pixels) are different. Expected: /ionic/src/components/select/test/label/select.e2e.ts-snapshots/select-label-stacked-long-text-md-rtl-Mobile-Chrome-linux.png Received: /ionic/test-results/src-components-select-test-c3812-t-long-text-should-truncate-Mobile-Chrome/select-label-stacked-long-text-md-rtl-actual.png Diff: /ionic/test-results/src-components-select-test-c3812-t-long-text-should-truncate-Mobile-Chrome/select-label-stacked-long-text-md-rtl-diff.png Call log: - Expect "toHaveScreenshot(select-label-stacked-long-text-md-rtl.png)" with timeout 5000ms - verifying given screenshot expectation - waiting for locator('ion-select') - locator resolved to <ion-select value="apples" label-placement="stacked" placeholder="Select a Fruit" label="Label Label Label Label Label Label Label Label Label Label Label Label Label Label Label" class="md has-value label-floating has-placeholder ion-focusable select-rtl select-label-placement-stacked 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 - 319 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="apples" label-placement="stacked" placeholder="Select a Fruit" label="Label Label Label Label Label Label Label Label Label Label Label Label Label Label Label" class="md has-value label-floating has-placeholder ion-focusable select-rtl select-label-placement-stacked 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 - 319 pixels (ratio 0.02 of all image pixels) are different. 279 | const select = page.locator('ion-select'); 280 | > 281 | await expect(select).toHaveScreenshot(screenshot(`select-label-stacked-long-text`)); | ^ 282 | }); 283 | }); 284 | }); at /ionic/src/components/select/test/label/select.e2e.ts:281:30

3) [Mobile Chrome] › src/components/select/test/label/select.e2e.ts:212:11 › select: label - md/rtl › select: floating placement › long text should truncate Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(locator).toHaveScreenshot(expected) 319 pixels (ratio 0.02 of all image pixels) are different. Expected: /ionic/src/components/select/test/label/select.e2e.ts-snapshots/select-label-floating-long-text-md-rtl-Mobile-Chrome-linux.png Received: /ionic/test-results/src-components-select-test-8d577-t-long-text-should-truncate-Mobile-Chrome-retry2/select-label-floating-long-text-md-rtl-actual.png Diff: /ionic/test-results/src-components-select-test-8d577-t-long-text-should-truncate-Mobile-Chrome-retry2/select-label-floating-long-text-md-rtl-diff.png Call log: - Expect "toHaveScreenshot(select-label-floating-long-text-md-rtl.png)" with timeout 5000ms - verifying given screenshot expectation - waiting for locator('ion-select') - locator resolved to <ion-select value="apples" label-placement="floating" placeholder="Select a Fruit" label="Label Label Label Label Label Label Label Label Label Label Label Label Label Label Label" class="md has-value label-floating has-placeholder ion-focusable select-rtl select-label-placement-floating 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 - 319 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="apples" label-placement="floating" placeholder="Select a Fruit" label="Label Label Label Label Label Label Label Label Label Label Label Label Label Label Label" class="md has-value label-floating has-placeholder ion-focusable select-rtl select-label-placement-floating 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 - 319 pixels (ratio 0.02 of all image pixels) are different. 222 | const select = page.locator('ion-select'); 223 | > 224 | await expect(select).toHaveScreenshot(screenshot(`select-label-floating-long-text`)); | ^ 225 | }); 226 | }); 227 | at /ionic/src/components/select/test/label/select.e2e.ts:224:30

3) [Mobile Chrome] › src/components/select/test/label/select.e2e.ts:212:11 › select: label - md/rtl › select: floating placement › long text should truncate Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(locator).toHaveScreenshot(expected) 319 pixels (ratio 0.02 of all image pixels) are different. Expected: /ionic/src/components/select/test/label/select.e2e.ts-snapshots/select-label-floating-long-text-md-rtl-Mobile-Chrome-linux.png Received: /ionic/test-results/src-components-select-test-8d577-t-long-text-should-truncate-Mobile-Chrome-retry1/select-label-floating-long-text-md-rtl-actual.png Diff: /ionic/test-results/src-components-select-test-8d577-t-long-text-should-truncate-Mobile-Chrome-retry1/select-label-floating-long-text-md-rtl-diff.png Call log: - Expect "toHaveScreenshot(select-label-floating-long-text-md-rtl.png)" with timeout 5000ms - verifying given screenshot expectation - waiting for locator('ion-select') - locator resolved to <ion-select value="apples" label-placement="floating" placeholder="Select a Fruit" label="Label Label Label Label Label Label Label Label Label Label Label Label Label Label Label" class="md has-value label-floating has-placeholder ion-focusable select-rtl select-label-placement-floating 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 - 319 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="apples" label-placement="floating" placeholder="Select a Fruit" label="Label Label Label Label Label Label Label Label Label Label Label Label Label Label Label" class="md has-value label-floating has-placeholder ion-focusable select-rtl select-label-placement-floating 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 - 319 pixels (ratio 0.02 of all image pixels) are different. 222 | const select = page.locator('ion-select'); 223 | > 224 | await expect(select).toHaveScreenshot(screenshot(`select-label-floating-long-text`)); | ^ 225 | }); 226 | }); 227 | at /ionic/src/components/select/test/label/select.e2e.ts:224:30

3) [Mobile Chrome] › src/components/select/test/label/select.e2e.ts:212:11 › select: label - md/rtl › select: floating placement › long text should truncate Error: expect(locator).toHaveScreenshot(expected) 319 pixels (ratio 0.02 of all image pixels) are different. Expected: /ionic/src/components/select/test/label/select.e2e.ts-snapshots/select-label-floating-long-text-md-rtl-Mobile-Chrome-linux.png Received: /ionic/test-results/src-components-select-test-8d577-t-long-text-should-truncate-Mobile-Chrome/select-label-floating-long-text-md-rtl-actual.png Diff: /ionic/test-results/src-components-select-test-8d577-t-long-text-should-truncate-Mobile-Chrome/select-label-floating-long-text-md-rtl-diff.png Call log: - Expect "toHaveScreenshot(select-label-floating-long-text-md-rtl.png)" with timeout 5000ms - verifying given screenshot expectation - waiting for locator('ion-select') - locator resolved to <ion-select value="apples" label-placement="floating" placeholder="Select a Fruit" label="Label Label Label Label Label Label Label Label Label Label Label Label Label Label Label" class="md has-value label-floating has-placeholder ion-focusable select-rtl select-label-placement-floating 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 - 319 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="apples" label-placement="floating" placeholder="Select a Fruit" label="Label Label Label Label Label Label Label Label Label Label Label Label Label Label Label" class="md has-value label-floating has-placeholder ion-focusable select-rtl select-label-placement-floating 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 - 319 pixels (ratio 0.02 of all image pixels) are different. 222 | const select = page.locator('ion-select'); 223 | > 224 | await expect(select).toHaveScreenshot(screenshot(`select-label-floating-long-text`)); | ^ 225 | }); 226 | }); 227 | at /ionic/src/components/select/test/label/select.e2e.ts:224:30

2) [Mobile Chrome] › src/components/select/test/label/select.e2e.ts:269:11 › select: label - ios/rtl › select: stacked placement › long text should truncate Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(locator).toHaveScreenshot(expected) 311 pixels (ratio 0.02 of all image pixels) are different. Expected: /ionic/src/components/select/test/label/select.e2e.ts-snapshots/select-label-stacked-long-text-ios-rtl-Mobile-Chrome-linux.png Received: /ionic/test-results/src-components-select-test-d2f6f-t-long-text-should-truncate-Mobile-Chrome-retry2/select-label-stacked-long-text-ios-rtl-actual.png Diff: /ionic/test-results/src-components-select-test-d2f6f-t-long-text-should-truncate-Mobile-Chrome-retry2/select-label-stacked-long-text-ios-rtl-diff.png Call log: - Expect "toHaveScreenshot(select-label-stacked-long-text-ios-rtl.png)" with timeout 5000ms - verifying given screenshot expectation - waiting for locator('ion-select') - locator resolved to <ion-select value="apples" label-placement="stacked" placeholder="Select a Fruit" label="Label Label Label Label Label Label Label Label Label Label Label Label Label Label Label" class="ios has-value label-floating has-placeholder ion-focusable select-rtl select-label-placement-stacked 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 - 311 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="apples" label-placement="stacked" placeholder="Select a Fruit" label="Label Label Label Label Label Label Label Label Label Label Label Label Label Label Label" class="ios has-value label-floating has-placeholder ion-focusable select-rtl select-label-placement-stacked 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 - 311 pixels (ratio 0.02 of all image pixels) are different. 279 | const select = page.locator('ion-select'); 280 | > 281 | await expect(select).toHaveScreenshot(screenshot(`select-label-stacked-long-text`)); | ^ 282 | }); 283 | }); 284 | }); at /ionic/src/components/select/test/label/select.e2e.ts:281:30

2) [Mobile Chrome] › src/components/select/test/label/select.e2e.ts:269:11 › select: label - ios/rtl › select: stacked placement › long text should truncate Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(locator).toHaveScreenshot(expected) 311 pixels (ratio 0.02 of all image pixels) are different. Expected: /ionic/src/components/select/test/label/select.e2e.ts-snapshots/select-label-stacked-long-text-ios-rtl-Mobile-Chrome-linux.png Received: /ionic/test-results/src-components-select-test-d2f6f-t-long-text-should-truncate-Mobile-Chrome-retry1/select-label-stacked-long-text-ios-rtl-actual.png Diff: /ionic/test-results/src-components-select-test-d2f6f-t-long-text-should-truncate-Mobile-Chrome-retry1/select-label-stacked-long-text-ios-rtl-diff.png Call log: - Expect "toHaveScreenshot(select-label-stacked-long-text-ios-rtl.png)" with timeout 5000ms - verifying given screenshot expectation - waiting for locator('ion-select') - locator resolved to <ion-select value="apples" label-placement="stacked" placeholder="Select a Fruit" label="Label Label Label Label Label Label Label Label Label Label Label Label Label Label Label" class="ios has-value label-floating has-placeholder ion-focusable select-rtl select-label-placement-stacked 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 - 311 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="apples" label-placement="stacked" placeholder="Select a Fruit" label="Label Label Label Label Label Label Label Label Label Label Label Label Label Label Label" class="ios has-value label-floating has-placeholder ion-focusable select-rtl select-label-placement-stacked 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 - 311 pixels (ratio 0.02 of all image pixels) are different. 279 | const select = page.locator('ion-select'); 280 | > 281 | await expect(select).toHaveScreenshot(screenshot(`select-label-stacked-long-text`)); | ^ 282 | }); 283 | }); 284 | }); at /ionic/src/components/select/test/label/select.e2e.ts:281:30

2) [Mobile Chrome] › src/components/select/test/label/select.e2e.ts:269:11 › select: label - ios/rtl › select: stacked placement › long text should truncate Error: expect(locator).toHaveScreenshot(expected) 311 pixels (ratio 0.02 of all image pixels) are different. Expected: /ionic/src/components/select/test/label/select.e2e.ts-snapshots/select-label-stacked-long-text-ios-rtl-Mobile-Chrome-linux.png Received: /ionic/test-results/src-components-select-test-d2f6f-t-long-text-should-truncate-Mobile-Chrome/select-label-stacked-long-text-ios-rtl-actual.png Diff: /ionic/test-results/src-components-select-test-d2f6f-t-long-text-should-truncate-Mobile-Chrome/select-label-stacked-long-text-ios-rtl-diff.png Call log: - Expect "toHaveScreenshot(select-label-stacked-long-text-ios-rtl.png)" with timeout 5000ms - verifying given screenshot expectation - waiting for locator('ion-select') - locator resolved to <ion-select value="apples" label-placement="stacked" placeholder="Select a Fruit" label="Label Label Label Label Label Label Label Label Label Label Label Label Label Label Label" class="ios has-value label-floating has-placeholder ion-focusable select-rtl select-label-placement-stacked 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 - 311 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="apples" label-placement="stacked" placeholder="Select a Fruit" label="Label Label Label Label Label Label Label Label Label Label Label Label Label Label Label" class="ios has-value label-floating has-placeholder ion-focusable select-rtl select-label-placement-stacked 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 - 311 pixels (ratio 0.02 of all image pixels) are different. 279 | const select = page.locator('ion-select'); 280 | > 281 | await expect(select).toHaveScreenshot(screenshot(`select-label-stacked-long-text`)); | ^ 282 | }); 283 | }); 284 | }); at /ionic/src/components/select/test/label/select.e2e.ts:281:30

1) [Mobile Chrome] › src/components/select/test/label/select.e2e.ts:212:11 › select: label - ios/rtl › select: floating placement › long text should truncate Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(locator).toHaveScreenshot(expected) 311 pixels (ratio 0.02 of all image pixels) are different. Expected: /ionic/src/components/select/test/label/select.e2e.ts-snapshots/select-label-floating-long-text-ios-rtl-Mobile-Chrome-linux.png Received: /ionic/test-results/src-components-select-test-5ca06-t-long-text-should-truncate-Mobile-Chrome-retry2/select-label-floating-long-text-ios-rtl-actual.png Diff: /ionic/test-results/src-components-select-test-5ca06-t-long-text-should-truncate-Mobile-Chrome-retry2/select-label-floating-long-text-ios-rtl-diff.png Call log: - Expect "toHaveScreenshot(select-label-floating-long-text-ios-rtl.png)" with timeout 5000ms - verifying given screenshot expectation - waiting for locator('ion-select') - locator resolved to <ion-select value="apples" label-placement="floating" placeholder="Select a Fruit" label="Label Label Label Label Label Label Label Label Label Label Label Label Label Label Label" class="ios has-value label-floating has-placeholder ion-focusable select-rtl select-label-placement-floating 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 - 311 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="apples" label-placement="floating" placeholder="Select a Fruit" label="Label Label Label Label Label Label Label Label Label Label Label Label Label Label Label" class="ios has-value label-floating has-placeholder ion-focusable select-rtl select-label-placement-floating 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 - 311 pixels (ratio 0.02 of all image pixels) are different. 222 | const select = page.locator('ion-select'); 223 | > 224 | await expect(select).toHaveScreenshot(screenshot(`select-label-floating-long-text`)); | ^ 225 | }); 226 | }); 227 | at /ionic/src/components/select/test/label/select.e2e.ts:224:30

1) [Mobile Chrome] › src/components/select/test/label/select.e2e.ts:212:11 › select: label - ios/rtl › select: floating placement › long text should truncate Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(locator).toHaveScreenshot(expected) 311 pixels (ratio 0.02 of all image pixels) are different. Expected: /ionic/src/components/select/test/label/select.e2e.ts-snapshots/select-label-floating-long-text-ios-rtl-Mobile-Chrome-linux.png Received: /ionic/test-results/src-components-select-test-5ca06-t-long-text-should-truncate-Mobile-Chrome-retry1/select-label-floating-long-text-ios-rtl-actual.png Diff: /ionic/test-results/src-components-select-test-5ca06-t-long-text-should-truncate-Mobile-Chrome-retry1/select-label-floating-long-text-ios-rtl-diff.png Call log: - Expect "toHaveScreenshot(select-label-floating-long-text-ios-rtl.png)" with timeout 5000ms - verifying given screenshot expectation - waiting for locator('ion-select') - locator resolved to <ion-select value="apples" label-placement="floating" placeholder="Select a Fruit" label="Label Label Label Label Label Label Label Label Label Label Label Label Label Label Label" class="ios has-value label-floating has-placeholder ion-focusable select-rtl select-label-placement-floating 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 - 311 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="apples" label-placement="floating" placeholder="Select a Fruit" label="Label Label Label Label Label Label Label Label Label Label Label Label Label Label Label" class="ios has-value label-floating has-placeholder ion-focusable select-rtl select-label-placement-floating 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 - 311 pixels (ratio 0.02 of all image pixels) are different. 222 | const select = page.locator('ion-select'); 223 | > 224 | await expect(select).toHaveScreenshot(screenshot(`select-label-floating-long-text`)); | ^ 225 | }); 226 | }); 227 | at /ionic/src/components/select/test/label/select.e2e.ts:224:30

1) [Mobile Chrome] › src/components/select/test/label/select.e2e.ts:212:11 › select: label - ios/rtl › select: floating placement › long text should truncate Error: expect(locator).toHaveScreenshot(expected) 311 pixels (ratio 0.02 of all image pixels) are different. Expected: /ionic/src/components/select/test/label/select.e2e.ts-snapshots/select-label-floating-long-text-ios-rtl-Mobile-Chrome-linux.png Received: /ionic/test-results/src-components-select-test-5ca06-t-long-text-should-truncate-Mobile-Chrome/select-label-floating-long-text-ios-rtl-actual.png Diff: /ionic/test-results/src-components-select-test-5ca06-t-long-text-should-truncate-Mobile-Chrome/select-label-floating-long-text-ios-rtl-diff.png Call log: - Expect "toHaveScreenshot(select-label-floating-long-text-ios-rtl.png)" with timeout 5000ms - verifying given screenshot expectation - waiting for locator('ion-select') - locator resolved to <ion-select value="apples" label-placement="floating" placeholder="Select a Fruit" label="Label Label Label Label Label Label Label Label Label Label Label Label Label Label Label" class="ios has-value label-floating has-placeholder ion-focusable select-rtl select-label-placement-floating 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 - 311 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="apples" label-placement="floating" placeholder="Select a Fruit" label="Label Label Label Label Label Label Label Label Label Label Label Label Label Label Label" class="ios has-value label-floating has-placeholder ion-focusable select-rtl select-label-placement-floating 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 - 311 pixels (ratio 0.02 of all image pixels) are different. 222 | const select = page.locator('ion-select'); 223 | > 224 | await expect(select).toHaveScreenshot(screenshot(`select-label-floating-long-text`)); | ^ 225 | }); 226 | }); 227 | at /ionic/src/components/select/test/label/select.e2e.ts:224:30

The strategy configuration was canceled because "test-core-screenshot._10_20" failed

The operation was canceled.

3) [Mobile Chrome] › src/components/checkbox/test/a11y/checkbox.e2e.ts:31:11 › checkbox: a11y - ios/ltr › checkbox: font scaling - ios/ltr › should scale text on larger font sizes Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(locator).toHaveScreenshot(expected) 5 pixels (ratio 0.01 of all image pixels) are different. Expected: /ionic/src/components/checkbox/test/a11y/checkbox.e2e.ts-snapshots/checkbox-scale-ios-ltr-Mobile-Chrome-linux.png Received: /ionic/test-results/src-components-checkbox-te-23868-e-text-on-larger-font-sizes-Mobile-Chrome-retry2/checkbox-scale-ios-ltr-actual.png Diff: /ionic/test-results/src-components-checkbox-te-23868-e-text-on-larger-font-sizes-Mobile-Chrome-retry2/checkbox-scale-ios-ltr-diff.png Call log: - Expect "toHaveScreenshot(checkbox-scale-ios-ltr.png)" with timeout 5000ms - verifying given screenshot expectation - waiting for locator('ion-checkbox') - locator resolved to <ion-checkbox checked tabindex="0" role="checkbox" aria-checked="true" aria-labelledby="ion-cb-0-lbl" class="ios checkbox-checked interactive checkbox-label-placement-start hydrated">…</ion-checkbox> - 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 - 5 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('ion-checkbox') - locator resolved to <ion-checkbox checked tabindex="0" role="checkbox" aria-checked="true" aria-labelledby="ion-cb-0-lbl" class="ios checkbox-checked interactive checkbox-label-placement-start hydrated">…</ion-checkbox> - 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 - 5 pixels (ratio 0.01 of all image pixels) are different. 43 | 44 | const checkbox = page.locator('ion-checkbox'); > 45 | await expect(checkbox).toHaveScreenshot(screenshot('checkbox-scale')); | ^ 46 | }); 47 | }); 48 | }); at /ionic/src/components/checkbox/test/a11y/checkbox.e2e.ts:45:32

3) [Mobile Chrome] › src/components/checkbox/test/a11y/checkbox.e2e.ts:31:11 › checkbox: a11y - ios/ltr › checkbox: font scaling - ios/ltr › should scale text on larger font sizes Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(locator).toHaveScreenshot(expected) 5 pixels (ratio 0.01 of all image pixels) are different. Expected: /ionic/src/components/checkbox/test/a11y/checkbox.e2e.ts-snapshots/checkbox-scale-ios-ltr-Mobile-Chrome-linux.png Received: /ionic/test-results/src-components-checkbox-te-23868-e-text-on-larger-font-sizes-Mobile-Chrome-retry1/checkbox-scale-ios-ltr-actual.png Diff: /ionic/test-results/src-components-checkbox-te-23868-e-text-on-larger-font-sizes-Mobile-Chrome-retry1/checkbox-scale-ios-ltr-diff.png Call log: - Expect "toHaveScreenshot(checkbox-scale-ios-ltr.png)" with timeout 5000ms - verifying given screenshot expectation - waiting for locator('ion-checkbox') - locator resolved to <ion-checkbox checked tabindex="0" role="checkbox" aria-checked="true" aria-labelledby="ion-cb-0-lbl" class="ios checkbox-checked interactive checkbox-label-placement-start hydrated">…</ion-checkbox> - 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 - 5 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('ion-checkbox') - locator resolved to <ion-checkbox checked tabindex="0" role="checkbox" aria-checked="true" aria-labelledby="ion-cb-0-lbl" class="ios checkbox-checked interactive checkbox-label-placement-start hydrated">…</ion-checkbox> - 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 - 5 pixels (ratio 0.01 of all image pixels) are different. 43 | 44 | const checkbox = page.locator('ion-checkbox'); > 45 | await expect(checkbox).toHaveScreenshot(screenshot('checkbox-scale')); | ^ 46 | }); 47 | }); 48 | }); at /ionic/src/components/checkbox/test/a11y/checkbox.e2e.ts:45:32

3) [Mobile Chrome] › src/components/checkbox/test/a11y/checkbox.e2e.ts:31:11 › checkbox: a11y - ios/ltr › checkbox: font scaling - ios/ltr › should scale text on larger font sizes Error: expect(locator).toHaveScreenshot(expected) 5 pixels (ratio 0.01 of all image pixels) are different. Expected: /ionic/src/components/checkbox/test/a11y/checkbox.e2e.ts-snapshots/checkbox-scale-ios-ltr-Mobile-Chrome-linux.png Received: /ionic/test-results/src-components-checkbox-te-23868-e-text-on-larger-font-sizes-Mobile-Chrome/checkbox-scale-ios-ltr-actual.png Diff: /ionic/test-results/src-components-checkbox-te-23868-e-text-on-larger-font-sizes-Mobile-Chrome/checkbox-scale-ios-ltr-diff.png Call log: - Expect "toHaveScreenshot(checkbox-scale-ios-ltr.png)" with timeout 5000ms - verifying given screenshot expectation - waiting for locator('ion-checkbox') - locator resolved to <ion-checkbox checked tabindex="0" role="checkbox" aria-checked="true" aria-labelledby="ion-cb-0-lbl" class="ios checkbox-checked interactive checkbox-label-placement-start hydrated">…</ion-checkbox> - 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 - 5 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('ion-checkbox') - locator resolved to <ion-checkbox checked tabindex="0" role="checkbox" aria-checked="true" aria-labelledby="ion-cb-0-lbl" class="ios checkbox-checked interactive checkbox-label-placement-start hydrated">…</ion-checkbox> - 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 - 5 pixels (ratio 0.01 of all image pixels) are different. 43 | 44 | const checkbox = page.locator('ion-checkbox'); > 45 | await expect(checkbox).toHaveScreenshot(screenshot('checkbox-scale')); | ^ 46 | }); 47 | }); 48 | }); at /ionic/src/components/checkbox/test/a11y/checkbox.e2e.ts:45:32

2) [Mobile Chrome] › src/components/button/test/round/button.e2e.ts:34:11 › button: round - md/ltr › clear › should not have visual regressions Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(locator).toHaveScreenshot(expected) 4 pixels (ratio 0.01 of all image pixels) are different. Expected: /ionic/src/components/button/test/round/button.e2e.ts-snapshots/button-clear-round-md-ltr-Mobile-Chrome-linux.png Received: /ionic/test-results/src-components-button-test-af7e0-not-have-visual-regressions-Mobile-Chrome-retry2/button-clear-round-md-ltr-actual.png Diff: /ionic/test-results/src-components-button-test-af7e0-not-have-visual-regressions-Mobile-Chrome-retry2/button-clear-round-md-ltr-diff.png Call log: - Expect "toHaveScreenshot(button-clear-round-md-ltr.png)" with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#clear') - locator resolved to <div id="clear" class="grid">…</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 - 4 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#clear') - locator resolved to <div id="clear" class="grid">…</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 - 4 pixels (ratio 0.01 of all image pixels) are different. 39 | const container = page.locator('#clear'); 40 | > 41 | await expect(container).toHaveScreenshot(screenshot(`button-clear-round`)); | ^ 42 | }); 43 | }); 44 | at /ionic/src/components/button/test/round/button.e2e.ts:41:33

2) [Mobile Chrome] › src/components/button/test/round/button.e2e.ts:34:11 › button: round - md/ltr › clear › should not have visual regressions Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(locator).toHaveScreenshot(expected) 4 pixels (ratio 0.01 of all image pixels) are different. Expected: /ionic/src/components/button/test/round/button.e2e.ts-snapshots/button-clear-round-md-ltr-Mobile-Chrome-linux.png Received: /ionic/test-results/src-components-button-test-af7e0-not-have-visual-regressions-Mobile-Chrome-retry1/button-clear-round-md-ltr-actual.png Diff: /ionic/test-results/src-components-button-test-af7e0-not-have-visual-regressions-Mobile-Chrome-retry1/button-clear-round-md-ltr-diff.png Call log: - Expect "toHaveScreenshot(button-clear-round-md-ltr.png)" with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#clear') - locator resolved to <div id="clear" class="grid">…</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 - 4 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#clear') - locator resolved to <div id="clear" class="grid">…</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 - 4 pixels (ratio 0.01 of all image pixels) are different. 39 | const container = page.locator('#clear'); 40 | > 41 | await expect(container).toHaveScreenshot(screenshot(`button-clear-round`)); | ^ 42 | }); 43 | }); 44 | at /ionic/src/components/button/test/round/button.e2e.ts:41:33

2) [Mobile Chrome] › src/components/button/test/round/button.e2e.ts:34:11 › button: round - md/ltr › clear › should not have visual regressions Error: expect(locator).toHaveScreenshot(expected) 4 pixels (ratio 0.01 of all image pixels) are different. Expected: /ionic/src/components/button/test/round/button.e2e.ts-snapshots/button-clear-round-md-ltr-Mobile-Chrome-linux.png Received: /ionic/test-results/src-components-button-test-af7e0-not-have-visual-regressions-Mobile-Chrome/button-clear-round-md-ltr-actual.png Diff: /ionic/test-results/src-components-button-test-af7e0-not-have-visual-regressions-Mobile-Chrome/button-clear-round-md-ltr-diff.png Call log: - Expect "toHaveScreenshot(button-clear-round-md-ltr.png)" with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#clear') - locator resolved to <div id="clear" class="grid">…</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 - 4 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#clear') - locator resolved to <div id="clear" class="grid">…</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 - 4 pixels (ratio 0.01 of all image pixels) are different. 39 | const container = page.locator('#clear'); 40 | > 41 | await expect(container).toHaveScreenshot(screenshot(`button-clear-round`)); | ^ 42 | }); 43 | }); 44 | at /ionic/src/components/button/test/round/button.e2e.ts:41:33

1) [Mobile Chrome] › src/components/button/test/round/button.e2e.ts:22:11 › button: round - md/ltr › outline › should not have visual regressions Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(locator).toHaveScreenshot(expected) 5 pixels (ratio 0.01 of all image pixels) are different. Expected: /ionic/src/components/button/test/round/button.e2e.ts-snapshots/button-outline-round-md-ltr-Mobile-Chrome-linux.png Received: /ionic/test-results/src-components-button-test-40c62-not-have-visual-regressions-Mobile-Chrome-retry2/button-outline-round-md-ltr-actual.png Diff: /ionic/test-results/src-components-button-test-40c62-not-have-visual-regressions-Mobile-Chrome-retry2/button-outline-round-md-ltr-diff.png Call log: - Expect "toHaveScreenshot(button-outline-round-md-ltr.png)" with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#outline') - locator resolved to <div id="outline" class="grid">…</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 - 5 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#outline') - locator resolved to <div id="outline" class="grid">…</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 - 5 pixels (ratio 0.01 of all image pixels) are different. 27 | const container = page.locator('#outline'); 28 | > 29 | await expect(container).toHaveScreenshot(screenshot(`button-outline-round`)); | ^ 30 | }); 31 | }); 32 | at /ionic/src/components/button/test/round/button.e2e.ts:29:33

1) [Mobile Chrome] › src/components/button/test/round/button.e2e.ts:22:11 › button: round - md/ltr › outline › should not have visual regressions Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(locator).toHaveScreenshot(expected) 5 pixels (ratio 0.01 of all image pixels) are different. Expected: /ionic/src/components/button/test/round/button.e2e.ts-snapshots/button-outline-round-md-ltr-Mobile-Chrome-linux.png Received: /ionic/test-results/src-components-button-test-40c62-not-have-visual-regressions-Mobile-Chrome-retry1/button-outline-round-md-ltr-actual.png Diff: /ionic/test-results/src-components-button-test-40c62-not-have-visual-regressions-Mobile-Chrome-retry1/button-outline-round-md-ltr-diff.png Call log: - Expect "toHaveScreenshot(button-outline-round-md-ltr.png)" with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#outline') - locator resolved to <div id="outline" class="grid">…</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 - 5 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#outline') - locator resolved to <div id="outline" class="grid">…</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 - 5 pixels (ratio 0.01 of all image pixels) are different. 27 | const container = page.locator('#outline'); 28 | > 29 | await expect(container).toHaveScreenshot(screenshot(`button-outline-round`)); | ^ 30 | }); 31 | }); 32 | at /ionic/src/components/button/test/round/button.e2e.ts:29:33

1) [Mobile Chrome] › src/components/button/test/round/button.e2e.ts:22:11 › button: round - md/ltr › outline › should not have visual regressions Error: expect(locator).toHaveScreenshot(expected) 5 pixels (ratio 0.01 of all image pixels) are different. Expected: /ionic/src/components/button/test/round/button.e2e.ts-snapshots/button-outline-round-md-ltr-Mobile-Chrome-linux.png Received: /ionic/test-results/src-components-button-test-40c62-not-have-visual-regressions-Mobile-Chrome/button-outline-round-md-ltr-actual.png Diff: /ionic/test-results/src-components-button-test-40c62-not-have-visual-regressions-Mobile-Chrome/button-outline-round-md-ltr-diff.png Call log: - Expect "toHaveScreenshot(button-outline-round-md-ltr.png)" with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#outline') - locator resolved to <div id="outline" class="grid">…</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 - 5 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#outline') - locator resolved to <div id="outline" class="grid">…</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 - 5 pixels (ratio 0.01 of all image pixels) are different. 27 | const container = page.locator('#outline'); 28 | > 29 | await expect(container).toHaveScreenshot(screenshot(`button-outline-round`)); | ^ 30 | }); 31 | }); 32 | at /ionic/src/components/button/test/round/button.e2e.ts:29:33

The strategy configuration was canceled because "test-core-screenshot._10_20" failed

Process completed with exit code 12.

The operation was canceled.

The strategy configuration was canceled because "test-core-screenshot._10_20" failed

Process completed with exit code 12.

The operation was canceled.

The strategy configuration was canceled because "test-core-screenshot._10_20" failed

Process completed with exit code 12.

The operation was canceled.

The strategy configuration was canceled because "test-core-screenshot._10_20" failed

Process completed with exit code 12.

The operation was canceled.

The strategy configuration was canceled because "test-core-screenshot._10_20" failed

Process completed with exit code 12.

The operation was canceled.

The strategy configuration was canceled because "test-core-screenshot._10_20" failed

Process completed with exit code 12.

The operation was canceled.

Process completed with exit code 12.

The strategy configuration was canceled because "test-core-screenshot._10_20" failed

The operation was canceled.

The strategy configuration was canceled because "test-core-screenshot._10_20" failed

Process completed with exit code 12.

The operation was canceled.

The strategy configuration was canceled because "test-core-screenshot._10_20" failed

Process completed with exit code 12.

The operation was canceled.

The strategy configuration was canceled because "test-core-screenshot._10_20" failed

Process completed with exit code 12.

The operation was canceled.

The strategy configuration was canceled because "test-core-screenshot._10_20" failed

Process completed with exit code 12.

The operation was canceled.

The strategy configuration was canceled because "test-core-screenshot._10_20" failed

Process completed with exit code 12.

The operation was canceled.

The strategy configuration was canceled because "test-core-screenshot._10_20" failed

Process completed with exit code 12.

The operation was canceled.

The strategy configuration was canceled because "test-core-screenshot._10_20" failed

Process completed with exit code 12.

The operation was canceled.

The strategy configuration was canceled because "test-core-screenshot._10_20" failed

Process completed with exit code 12.

The operation was canceled.

The strategy configuration was canceled because "test-core-screenshot._10_20" failed

Process completed with exit code 12.

The operation was canceled.

The strategy configuration was canceled because "test-core-screenshot._10_20" failed

Process completed with exit code 1.

216 skipped 238 passed (2.4m)

9 failed [Mobile Chrome] › src/components/input-password-toggle/test/basic/input-password-toggle.e2e.ts:35:9 › input password toggle: rendering - ios/ltr › should not have visual regressions [Mobile Chrome] › src/components/item/test/a11y/item.e2e.ts:81:9 › item: font scaling - md/ltr › should scale slotted icons on larger font sizes [Mobile Chrome] › src/components/item/test/buttons/item.e2e.ts:6:9 › item: buttons - md/ltr › should not have visual regressions [Mobile Chrome] › src/components/item/test/buttons/item.e2e.ts:6:9 › item: buttons - md/rtl › should not have visual regressions [Mobile Chrome] › src/components/item-sliding/test/a11y/item-sliding.e2e.ts:45:9 › item-sliding: font scaling - ios/ltr › should scale text on larger font sizes [Mobile Chrome] › src/components/item-sliding/test/a11y/item-sliding.e2e.ts:45:9 › item-sliding: font scaling - md/ltr › should scale text on larger font sizes [Mobile Chrome] › src/components/item-sliding/test/icons/item-sliding.e2e.ts:13:9 › item-sliding: icons - md/ltr › should not have visual regressions [Mobile Chrome] › src/components/item-sliding/test/icons/item-sliding.e2e.ts:13:9 › item-sliding: icons - md/rtl › should not have visual regressions [Mobile Chrome] › src/components/menu-button/test/a11y/menu-button.e2e.ts:36:9 › menu-button: font scaling - md/ltr › should scale text on larger font sizes 405 passed (3.3m)

8 failed [Mobile Chrome] › src/components/select/test/label/select.e2e.ts:212:11 › select: label - ios/rtl › select: floating placement › long text should truncate [Mobile Chrome] › src/components/select/test/label/select.e2e.ts:269:11 › select: label - ios/rtl › select: stacked placement › long text should truncate [Mobile Chrome] › src/components/select/test/label/select.e2e.ts:212:11 › select: label - md/rtl › select: floating placement › long text should truncate [Mobile Chrome] › src/components/select/test/label/select.e2e.ts:269:11 › select: label - md/rtl › select: stacked placement › long text should truncate [Mobile Chrome] › src/components/select/test/slot/select.e2e.ts:6:9 › select: start and end slots (visual checks) - md/ltr › should not have visual regressions with a start-positioned label [Mobile Chrome] › src/components/select/test/slot/select.e2e.ts:27:9 › select: start and end slots (visual checks) - md/ltr › should not have visual regressions with a floating label [Mobile Chrome] › src/components/select/test/slot/select.e2e.ts:6:9 › select: start and end slots (visual checks) - md/rtl › should not have visual regressions with a start-positioned label [Mobile Chrome] › src/components/select/test/slot/select.e2e.ts:27:9 › select: start and end slots (visual checks) - md/rtl › should not have visual regressions with a floating label 500 passed (3.4m)