4) [Mobile Chrome] › src/components/badge/test/hint/badge.e2e.ts:34:9 › badge: hint inside tab button - ionic/md/ltr/light › should not have visual regressions when icon is at the bottom Error: expect.toHaveScreenshot(badge-hint-tab-button-icon-bottom-ionic-md-ltr-light.png): Error: strict mode violation: locator('#tab-button-icon-bottom') resolved to 2 elements: 1) <ion-list role="list" id="tab-button-icon-bottom" class="ionic list-ionic list-rectangular hydrated">…</ion-list> aka getByText('Inside Tab Button - Bottom Icon Tab One 9 Tab Two Tab Three 999 Tab Four Tab') 2) <ion-list role="list" id="tab-button-icon-bottom" class="ionic list-ionic list-rectangular hydrated">…</ion-list> aka getByText('Inside Tab Button - Only Icon 999') Call log: - Expect "toHaveScreenshot(badge-hint-tab-button-icon-bottom-ionic-md-ltr-light.png)" with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#tab-button-icon-bottom') 37 | const container = page.locator('#tab-button-icon-bottom'); 38 | > 39 | await expect(container).toHaveScreenshot(screenshot(`badge-hint-tab-button-icon-bottom`)); | ^ 40 | }); 41 | }); 42 | at /ionic/src/components/badge/test/hint/badge.e2e.ts:39:7

3) [Mobile Chrome] › src/components/badge/test/hint/badge.e2e.ts:26:9 › badge: hint inside tab button - ionic/md/ltr/light › should not have visual regressions when icon is on the top Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(locator).toHaveScreenshot(expected) 4668 pixels (ratio 0.06 of all image pixels) are different. Snapshot: badge-hint-tab-button-icon-top-ionic-md-ltr-light.png Call log: - Expect "toHaveScreenshot(badge-hint-tab-button-icon-top-ionic-md-ltr-light.png)" with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#tab-button') - locator resolved to <ion-list role="list" id="tab-button" class="ionic list-ionic list-rectangular hydrated">…</ion-list> - 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 - 4668 pixels (ratio 0.06 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#tab-button') - locator resolved to <ion-list role="list" id="tab-button" class="ionic list-ionic list-rectangular hydrated">…</ion-list> - 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 - 4668 pixels (ratio 0.06 of all image pixels) are different. 29 | const container = page.locator('#tab-button'); 30 | > 31 | await expect(container).toHaveScreenshot(screenshot(`badge-hint-tab-button-icon-top`)); | ^ 32 | }); 33 | 34 | test('should not have visual regressions when icon is at the bottom', async ({ page }) => { at /ionic/src/components/badge/test/hint/badge.e2e.ts:31:31

3) [Mobile Chrome] › src/components/badge/test/hint/badge.e2e.ts:26:9 › badge: hint inside tab button - ionic/md/ltr/light › should not have visual regressions when icon is on the top Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(locator).toHaveScreenshot(expected) 4668 pixels (ratio 0.06 of all image pixels) are different. Snapshot: badge-hint-tab-button-icon-top-ionic-md-ltr-light.png Call log: - Expect "toHaveScreenshot(badge-hint-tab-button-icon-top-ionic-md-ltr-light.png)" with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#tab-button') - locator resolved to <ion-list role="list" id="tab-button" class="ionic list-ionic list-rectangular hydrated">…</ion-list> - 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 - 4668 pixels (ratio 0.06 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#tab-button') - locator resolved to <ion-list role="list" id="tab-button" class="ionic list-ionic list-rectangular hydrated">…</ion-list> - 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 - 4668 pixels (ratio 0.06 of all image pixels) are different. 29 | const container = page.locator('#tab-button'); 30 | > 31 | await expect(container).toHaveScreenshot(screenshot(`badge-hint-tab-button-icon-top`)); | ^ 32 | }); 33 | 34 | test('should not have visual regressions when icon is at the bottom', async ({ page }) => { at /ionic/src/components/badge/test/hint/badge.e2e.ts:31:31

3) [Mobile Chrome] › src/components/badge/test/hint/badge.e2e.ts:26:9 › badge: hint inside tab button - ionic/md/ltr/light › should not have visual regressions when icon is on the top Error: expect(locator).toHaveScreenshot(expected) 4668 pixels (ratio 0.06 of all image pixels) are different. Snapshot: badge-hint-tab-button-icon-top-ionic-md-ltr-light.png Call log: - Expect "toHaveScreenshot(badge-hint-tab-button-icon-top-ionic-md-ltr-light.png)" with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#tab-button') - locator resolved to <ion-list role="list" id="tab-button" class="ionic list-ionic list-rectangular hydrated">…</ion-list> - 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 - 4668 pixels (ratio 0.06 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#tab-button') - locator resolved to <ion-list role="list" id="tab-button" class="ionic list-ionic list-rectangular hydrated">…</ion-list> - 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 - 4668 pixels (ratio 0.06 of all image pixels) are different. 29 | const container = page.locator('#tab-button'); 30 | > 31 | await expect(container).toHaveScreenshot(screenshot(`badge-hint-tab-button-icon-top`)); | ^ 32 | }); 33 | 34 | test('should not have visual regressions when icon is at the bottom', async ({ page }) => { at /ionic/src/components/badge/test/hint/badge.e2e.ts:31:31

2) [Mobile Chrome] › src/components/badge/test/hint/badge.e2e.ts:34:9 › badge: hint inside tab button - ios/ltr › should not have visual regressions when icon is at the bottom Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect.toHaveScreenshot(badge-hint-tab-button-icon-bottom-ios-ltr.png): Error: strict mode violation: locator('#tab-button-icon-bottom') resolved to 2 elements: 1) <ion-list role="list" id="tab-button-icon-bottom" class="ios list-ios hydrated">…</ion-list> aka getByText('Inside Tab Button - Bottom Icon Tab One 9 Tab Two Tab Three 999 Tab Four Tab') 2) <ion-list role="list" id="tab-button-icon-bottom" class="ios list-ios hydrated">…</ion-list> aka getByText('Inside Tab Button - Only Icon 999') Call log: - Expect "toHaveScreenshot(badge-hint-tab-button-icon-bottom-ios-ltr.png)" with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#tab-button-icon-bottom') 37 | const container = page.locator('#tab-button-icon-bottom'); 38 | > 39 | await expect(container).toHaveScreenshot(screenshot(`badge-hint-tab-button-icon-bottom`)); | ^ 40 | }); 41 | }); 42 | at /ionic/src/components/badge/test/hint/badge.e2e.ts:39:7

2) [Mobile Chrome] › src/components/badge/test/hint/badge.e2e.ts:34:9 › badge: hint inside tab button - ios/ltr › should not have visual regressions when icon is at the bottom Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect.toHaveScreenshot(badge-hint-tab-button-icon-bottom-ios-ltr.png): Error: strict mode violation: locator('#tab-button-icon-bottom') resolved to 2 elements: 1) <ion-list role="list" id="tab-button-icon-bottom" class="ios list-ios hydrated">…</ion-list> aka getByText('Inside Tab Button - Bottom Icon Tab One 9 Tab Two Tab Three 999 Tab Four Tab') 2) <ion-list role="list" id="tab-button-icon-bottom" class="ios list-ios hydrated">…</ion-list> aka getByText('Inside Tab Button - Only Icon 999') Call log: - Expect "toHaveScreenshot(badge-hint-tab-button-icon-bottom-ios-ltr.png)" with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#tab-button-icon-bottom') 37 | const container = page.locator('#tab-button-icon-bottom'); 38 | > 39 | await expect(container).toHaveScreenshot(screenshot(`badge-hint-tab-button-icon-bottom`)); | ^ 40 | }); 41 | }); 42 | at /ionic/src/components/badge/test/hint/badge.e2e.ts:39:7

2) [Mobile Chrome] › src/components/badge/test/hint/badge.e2e.ts:34:9 › badge: hint inside tab button - ios/ltr › should not have visual regressions when icon is at the bottom Error: expect.toHaveScreenshot(badge-hint-tab-button-icon-bottom-ios-ltr.png): Error: strict mode violation: locator('#tab-button-icon-bottom') resolved to 2 elements: 1) <ion-list role="list" id="tab-button-icon-bottom" class="ios list-ios hydrated">…</ion-list> aka getByText('Inside Tab Button - Bottom Icon Tab One 9 Tab Two Tab Three 999 Tab Four Tab') 2) <ion-list role="list" id="tab-button-icon-bottom" class="ios list-ios hydrated">…</ion-list> aka getByText('Inside Tab Button - Only Icon 999') Call log: - Expect "toHaveScreenshot(badge-hint-tab-button-icon-bottom-ios-ltr.png)" with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#tab-button-icon-bottom') 37 | const container = page.locator('#tab-button-icon-bottom'); 38 | > 39 | await expect(container).toHaveScreenshot(screenshot(`badge-hint-tab-button-icon-bottom`)); | ^ 40 | }); 41 | }); 42 | at /ionic/src/components/badge/test/hint/badge.e2e.ts:39:7

1) [Mobile Chrome] › src/components/badge/test/hint/badge.e2e.ts:34:9 › badge: hint inside tab button - md/ltr › should not have visual regressions when icon is at the bottom Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect.toHaveScreenshot(badge-hint-tab-button-icon-bottom-md-ltr.png): Error: strict mode violation: locator('#tab-button-icon-bottom') resolved to 2 elements: 1) <ion-list role="list" id="tab-button-icon-bottom" class="md list-md hydrated">…</ion-list> aka getByText('Inside Tab Button - Bottom Icon Tab One 9 Tab Two Tab Three 999 Tab Four Tab') 2) <ion-list role="list" id="tab-button-icon-bottom" class="md list-md hydrated">…</ion-list> aka getByText('Inside Tab Button - Only Icon 999') Call log: - Expect "toHaveScreenshot(badge-hint-tab-button-icon-bottom-md-ltr.png)" with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#tab-button-icon-bottom') 37 | const container = page.locator('#tab-button-icon-bottom'); 38 | > 39 | await expect(container).toHaveScreenshot(screenshot(`badge-hint-tab-button-icon-bottom`)); | ^ 40 | }); 41 | }); 42 | at /ionic/src/components/badge/test/hint/badge.e2e.ts:39:7

1) [Mobile Chrome] › src/components/badge/test/hint/badge.e2e.ts:34:9 › badge: hint inside tab button - md/ltr › should not have visual regressions when icon is at the bottom Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect.toHaveScreenshot(badge-hint-tab-button-icon-bottom-md-ltr.png): Error: strict mode violation: locator('#tab-button-icon-bottom') resolved to 2 elements: 1) <ion-list role="list" id="tab-button-icon-bottom" class="md list-md hydrated">…</ion-list> aka getByText('Inside Tab Button - Bottom Icon Tab One 9 Tab Two Tab Three 999 Tab Four Tab') 2) <ion-list role="list" id="tab-button-icon-bottom" class="md list-md hydrated">…</ion-list> aka getByText('Inside Tab Button - Only Icon 999') Call log: - Expect "toHaveScreenshot(badge-hint-tab-button-icon-bottom-md-ltr.png)" with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#tab-button-icon-bottom') 37 | const container = page.locator('#tab-button-icon-bottom'); 38 | > 39 | await expect(container).toHaveScreenshot(screenshot(`badge-hint-tab-button-icon-bottom`)); | ^ 40 | }); 41 | }); 42 | at /ionic/src/components/badge/test/hint/badge.e2e.ts:39:7

1) [Mobile Chrome] › src/components/badge/test/hint/badge.e2e.ts:34:9 › badge: hint inside tab button - md/ltr › should not have visual regressions when icon is at the bottom Error: expect.toHaveScreenshot(badge-hint-tab-button-icon-bottom-md-ltr.png): Error: strict mode violation: locator('#tab-button-icon-bottom') resolved to 2 elements: 1) <ion-list role="list" id="tab-button-icon-bottom" class="md list-md hydrated">…</ion-list> aka getByText('Inside Tab Button - Bottom Icon Tab One 9 Tab Two Tab Three 999 Tab Four Tab') 2) <ion-list role="list" id="tab-button-icon-bottom" class="md list-md hydrated">…</ion-list> aka getByText('Inside Tab Button - Only Icon 999') Call log: - Expect "toHaveScreenshot(badge-hint-tab-button-icon-bottom-md-ltr.png)" with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#tab-button-icon-bottom') 37 | const container = page.locator('#tab-button-icon-bottom'); 38 | > 39 | await expect(container).toHaveScreenshot(screenshot(`badge-hint-tab-button-icon-bottom`)); | ^ 40 | }); 41 | }); 42 | at /ionic/src/components/badge/test/hint/badge.e2e.ts:39:7

4) [Mobile Chrome] › src/components/tab-button/test/shape/tab-button.e2e.ts:39:9 › tab-button: shape - ionic/md/ltr/light › should render a soft tab button Error: expect(locator).toHaveScreenshot(expected) Expected an image 82px by 48px, received 76px by 52px. 312 pixels (ratio 0.08 of all image pixels) are different. Snapshot: tab-button-shape-soft-ionic-md-ltr-light.png Call log: - Expect "toHaveScreenshot(tab-button-shape-soft-ionic-md-ltr-light.png)" with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#soft-tab-button') - locator resolved to <ion-tab-button shape="soft" id="soft-tab-button" class="ionic tab-has-label tab-has-icon tab-layout-icon-top ion-activatable ion-selectable tab-button-shape-soft ion-focusable hydrated">…</ion-tab-button> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - Expected an image 82px by 48px, received 76px by 52px. 312 pixels (ratio 0.08 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#soft-tab-button') - locator resolved to <ion-tab-button shape="soft" id="soft-tab-button" class="ionic tab-has-label tab-has-icon tab-layout-icon-top ion-activatable ion-selectable tab-button-shape-soft ion-focusable hydrated">…</ion-tab-button> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - captured a stable screenshot - Expected an image 82px by 48px, received 76px by 52px. 312 pixels (ratio 0.08 of all image pixels) are different. 21 | const tabButton = page.locator(buttonId); 22 | > 23 | await expect(tabButton).toHaveScreenshot(screenshotString); | ^ 24 | } 25 | } 26 | at TabButtonFixture.screenshot (/ionic/src/components/tab-button/test/shape/tab-button.e2e.ts:23:29) at /ionic/src/components/tab-button/test/shape/tab-button.e2e.ts:40:30

3) [Mobile Chrome] › src/components/tab-bar/test/expand/tab-bar.e2e.ts:48:11 › tab-bar: expand - ionic/md/ltr/light › compact - ionic/md/ltr/light › should not have visual regressions Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(locator).toHaveScreenshot(expected) 798 pixels (ratio 0.04 of all image pixels) are different. Snapshot: tab-bar-expand-compact-ionic-md-ltr-light.png Call log: - Expect "toHaveScreenshot(tab-bar-expand-compact-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 - 798 pixels (ratio 0.04 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 - 798 pixels (ratio 0.04 of all image pixels) are different. 82 | const container = page.locator('.container'); 83 | > 84 | await expect(container).toHaveScreenshot(screenshot(`tab-bar-expand-compact`)); | ^ 85 | }); 86 | }); 87 | }); at /ionic/src/components/tab-bar/test/expand/tab-bar.e2e.ts:84:33

3) [Mobile Chrome] › src/components/tab-bar/test/expand/tab-bar.e2e.ts:48:11 › tab-bar: expand - ionic/md/ltr/light › compact - ionic/md/ltr/light › should not have visual regressions Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(locator).toHaveScreenshot(expected) 798 pixels (ratio 0.04 of all image pixels) are different. Snapshot: tab-bar-expand-compact-ionic-md-ltr-light.png Call log: - Expect "toHaveScreenshot(tab-bar-expand-compact-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 - 798 pixels (ratio 0.04 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 - 798 pixels (ratio 0.04 of all image pixels) are different. 82 | const container = page.locator('.container'); 83 | > 84 | await expect(container).toHaveScreenshot(screenshot(`tab-bar-expand-compact`)); | ^ 85 | }); 86 | }); 87 | }); at /ionic/src/components/tab-bar/test/expand/tab-bar.e2e.ts:84:33

3) [Mobile Chrome] › src/components/tab-bar/test/expand/tab-bar.e2e.ts:48:11 › tab-bar: expand - ionic/md/ltr/light › compact - ionic/md/ltr/light › should not have visual regressions Error: expect(locator).toHaveScreenshot(expected) 798 pixels (ratio 0.04 of all image pixels) are different. Snapshot: tab-bar-expand-compact-ionic-md-ltr-light.png Call log: - Expect "toHaveScreenshot(tab-bar-expand-compact-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 - 798 pixels (ratio 0.04 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 - 798 pixels (ratio 0.04 of all image pixels) are different. 82 | const container = page.locator('.container'); 83 | > 84 | await expect(container).toHaveScreenshot(screenshot(`tab-bar-expand-compact`)); | ^ 85 | }); 86 | }); 87 | }); at /ionic/src/components/tab-bar/test/expand/tab-bar.e2e.ts:84:33

2) [Mobile Chrome] › src/components/tab-bar/test/basic/tab-bar.e2e.ts:9:9 › tab-bar: basic - ionic/md/rtl/light › should not have visual regressions Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(locator).toHaveScreenshot(expected) 609 pixels (ratio 0.03 of all image pixels) are different. Snapshot: tab-bar-default-ionic-md-rtl-light.png Call log: - Expect "toHaveScreenshot(tab-bar-default-ionic-md-rtl-light.png)" with timeout 5000ms - verifying given screenshot expectation - waiting for locator('ion-tab-bar') - locator resolved to <ion-tab-bar role="tablist" selected-tab="2" class="ionic tab-bar-full tab-bar-round hydrated">…</ion-tab-bar> - 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 - 609 pixels (ratio 0.03 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('ion-tab-bar') - locator resolved to <ion-tab-bar role="tablist" selected-tab="2" class="ionic tab-bar-full tab-bar-round hydrated">…</ion-tab-bar> - 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 - 609 pixels (ratio 0.03 of all image pixels) are different. 43 | const tabBar = page.locator('ion-tab-bar'); 44 | > 45 | await expect(tabBar).toHaveScreenshot(screenshot(`tab-bar-default`)); | ^ 46 | }); 47 | }); 48 | }); at /ionic/src/components/tab-bar/test/basic/tab-bar.e2e.ts:45:28

2) [Mobile Chrome] › src/components/tab-bar/test/basic/tab-bar.e2e.ts:9:9 › tab-bar: basic - ionic/md/rtl/light › should not have visual regressions Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(locator).toHaveScreenshot(expected) 609 pixels (ratio 0.03 of all image pixels) are different. Snapshot: tab-bar-default-ionic-md-rtl-light.png Call log: - Expect "toHaveScreenshot(tab-bar-default-ionic-md-rtl-light.png)" with timeout 5000ms - verifying given screenshot expectation - waiting for locator('ion-tab-bar') - locator resolved to <ion-tab-bar role="tablist" selected-tab="2" class="ionic tab-bar-full tab-bar-round hydrated">…</ion-tab-bar> - 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 - 609 pixels (ratio 0.03 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('ion-tab-bar') - locator resolved to <ion-tab-bar role="tablist" selected-tab="2" class="ionic tab-bar-full tab-bar-round hydrated">…</ion-tab-bar> - 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 - 609 pixels (ratio 0.03 of all image pixels) are different. 43 | const tabBar = page.locator('ion-tab-bar'); 44 | > 45 | await expect(tabBar).toHaveScreenshot(screenshot(`tab-bar-default`)); | ^ 46 | }); 47 | }); 48 | }); at /ionic/src/components/tab-bar/test/basic/tab-bar.e2e.ts:45:28

2) [Mobile Chrome] › src/components/tab-bar/test/basic/tab-bar.e2e.ts:9:9 › tab-bar: basic - ionic/md/rtl/light › should not have visual regressions Error: expect(locator).toHaveScreenshot(expected) 609 pixels (ratio 0.03 of all image pixels) are different. Snapshot: tab-bar-default-ionic-md-rtl-light.png Call log: - Expect "toHaveScreenshot(tab-bar-default-ionic-md-rtl-light.png)" with timeout 5000ms - verifying given screenshot expectation - waiting for locator('ion-tab-bar') - locator resolved to <ion-tab-bar role="tablist" selected-tab="2" class="ionic tab-bar-full tab-bar-round hydrated">…</ion-tab-bar> - 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 - 609 pixels (ratio 0.03 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('ion-tab-bar') - locator resolved to <ion-tab-bar role="tablist" selected-tab="2" class="ionic tab-bar-full tab-bar-round hydrated">…</ion-tab-bar> - 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 - 609 pixels (ratio 0.03 of all image pixels) are different. 43 | const tabBar = page.locator('ion-tab-bar'); 44 | > 45 | await expect(tabBar).toHaveScreenshot(screenshot(`tab-bar-default`)); | ^ 46 | }); 47 | }); 48 | }); at /ionic/src/components/tab-bar/test/basic/tab-bar.e2e.ts:45:28

1) [Mobile Chrome] › src/components/tab-bar/test/basic/tab-bar.e2e.ts:9:9 › tab-bar: basic - ionic/md/ltr/light › should not have visual regressions Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(locator).toHaveScreenshot(expected) 601 pixels (ratio 0.03 of all image pixels) are different. Snapshot: tab-bar-default-ionic-md-ltr-light.png Call log: - Expect "toHaveScreenshot(tab-bar-default-ionic-md-ltr-light.png)" with timeout 5000ms - verifying given screenshot expectation - waiting for locator('ion-tab-bar') - locator resolved to <ion-tab-bar role="tablist" selected-tab="2" class="ionic tab-bar-full tab-bar-round hydrated">…</ion-tab-bar> - 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 - 601 pixels (ratio 0.03 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('ion-tab-bar') - locator resolved to <ion-tab-bar role="tablist" selected-tab="2" class="ionic tab-bar-full tab-bar-round hydrated">…</ion-tab-bar> - 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 - 601 pixels (ratio 0.03 of all image pixels) are different. 43 | const tabBar = page.locator('ion-tab-bar'); 44 | > 45 | await expect(tabBar).toHaveScreenshot(screenshot(`tab-bar-default`)); | ^ 46 | }); 47 | }); 48 | }); at /ionic/src/components/tab-bar/test/basic/tab-bar.e2e.ts:45:28

1) [Mobile Chrome] › src/components/tab-bar/test/basic/tab-bar.e2e.ts:9:9 › tab-bar: basic - ionic/md/ltr/light › should not have visual regressions Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(locator).toHaveScreenshot(expected) 601 pixels (ratio 0.03 of all image pixels) are different. Snapshot: tab-bar-default-ionic-md-ltr-light.png Call log: - Expect "toHaveScreenshot(tab-bar-default-ionic-md-ltr-light.png)" with timeout 5000ms - verifying given screenshot expectation - waiting for locator('ion-tab-bar') - locator resolved to <ion-tab-bar role="tablist" selected-tab="2" class="ionic tab-bar-full tab-bar-round hydrated">…</ion-tab-bar> - 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 - 601 pixels (ratio 0.03 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('ion-tab-bar') - locator resolved to <ion-tab-bar role="tablist" selected-tab="2" class="ionic tab-bar-full tab-bar-round hydrated">…</ion-tab-bar> - 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 - 601 pixels (ratio 0.03 of all image pixels) are different. 43 | const tabBar = page.locator('ion-tab-bar'); 44 | > 45 | await expect(tabBar).toHaveScreenshot(screenshot(`tab-bar-default`)); | ^ 46 | }); 47 | }); 48 | }); at /ionic/src/components/tab-bar/test/basic/tab-bar.e2e.ts:45:28

1) [Mobile Chrome] › src/components/tab-bar/test/basic/tab-bar.e2e.ts:9:9 › tab-bar: basic - ionic/md/ltr/light › should not have visual regressions Error: expect(locator).toHaveScreenshot(expected) 601 pixels (ratio 0.03 of all image pixels) are different. Snapshot: tab-bar-default-ionic-md-ltr-light.png Call log: - Expect "toHaveScreenshot(tab-bar-default-ionic-md-ltr-light.png)" with timeout 5000ms - verifying given screenshot expectation - waiting for locator('ion-tab-bar') - locator resolved to <ion-tab-bar role="tablist" selected-tab="2" class="ionic tab-bar-full tab-bar-round hydrated">…</ion-tab-bar> - 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 - 601 pixels (ratio 0.03 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('ion-tab-bar') - locator resolved to <ion-tab-bar role="tablist" selected-tab="2" class="ionic tab-bar-full tab-bar-round hydrated">…</ion-tab-bar> - 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 - 601 pixels (ratio 0.03 of all image pixels) are different. 43 | const tabBar = page.locator('ion-tab-bar'); 44 | > 45 | await expect(tabBar).toHaveScreenshot(screenshot(`tab-bar-default`)); | ^ 46 | }); 47 | }); 48 | }); at /ionic/src/components/tab-bar/test/basic/tab-bar.e2e.ts:45:28

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

The operation was canceled.

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

Process completed with exit code 12.

Process completed with exit code 12.

The operation was canceled.

The operation was canceled.

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

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

Process completed with exit code 12.

The operation was canceled.

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

Process completed with exit code 12.

The operation was canceled.

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

Process completed with exit code 12.

The operation was canceled.

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

Process completed with exit code 12.

The operation was canceled.

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

Process completed with exit code 12.

The operation was canceled.

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

Process completed with exit code 12.

The operation was canceled.

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

Process completed with exit code 12.

The operation was canceled.

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

Process completed with exit code 12.

The operation was canceled.

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

Process completed with exit code 12.

The operation was canceled.

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

Process completed with exit code 12.

The operation was canceled.

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

Process completed with exit code 12.

The operation was canceled.

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

Process completed with exit code 12.

The operation was canceled.

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

Process completed with exit code 1.

360 skipped 276 passed (2.3m)

671 passed (3.5m)

368 skipped 303 passed (3.6m)

4 failed [Mobile Chrome] › src/components/badge/test/hint/badge.e2e.ts:34:9 › badge: hint inside tab button - md/ltr › should not have visual regressions when icon is at the bottom [Mobile Chrome] › src/components/badge/test/hint/badge.e2e.ts:34:9 › badge: hint inside tab button - ios/ltr › should not have visual regressions when icon is at the bottom [Mobile Chrome] › src/components/badge/test/hint/badge.e2e.ts:26:9 › badge: hint inside tab button - ionic/md/ltr/light › should not have visual regressions when icon is on the top [Mobile Chrome] › src/components/badge/test/hint/badge.e2e.ts:34:9 › badge: hint inside tab button - ionic/md/ltr/light › should not have visual regressions when icon is at the bottom 684 passed (4.0m)

6 failed [Mobile Chrome] › src/components/tab-bar/test/basic/tab-bar.e2e.ts:9:9 › tab-bar: basic - ionic/md/ltr/light › should not have visual regressions [Mobile Chrome] › src/components/tab-bar/test/basic/tab-bar.e2e.ts:9:9 › tab-bar: basic - ionic/md/rtl/light › should not have visual regressions [Mobile Chrome] › src/components/tab-bar/test/expand/tab-bar.e2e.ts:48:11 › tab-bar: expand - ionic/md/ltr/light › compact - ionic/md/ltr/light › should not have visual regressions [Mobile Chrome] › src/components/tab-button/test/shape/tab-button.e2e.ts:39:9 › tab-button: shape - ionic/md/ltr/light › should render a soft tab button [Mobile Chrome] › src/components/tab-button/test/shape/tab-button.e2e.ts:43:9 › tab-button: shape - ionic/md/ltr/light › should render a round tab button [Mobile Chrome] › src/components/tab-button/test/shape/tab-button.e2e.ts:47:9 › tab-button: shape - ionic/md/ltr/light › should render a rectangular tab button 1 skipped 665 passed (4.1m)