2) [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(locator).toHaveScreenshot(expected) failed Locator: locator('#tab-button-icon-bottom') Expected an image 393px by 223px, received 393px by 221px. 1988 pixels (ratio 0.03 of all image pixels) are different. Snapshot: badge-hint-tab-button-icon-bottom-md-ltr.png 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') - locator resolved to <ion-list role="list" id="tab-button-icon-bottom" class="md list-md 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 - Expected an image 393px by 223px, received 393px by 221px. 1988 pixels (ratio 0.03 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#tab-button-icon-bottom') - locator resolved to <ion-list role="list" id="tab-button-icon-bottom" class="md list-md 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 - Expected an image 393px by 223px, received 393px by 221px. 1988 pixels (ratio 0.03 of all image pixels) are different. 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:31

2) [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(locator).toHaveScreenshot(expected) failed Locator: locator('#tab-button-icon-bottom') Expected an image 393px by 223px, received 393px by 221px. 1988 pixels (ratio 0.03 of all image pixels) are different. Snapshot: badge-hint-tab-button-icon-bottom-md-ltr.png 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') - locator resolved to <ion-list role="list" id="tab-button-icon-bottom" class="md list-md 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 - Expected an image 393px by 223px, received 393px by 221px. 1988 pixels (ratio 0.03 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#tab-button-icon-bottom') - locator resolved to <ion-list role="list" id="tab-button-icon-bottom" class="md list-md 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 - Expected an image 393px by 223px, received 393px by 221px. 1988 pixels (ratio 0.03 of all image pixels) are different. 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:31

2) [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(locator).toHaveScreenshot(expected) failed Locator: locator('#tab-button-icon-bottom') Expected an image 393px by 223px, received 393px by 221px. 1988 pixels (ratio 0.03 of all image pixels) are different. Snapshot: badge-hint-tab-button-icon-bottom-md-ltr.png 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') - locator resolved to <ion-list role="list" id="tab-button-icon-bottom" class="md list-md 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 - Expected an image 393px by 223px, received 393px by 221px. 1988 pixels (ratio 0.03 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#tab-button-icon-bottom') - locator resolved to <ion-list role="list" id="tab-button-icon-bottom" class="md list-md 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 - Expected an image 393px by 223px, received 393px by 221px. 1988 pixels (ratio 0.03 of all image pixels) are different. 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:31

[Mobile Chrome] › src/components/badge/test/hint/badge.e2e.ts:26:9 › badge: hint inside tab button - md/ltr › should not have visual regressions when icon is on the top: src/components/badge/test/hint/badge.e2e.ts#L31

1) [Mobile Chrome] › src/components/badge/test/hint/badge.e2e.ts:26:9 › badge: hint inside tab button - md/ltr › should not have visual regressions when icon is on the top Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(locator).toHaveScreenshot(expected) failed Locator: locator('#tab-button') Expected an image 393px by 223px, received 393px by 221px. 2002 pixels (ratio 0.03 of all image pixels) are different. Snapshot: badge-hint-tab-button-icon-top-md-ltr.png Call log: - Expect "toHaveScreenshot(badge-hint-tab-button-icon-top-md-ltr.png)" with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#tab-button') - locator resolved to <ion-list role="list" id="tab-button" class="md list-md 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 - Expected an image 393px by 223px, received 393px by 221px. 2002 pixels (ratio 0.03 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="md list-md 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 - Expected an image 393px by 223px, received 393px by 221px. 2002 pixels (ratio 0.03 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

1) [Mobile Chrome] › src/components/badge/test/hint/badge.e2e.ts:26:9 › badge: hint inside tab button - md/ltr › should not have visual regressions when icon is on the top Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(locator).toHaveScreenshot(expected) failed Locator: locator('#tab-button') Expected an image 393px by 223px, received 393px by 221px. 2002 pixels (ratio 0.03 of all image pixels) are different. Snapshot: badge-hint-tab-button-icon-top-md-ltr.png Call log: - Expect "toHaveScreenshot(badge-hint-tab-button-icon-top-md-ltr.png)" with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#tab-button') - locator resolved to <ion-list role="list" id="tab-button" class="md list-md 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 - Expected an image 393px by 223px, received 393px by 221px. 2002 pixels (ratio 0.03 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="md list-md 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 - Expected an image 393px by 223px, received 393px by 221px. 2002 pixels (ratio 0.03 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

1) [Mobile Chrome] › src/components/badge/test/hint/badge.e2e.ts:26:9 › badge: hint inside tab button - md/ltr › should not have visual regressions when icon is on the top Error: expect(locator).toHaveScreenshot(expected) failed Locator: locator('#tab-button') Expected an image 393px by 223px, received 393px by 221px. 2002 pixels (ratio 0.03 of all image pixels) are different. Snapshot: badge-hint-tab-button-icon-top-md-ltr.png Call log: - Expect "toHaveScreenshot(badge-hint-tab-button-icon-top-md-ltr.png)" with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#tab-button') - locator resolved to <ion-list role="list" id="tab-button" class="md list-md 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 - Expected an image 393px by 223px, received 393px by 221px. 2002 pixels (ratio 0.03 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="md list-md 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 - Expected an image 393px by 223px, received 393px by 221px. 2002 pixels (ratio 0.03 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

test-core-screenshot (5, 20)

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

test-core-screenshot (5, 20)