1) [Mobile Chrome] › src/components/badge/test/hint/badge.e2e.ts:44:9 › badge: hint inside button - md/ltr › should not have visual regressions when icon is on the top Error: expect(locator).toHaveScreenshot(expected) 497 pixels (ratio 0.01 of all image pixels) are different. Expected: /ionic/src/components/badge/test/hint/badge.e2e.ts-snapshots/badge-hint-button-top-md-ltr-Mobile-Chrome-linux.png Received: /ionic/test-results/src-components-badge-test--18f83-ons-when-icon-is-on-the-top-Mobile-Chrome/badge-hint-button-top-md-ltr-actual.png Diff: /ionic/test-results/src-components-badge-test--18f83-ons-when-icon-is-on-the-top-Mobile-Chrome/badge-hint-button-top-md-ltr-diff.png Call log: - expect.toHaveScreenshot(badge-hint-button-top-md-ltr.png) with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#button-top') - locator resolved to <ion-list role="list" id="button-top" 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 - 497 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#button-top') - locator resolved to <ion-list role="list" id="button-top" 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 - 497 pixels (ratio 0.01 of all image pixels) are different. 47 | const container = page.locator('#button-top'); 48 | > 49 | await expect(container).toHaveScreenshot(screenshot(`badge-hint-button-top`)); | ^ 50 | }); 51 | 52 | test('should not have visual regressions when icon is at the bottom', async ({ page }) => { at /ionic/src/components/badge/test/hint/badge.e2e.ts:49:31

1) [Mobile Chrome] › src/components/badge/test/hint/badge.e2e.ts:44:9 › badge: hint inside button - md/ltr › should not have visual regressions when icon is on the top Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(locator).toHaveScreenshot(expected) 497 pixels (ratio 0.01 of all image pixels) are different. Expected: /ionic/src/components/badge/test/hint/badge.e2e.ts-snapshots/badge-hint-button-top-md-ltr-Mobile-Chrome-linux.png Received: /ionic/test-results/src-components-badge-test--18f83-ons-when-icon-is-on-the-top-Mobile-Chrome-retry1/badge-hint-button-top-md-ltr-actual.png Diff: /ionic/test-results/src-components-badge-test--18f83-ons-when-icon-is-on-the-top-Mobile-Chrome-retry1/badge-hint-button-top-md-ltr-diff.png Call log: - expect.toHaveScreenshot(badge-hint-button-top-md-ltr.png) with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#button-top') - locator resolved to <ion-list role="list" id="button-top" 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 - 497 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#button-top') - locator resolved to <ion-list role="list" id="button-top" 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 - 497 pixels (ratio 0.01 of all image pixels) are different. 47 | const container = page.locator('#button-top'); 48 | > 49 | await expect(container).toHaveScreenshot(screenshot(`badge-hint-button-top`)); | ^ 50 | }); 51 | 52 | test('should not have visual regressions when icon is at the bottom', async ({ page }) => { at /ionic/src/components/badge/test/hint/badge.e2e.ts:49:31

1) [Mobile Chrome] › src/components/badge/test/hint/badge.e2e.ts:44:9 › badge: hint inside button - md/ltr › should not have visual regressions when icon is on the top Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(locator).toHaveScreenshot(expected) 497 pixels (ratio 0.01 of all image pixels) are different. Expected: /ionic/src/components/badge/test/hint/badge.e2e.ts-snapshots/badge-hint-button-top-md-ltr-Mobile-Chrome-linux.png Received: /ionic/test-results/src-components-badge-test--18f83-ons-when-icon-is-on-the-top-Mobile-Chrome-retry2/badge-hint-button-top-md-ltr-actual.png Diff: /ionic/test-results/src-components-badge-test--18f83-ons-when-icon-is-on-the-top-Mobile-Chrome-retry2/badge-hint-button-top-md-ltr-diff.png Call log: - expect.toHaveScreenshot(badge-hint-button-top-md-ltr.png) with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#button-top') - locator resolved to <ion-list role="list" id="button-top" 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 - 497 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#button-top') - locator resolved to <ion-list role="list" id="button-top" 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 - 497 pixels (ratio 0.01 of all image pixels) are different. 47 | const container = page.locator('#button-top'); 48 | > 49 | await expect(container).toHaveScreenshot(screenshot(`badge-hint-button-top`)); | ^ 50 | }); 51 | 52 | test('should not have visual regressions when icon is at the bottom', async ({ page }) => { at /ionic/src/components/badge/test/hint/badge.e2e.ts:49:31

[Mobile Chrome] › src/components/badge/test/hint/badge.e2e.ts:52:9 › badge: hint inside button - md/ltr › should not have visual regressions when icon is at the bottom: src/components/badge/test/hint/badge.e2e.ts#L57

2) [Mobile Chrome] › src/components/badge/test/hint/badge.e2e.ts:52:9 › badge: hint inside button - md/ltr › should not have visual regressions when icon is at the bottom Error: expect(locator).toHaveScreenshot(expected) 451 pixels (ratio 0.01 of all image pixels) are different. Expected: /ionic/src/components/badge/test/hint/badge.e2e.ts-snapshots/badge-hint-button-bottom-md-ltr-Mobile-Chrome-linux.png Received: /ionic/test-results/src-components-badge-test--0b31f--when-icon-is-at-the-bottom-Mobile-Chrome/badge-hint-button-bottom-md-ltr-actual.png Diff: /ionic/test-results/src-components-badge-test--0b31f--when-icon-is-at-the-bottom-Mobile-Chrome/badge-hint-button-bottom-md-ltr-diff.png Call log: - expect.toHaveScreenshot(badge-hint-button-bottom-md-ltr.png) with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#button-bottom') - locator resolved to <ion-list role="list" id="button-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 - 451 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#button-bottom') - locator resolved to <ion-list role="list" id="button-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 - 451 pixels (ratio 0.01 of all image pixels) are different. 55 | const container = page.locator('#button-bottom'); 56 | > 57 | await expect(container).toHaveScreenshot(screenshot(`badge-hint-button-bottom`)); | ^ 58 | }); 59 | }); 60 | }); at /ionic/src/components/badge/test/hint/badge.e2e.ts:57:31

2) [Mobile Chrome] › src/components/badge/test/hint/badge.e2e.ts:52:9 › badge: hint inside button - md/ltr › should not have visual regressions when icon is at the bottom Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(locator).toHaveScreenshot(expected) 451 pixels (ratio 0.01 of all image pixels) are different. Expected: /ionic/src/components/badge/test/hint/badge.e2e.ts-snapshots/badge-hint-button-bottom-md-ltr-Mobile-Chrome-linux.png Received: /ionic/test-results/src-components-badge-test--0b31f--when-icon-is-at-the-bottom-Mobile-Chrome-retry1/badge-hint-button-bottom-md-ltr-actual.png Diff: /ionic/test-results/src-components-badge-test--0b31f--when-icon-is-at-the-bottom-Mobile-Chrome-retry1/badge-hint-button-bottom-md-ltr-diff.png Call log: - expect.toHaveScreenshot(badge-hint-button-bottom-md-ltr.png) with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#button-bottom') - locator resolved to <ion-list role="list" id="button-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 - 451 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#button-bottom') - locator resolved to <ion-list role="list" id="button-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 - 451 pixels (ratio 0.01 of all image pixels) are different. 55 | const container = page.locator('#button-bottom'); 56 | > 57 | await expect(container).toHaveScreenshot(screenshot(`badge-hint-button-bottom`)); | ^ 58 | }); 59 | }); 60 | }); at /ionic/src/components/badge/test/hint/badge.e2e.ts:57:31

2) [Mobile Chrome] › src/components/badge/test/hint/badge.e2e.ts:52:9 › badge: hint inside button - md/ltr › should not have visual regressions when icon is at the bottom Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(locator).toHaveScreenshot(expected) 451 pixels (ratio 0.01 of all image pixels) are different. Expected: /ionic/src/components/badge/test/hint/badge.e2e.ts-snapshots/badge-hint-button-bottom-md-ltr-Mobile-Chrome-linux.png Received: /ionic/test-results/src-components-badge-test--0b31f--when-icon-is-at-the-bottom-Mobile-Chrome-retry2/badge-hint-button-bottom-md-ltr-actual.png Diff: /ionic/test-results/src-components-badge-test--0b31f--when-icon-is-at-the-bottom-Mobile-Chrome-retry2/badge-hint-button-bottom-md-ltr-diff.png Call log: - expect.toHaveScreenshot(badge-hint-button-bottom-md-ltr.png) with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#button-bottom') - locator resolved to <ion-list role="list" id="button-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 - 451 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#button-bottom') - locator resolved to <ion-list role="list" id="button-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 - 451 pixels (ratio 0.01 of all image pixels) are different. 55 | const container = page.locator('#button-bottom'); 56 | > 57 | await expect(container).toHaveScreenshot(screenshot(`badge-hint-button-bottom`)); | ^ 58 | }); 59 | }); 60 | }); at /ionic/src/components/badge/test/hint/badge.e2e.ts:57:31

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

3) [Mobile Chrome] › src/components/badge/test/hint/badge.e2e.ts:44:9 › badge: hint inside button - ios/ltr › should not have visual regressions when icon is on the top Error: expect(locator).toHaveScreenshot(expected) 371 pixels (ratio 0.01 of all image pixels) are different. Expected: /ionic/src/components/badge/test/hint/badge.e2e.ts-snapshots/badge-hint-button-top-ios-ltr-Mobile-Chrome-linux.png Received: /ionic/test-results/src-components-badge-test--8c08b-ons-when-icon-is-on-the-top-Mobile-Chrome/badge-hint-button-top-ios-ltr-actual.png Diff: /ionic/test-results/src-components-badge-test--8c08b-ons-when-icon-is-on-the-top-Mobile-Chrome/badge-hint-button-top-ios-ltr-diff.png Call log: - expect.toHaveScreenshot(badge-hint-button-top-ios-ltr.png) with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#button-top') - locator resolved to <ion-list role="list" id="button-top" class="ios list-ios 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 - 371 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#button-top') - locator resolved to <ion-list role="list" id="button-top" class="ios list-ios 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 - 371 pixels (ratio 0.01 of all image pixels) are different. 47 | const container = page.locator('#button-top'); 48 | > 49 | await expect(container).toHaveScreenshot(screenshot(`badge-hint-button-top`)); | ^ 50 | }); 51 | 52 | test('should not have visual regressions when icon is at the bottom', async ({ page }) => { at /ionic/src/components/badge/test/hint/badge.e2e.ts:49:31

3) [Mobile Chrome] › src/components/badge/test/hint/badge.e2e.ts:44:9 › badge: hint inside button - ios/ltr › should not have visual regressions when icon is on the top Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(locator).toHaveScreenshot(expected) 371 pixels (ratio 0.01 of all image pixels) are different. Expected: /ionic/src/components/badge/test/hint/badge.e2e.ts-snapshots/badge-hint-button-top-ios-ltr-Mobile-Chrome-linux.png Received: /ionic/test-results/src-components-badge-test--8c08b-ons-when-icon-is-on-the-top-Mobile-Chrome-retry1/badge-hint-button-top-ios-ltr-actual.png Diff: /ionic/test-results/src-components-badge-test--8c08b-ons-when-icon-is-on-the-top-Mobile-Chrome-retry1/badge-hint-button-top-ios-ltr-diff.png Call log: - expect.toHaveScreenshot(badge-hint-button-top-ios-ltr.png) with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#button-top') - locator resolved to <ion-list role="list" id="button-top" class="ios list-ios 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 - 371 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#button-top') - locator resolved to <ion-list role="list" id="button-top" class="ios list-ios 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 - 371 pixels (ratio 0.01 of all image pixels) are different. 47 | const container = page.locator('#button-top'); 48 | > 49 | await expect(container).toHaveScreenshot(screenshot(`badge-hint-button-top`)); | ^ 50 | }); 51 | 52 | test('should not have visual regressions when icon is at the bottom', async ({ page }) => { at /ionic/src/components/badge/test/hint/badge.e2e.ts:49:31

3) [Mobile Chrome] › src/components/badge/test/hint/badge.e2e.ts:44:9 › badge: hint inside button - ios/ltr › should not have visual regressions when icon is on the top Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(locator).toHaveScreenshot(expected) 371 pixels (ratio 0.01 of all image pixels) are different. Expected: /ionic/src/components/badge/test/hint/badge.e2e.ts-snapshots/badge-hint-button-top-ios-ltr-Mobile-Chrome-linux.png Received: /ionic/test-results/src-components-badge-test--8c08b-ons-when-icon-is-on-the-top-Mobile-Chrome-retry2/badge-hint-button-top-ios-ltr-actual.png Diff: /ionic/test-results/src-components-badge-test--8c08b-ons-when-icon-is-on-the-top-Mobile-Chrome-retry2/badge-hint-button-top-ios-ltr-diff.png Call log: - expect.toHaveScreenshot(badge-hint-button-top-ios-ltr.png) with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#button-top') - locator resolved to <ion-list role="list" id="button-top" class="ios list-ios 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 - 371 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#button-top') - locator resolved to <ion-list role="list" id="button-top" class="ios list-ios 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 - 371 pixels (ratio 0.01 of all image pixels) are different. 47 | const container = page.locator('#button-top'); 48 | > 49 | await expect(container).toHaveScreenshot(screenshot(`badge-hint-button-top`)); | ^ 50 | }); 51 | 52 | test('should not have visual regressions when icon is at the bottom', async ({ page }) => { at /ionic/src/components/badge/test/hint/badge.e2e.ts:49:31

[Mobile Chrome] › src/components/badge/test/hint/badge.e2e.ts:52:9 › badge: hint inside button - ios/ltr › should not have visual regressions when icon is at the bottom: src/components/badge/test/hint/badge.e2e.ts#L57

4) [Mobile Chrome] › src/components/badge/test/hint/badge.e2e.ts:52:9 › badge: hint inside button - ios/ltr › should not have visual regressions when icon is at the bottom Error: expect(locator).toHaveScreenshot(expected) 384 pixels (ratio 0.01 of all image pixels) are different. Expected: /ionic/src/components/badge/test/hint/badge.e2e.ts-snapshots/badge-hint-button-bottom-ios-ltr-Mobile-Chrome-linux.png Received: /ionic/test-results/src-components-badge-test--45ff6--when-icon-is-at-the-bottom-Mobile-Chrome/badge-hint-button-bottom-ios-ltr-actual.png Diff: /ionic/test-results/src-components-badge-test--45ff6--when-icon-is-at-the-bottom-Mobile-Chrome/badge-hint-button-bottom-ios-ltr-diff.png Call log: - expect.toHaveScreenshot(badge-hint-button-bottom-ios-ltr.png) with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#button-bottom') - locator resolved to <ion-list role="list" id="button-bottom" class="ios list-ios 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 - 384 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#button-bottom') - locator resolved to <ion-list role="list" id="button-bottom" class="ios list-ios 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 - 384 pixels (ratio 0.01 of all image pixels) are different. 55 | const container = page.locator('#button-bottom'); 56 | > 57 | await expect(container).toHaveScreenshot(screenshot(`badge-hint-button-bottom`)); | ^ 58 | }); 59 | }); 60 | }); at /ionic/src/components/badge/test/hint/badge.e2e.ts:57:31

test-core-screenshot (9, 20)