1) [Mobile Chrome] › src/components/badge/test/basic/badge.e2e.ts:6:9 › badge: rendering - ionic/md/ltr/light › should not have visual regressions Error: expect(page).toHaveScreenshot(expected) 181 pixels (ratio 0.01 of all image pixels) are different. Expected: /ionic/src/components/badge/test/basic/badge.e2e.ts-snapshots/badge-basic-ionic-md-ltr-light-Mobile-Chrome-linux.png Received: /ionic/test-results/src-components-badge-test--506a3-not-have-visual-regressions-Mobile-Chrome/badge-basic-ionic-md-ltr-light-actual.png Diff: /ionic/test-results/src-components-badge-test--506a3-not-have-visual-regressions-Mobile-Chrome/badge-basic-ionic-md-ltr-light-diff.png Call log: - expect.toHaveScreenshot(badge-basic-ionic-md-ltr-light.png) with timeout 5000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 181 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 - 181 pixels (ratio 0.01 of all image pixels) are different. 9 | await page.setIonViewport(); 10 | > 11 | await expect(page).toHaveScreenshot(screenshot(`badge-basic`)); | ^ 12 | }); 13 | }); 14 | }); at /ionic/src/components/badge/test/basic/badge.e2e.ts:11:26

1) [Mobile Chrome] › src/components/badge/test/basic/badge.e2e.ts:6:9 › badge: rendering - ionic/md/ltr/light › should not have visual regressions Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 181 pixels (ratio 0.01 of all image pixels) are different. Expected: /ionic/src/components/badge/test/basic/badge.e2e.ts-snapshots/badge-basic-ionic-md-ltr-light-Mobile-Chrome-linux.png Received: /ionic/test-results/src-components-badge-test--506a3-not-have-visual-regressions-Mobile-Chrome-retry1/badge-basic-ionic-md-ltr-light-actual.png Diff: /ionic/test-results/src-components-badge-test--506a3-not-have-visual-regressions-Mobile-Chrome-retry1/badge-basic-ionic-md-ltr-light-diff.png Call log: - expect.toHaveScreenshot(badge-basic-ionic-md-ltr-light.png) with timeout 5000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 181 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 - 181 pixels (ratio 0.01 of all image pixels) are different. 9 | await page.setIonViewport(); 10 | > 11 | await expect(page).toHaveScreenshot(screenshot(`badge-basic`)); | ^ 12 | }); 13 | }); 14 | }); at /ionic/src/components/badge/test/basic/badge.e2e.ts:11:26

1) [Mobile Chrome] › src/components/badge/test/basic/badge.e2e.ts:6:9 › badge: rendering - ionic/md/ltr/light › should not have visual regressions Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 181 pixels (ratio 0.01 of all image pixels) are different. Expected: /ionic/src/components/badge/test/basic/badge.e2e.ts-snapshots/badge-basic-ionic-md-ltr-light-Mobile-Chrome-linux.png Received: /ionic/test-results/src-components-badge-test--506a3-not-have-visual-regressions-Mobile-Chrome-retry2/badge-basic-ionic-md-ltr-light-actual.png Diff: /ionic/test-results/src-components-badge-test--506a3-not-have-visual-regressions-Mobile-Chrome-retry2/badge-basic-ionic-md-ltr-light-diff.png Call log: - expect.toHaveScreenshot(badge-basic-ionic-md-ltr-light.png) with timeout 5000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 181 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 - 181 pixels (ratio 0.01 of all image pixels) are different. 9 | await page.setIonViewport(); 10 | > 11 | await expect(page).toHaveScreenshot(screenshot(`badge-basic`)); | ^ 12 | }); 13 | }); 14 | }); at /ionic/src/components/badge/test/basic/badge.e2e.ts:11:26

[Mobile Chrome] › src/components/badge/test/basic/badge.e2e.ts:6:9 › badge: rendering - ionic/md/rtl/light › should not have visual regressions: src/components/badge/test/basic/badge.e2e.ts#L11

2) [Mobile Chrome] › src/components/badge/test/basic/badge.e2e.ts:6:9 › badge: rendering - ionic/md/rtl/light › should not have visual regressions Error: expect(page).toHaveScreenshot(expected) 181 pixels (ratio 0.01 of all image pixels) are different. Expected: /ionic/src/components/badge/test/basic/badge.e2e.ts-snapshots/badge-basic-ionic-md-rtl-light-Mobile-Chrome-linux.png Received: /ionic/test-results/src-components-badge-test--c8578-not-have-visual-regressions-Mobile-Chrome/badge-basic-ionic-md-rtl-light-actual.png Diff: /ionic/test-results/src-components-badge-test--c8578-not-have-visual-regressions-Mobile-Chrome/badge-basic-ionic-md-rtl-light-diff.png Call log: - expect.toHaveScreenshot(badge-basic-ionic-md-rtl-light.png) with timeout 5000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 181 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 - 181 pixels (ratio 0.01 of all image pixels) are different. 9 | await page.setIonViewport(); 10 | > 11 | await expect(page).toHaveScreenshot(screenshot(`badge-basic`)); | ^ 12 | }); 13 | }); 14 | }); at /ionic/src/components/badge/test/basic/badge.e2e.ts:11:26

2) [Mobile Chrome] › src/components/badge/test/basic/badge.e2e.ts:6:9 › badge: rendering - ionic/md/rtl/light › should not have visual regressions Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 181 pixels (ratio 0.01 of all image pixels) are different. Expected: /ionic/src/components/badge/test/basic/badge.e2e.ts-snapshots/badge-basic-ionic-md-rtl-light-Mobile-Chrome-linux.png Received: /ionic/test-results/src-components-badge-test--c8578-not-have-visual-regressions-Mobile-Chrome-retry1/badge-basic-ionic-md-rtl-light-actual.png Diff: /ionic/test-results/src-components-badge-test--c8578-not-have-visual-regressions-Mobile-Chrome-retry1/badge-basic-ionic-md-rtl-light-diff.png Call log: - expect.toHaveScreenshot(badge-basic-ionic-md-rtl-light.png) with timeout 5000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 181 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 - 181 pixels (ratio 0.01 of all image pixels) are different. 9 | await page.setIonViewport(); 10 | > 11 | await expect(page).toHaveScreenshot(screenshot(`badge-basic`)); | ^ 12 | }); 13 | }); 14 | }); at /ionic/src/components/badge/test/basic/badge.e2e.ts:11:26

2) [Mobile Chrome] › src/components/badge/test/basic/badge.e2e.ts:6:9 › badge: rendering - ionic/md/rtl/light › should not have visual regressions Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 181 pixels (ratio 0.01 of all image pixels) are different. Expected: /ionic/src/components/badge/test/basic/badge.e2e.ts-snapshots/badge-basic-ionic-md-rtl-light-Mobile-Chrome-linux.png Received: /ionic/test-results/src-components-badge-test--c8578-not-have-visual-regressions-Mobile-Chrome-retry2/badge-basic-ionic-md-rtl-light-actual.png Diff: /ionic/test-results/src-components-badge-test--c8578-not-have-visual-regressions-Mobile-Chrome-retry2/badge-basic-ionic-md-rtl-light-diff.png Call log: - expect.toHaveScreenshot(badge-basic-ionic-md-rtl-light.png) with timeout 5000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 181 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 - 181 pixels (ratio 0.01 of all image pixels) are different. 9 | await page.setIonViewport(); 10 | > 11 | await expect(page).toHaveScreenshot(screenshot(`badge-basic`)); | ^ 12 | }); 13 | }); 14 | }); at /ionic/src/components/badge/test/basic/badge.e2e.ts:11:26

[Mobile Chrome] › src/components/badge/test/hue/badge.e2e.ts:6:9 › badge: hue - ionic/md/ltr/light › should render subtle badges: src/components/badge/test/hue/badge.e2e.ts#L40

3) [Mobile Chrome] › src/components/badge/test/hue/badge.e2e.ts:6:9 › badge: hue - ionic/md/ltr/light › should render subtle badges Error: expect(locator).toHaveScreenshot(expected) 108 pixels (ratio 0.01 of all image pixels) are different. Expected: /ionic/src/components/badge/test/hue/badge.e2e.ts-snapshots/badge-hue-subtle-ionic-md-ltr-light-Mobile-Chrome-linux.png Received: /ionic/test-results/src-components-badge-test--642c3-should-render-subtle-badges-Mobile-Chrome/badge-hue-subtle-ionic-md-ltr-light-actual.png Diff: /ionic/test-results/src-components-badge-test--642c3-should-render-subtle-badges-Mobile-Chrome/badge-hue-subtle-ionic-md-ltr-light-diff.png Call log: - expect.toHaveScreenshot(badge-hue-subtle-ionic-md-ltr-light.png) with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#container') - locator resolved to <div id="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 - 108 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#container') - locator resolved to <div id="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 - 108 pixels (ratio 0.01 of all image pixels) are different. 38 | const container = page.locator('#container'); 39 | > 40 | await expect(container).toHaveScreenshot(screenshot(`badge-hue-subtle`)); | ^ 41 | }); 42 | 43 | test('should render bold badges', async ({ page }) => { at /ionic/src/components/badge/test/hue/badge.e2e.ts:40:31

[Mobile Chrome] › src/components/badge/test/hue/badge.e2e.ts:6:9 › badge: hue - ionic/md/ltr/light › should render subtle badges: src/components/badge/test/hue/badge.e2e.ts#L40

3) [Mobile Chrome] › src/components/badge/test/hue/badge.e2e.ts:6:9 › badge: hue - ionic/md/ltr/light › should render subtle badges Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(locator).toHaveScreenshot(expected) 108 pixels (ratio 0.01 of all image pixels) are different. Expected: /ionic/src/components/badge/test/hue/badge.e2e.ts-snapshots/badge-hue-subtle-ionic-md-ltr-light-Mobile-Chrome-linux.png Received: /ionic/test-results/src-components-badge-test--642c3-should-render-subtle-badges-Mobile-Chrome-retry1/badge-hue-subtle-ionic-md-ltr-light-actual.png Diff: /ionic/test-results/src-components-badge-test--642c3-should-render-subtle-badges-Mobile-Chrome-retry1/badge-hue-subtle-ionic-md-ltr-light-diff.png Call log: - expect.toHaveScreenshot(badge-hue-subtle-ionic-md-ltr-light.png) with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#container') - locator resolved to <div id="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 - 108 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#container') - locator resolved to <div id="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 - 108 pixels (ratio 0.01 of all image pixels) are different. 38 | const container = page.locator('#container'); 39 | > 40 | await expect(container).toHaveScreenshot(screenshot(`badge-hue-subtle`)); | ^ 41 | }); 42 | 43 | test('should render bold badges', async ({ page }) => { at /ionic/src/components/badge/test/hue/badge.e2e.ts:40:31

[Mobile Chrome] › src/components/badge/test/hue/badge.e2e.ts:6:9 › badge: hue - ionic/md/ltr/light › should render subtle badges: src/components/badge/test/hue/badge.e2e.ts#L40

3) [Mobile Chrome] › src/components/badge/test/hue/badge.e2e.ts:6:9 › badge: hue - ionic/md/ltr/light › should render subtle badges Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(locator).toHaveScreenshot(expected) 108 pixels (ratio 0.01 of all image pixels) are different. Expected: /ionic/src/components/badge/test/hue/badge.e2e.ts-snapshots/badge-hue-subtle-ionic-md-ltr-light-Mobile-Chrome-linux.png Received: /ionic/test-results/src-components-badge-test--642c3-should-render-subtle-badges-Mobile-Chrome-retry2/badge-hue-subtle-ionic-md-ltr-light-actual.png Diff: /ionic/test-results/src-components-badge-test--642c3-should-render-subtle-badges-Mobile-Chrome-retry2/badge-hue-subtle-ionic-md-ltr-light-diff.png Call log: - expect.toHaveScreenshot(badge-hue-subtle-ionic-md-ltr-light.png) with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#container') - locator resolved to <div id="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 - 108 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#container') - locator resolved to <div id="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 - 108 pixels (ratio 0.01 of all image pixels) are different. 38 | const container = page.locator('#container'); 39 | > 40 | await expect(container).toHaveScreenshot(screenshot(`badge-hue-subtle`)); | ^ 41 | }); 42 | 43 | test('should render bold badges', async ({ page }) => { at /ionic/src/components/badge/test/hue/badge.e2e.ts:40:31

[Mobile Chrome] › src/components/button/test/clear/button.e2e.ts:10:11 › button: fill: clear - ionic/md/ltr/light › should not have visual regressions: src/components/button/test/clear/button.e2e.ts#L15

4) [Mobile Chrome] › src/components/button/test/clear/button.e2e.ts:10:11 › button: fill: clear - ionic/md/ltr/light › should not have visual regressions Error: expect(page).toHaveScreenshot(expected) 222 pixels (ratio 0.01 of all image pixels) are different. Expected: /ionic/src/components/button/test/clear/button.e2e.ts-snapshots/button-fill-clear-ionic-md-ltr-light-Mobile-Chrome-linux.png Received: /ionic/test-results/src-components-button-test-11316-not-have-visual-regressions-Mobile-Chrome/button-fill-clear-ionic-md-ltr-light-actual.png Diff: /ionic/test-results/src-components-button-test-11316-not-have-visual-regressions-Mobile-Chrome/button-fill-clear-ionic-md-ltr-light-diff.png Call log: - expect.toHaveScreenshot(button-fill-clear-ionic-md-ltr-light.png) with timeout 5000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 222 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 - 222 pixels (ratio 0.01 of all image pixels) are different. 13 | await page.setIonViewport(); 14 | > 15 | await expect(page).toHaveScreenshot(screenshot(`button-fill-clear`)); | ^ 16 | }); 17 | }); 18 | } at /ionic/src/components/button/test/clear/button.e2e.ts:15:28

test-core-screenshot (11, 20)