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

3) [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 Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(locator).toHaveScreenshot(expected) failed Locator: locator('#tab-button-icon-bottom') Expected an image 393px by 218px, received 393px by 170px. 7751 pixels (ratio 0.10 of all image pixels) are different. Snapshot: badge-hint-tab-button-icon-bottom-ionic-md-ltr-light.png 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') - locator resolved to <ion-list role="list" id="tab-button-icon-bottom" 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 - Expected an image 393px by 218px, received 393px by 170px. 7751 pixels (ratio 0.10 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="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 - Expected an image 393px by 218px, received 393px by 170px. 7751 pixels (ratio 0.10 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

3) [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(locator).toHaveScreenshot(expected) failed Locator: locator('#tab-button-icon-bottom') Expected an image 393px by 218px, received 393px by 170px. 7751 pixels (ratio 0.10 of all image pixels) are different. Snapshot: badge-hint-tab-button-icon-bottom-ionic-md-ltr-light.png 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') - locator resolved to <ion-list role="list" id="tab-button-icon-bottom" 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 - Expected an image 393px by 218px, received 393px by 170px. 7751 pixels (ratio 0.10 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="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 - Expected an image 393px by 218px, received 393px by 170px. 7751 pixels (ratio 0.10 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: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) failed Locator: locator('#tab-button') Expected an image 393px by 218px, received 393px by 170px. 8005 pixels (ratio 0.10 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 - Expected an image 393px by 218px, received 393px by 170px. 8005 pixels (ratio 0.10 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 - Expected an image 393px by 218px, received 393px by 170px. 8005 pixels (ratio 0.10 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: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) failed Locator: locator('#tab-button') Expected an image 393px by 218px, received 393px by 170px. 8005 pixels (ratio 0.10 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 - Expected an image 393px by 218px, received 393px by 170px. 8005 pixels (ratio 0.10 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 - Expected an image 393px by 218px, received 393px by 170px. 8005 pixels (ratio 0.10 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: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) failed Locator: locator('#tab-button') Expected an image 393px by 218px, received 393px by 170px. 8005 pixels (ratio 0.10 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 - Expected an image 393px by 218px, received 393px by 170px. 8005 pixels (ratio 0.10 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 - Expected an image 393px by 218px, received 393px by 170px. 8005 pixels (ratio 0.10 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:16:9 › badge: hint inside avatar - ionic/md/ltr/light › should not have visual regressions Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(locator).toHaveScreenshot(expected) failed Locator: locator('#avatar') Expected an image 393px by 506px, received 393px by 394px. 51069 pixels (ratio 0.26 of all image pixels) are different. Snapshot: badge-hint-avatar-ionic-md-ltr-light.png Call log: - Expect "toHaveScreenshot(badge-hint-avatar-ionic-md-ltr-light.png)" with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#avatar') - locator resolved to <ion-list id="avatar" role="list" 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 - Expected an image 393px by 506px, received 393px by 394px. 51069 pixels (ratio 0.26 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#avatar') - locator resolved to <ion-list id="avatar" role="list" 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 - Expected an image 393px by 506px, received 393px by 394px. 51069 pixels (ratio 0.26 of all image pixels) are different. 19 | const container = page.locator('#avatar'); 20 | > 21 | await expect(container).toHaveScreenshot(screenshot(`badge-hint-avatar`)); | ^ 22 | }); 23 | }); 24 | at /ionic/src/components/badge/test/hint/badge.e2e.ts:21:31

1) [Mobile Chrome] › src/components/badge/test/hint/badge.e2e.ts:16:9 › badge: hint inside avatar - ionic/md/ltr/light › should not have visual regressions Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(locator).toHaveScreenshot(expected) failed Locator: locator('#avatar') Expected an image 393px by 506px, received 393px by 394px. 51069 pixels (ratio 0.26 of all image pixels) are different. Snapshot: badge-hint-avatar-ionic-md-ltr-light.png Call log: - Expect "toHaveScreenshot(badge-hint-avatar-ionic-md-ltr-light.png)" with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#avatar') - locator resolved to <ion-list id="avatar" role="list" 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 - Expected an image 393px by 506px, received 393px by 394px. 51069 pixels (ratio 0.26 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#avatar') - locator resolved to <ion-list id="avatar" role="list" 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 - Expected an image 393px by 506px, received 393px by 394px. 51069 pixels (ratio 0.26 of all image pixels) are different. 19 | const container = page.locator('#avatar'); 20 | > 21 | await expect(container).toHaveScreenshot(screenshot(`badge-hint-avatar`)); | ^ 22 | }); 23 | }); 24 | at /ionic/src/components/badge/test/hint/badge.e2e.ts:21:31

1) [Mobile Chrome] › src/components/badge/test/hint/badge.e2e.ts:16:9 › badge: hint inside avatar - ionic/md/ltr/light › should not have visual regressions Error: expect(locator).toHaveScreenshot(expected) failed Locator: locator('#avatar') Expected an image 393px by 506px, received 393px by 394px. 51069 pixels (ratio 0.26 of all image pixels) are different. Snapshot: badge-hint-avatar-ionic-md-ltr-light.png Call log: - Expect "toHaveScreenshot(badge-hint-avatar-ionic-md-ltr-light.png)" with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#avatar') - locator resolved to <ion-list id="avatar" role="list" 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 - Expected an image 393px by 506px, received 393px by 394px. 51069 pixels (ratio 0.26 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#avatar') - locator resolved to <ion-list id="avatar" role="list" 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 - Expected an image 393px by 506px, received 393px by 394px. 51069 pixels (ratio 0.26 of all image pixels) are different. 19 | const container = page.locator('#avatar'); 20 | > 21 | await expect(container).toHaveScreenshot(screenshot(`badge-hint-avatar`)); | ^ 22 | }); 23 | }); 24 | at /ionic/src/components/badge/test/hint/badge.e2e.ts:21:31

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

4) [Mobile Chrome] › src/components/toast/test/basic/toast.e2e.ts:58:11 › toast: position rendering - ionic/ios/ltr/light › should render toast at the top Error: expect(page).toHaveScreenshot(expected) failed 120621 pixels (ratio 0.43 of all image pixels) are different. Snapshot: toast-top-ionic-ios-ltr-light.png Call log: - Expect "toHaveScreenshot(toast-top-ionic-ios-ltr-light.png)" with timeout 5000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 120621 pixels (ratio 0.43 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 - 120621 pixels (ratio 0.43 of all image pixels) are different. 38 | 39 | if (el === undefined) { > 40 | await expect(page).toHaveScreenshot(screenshotString); | ^ 41 | } else { 42 | await expect(el).toHaveScreenshot(screenshotString); 43 | } at ToastFixture.screenshot (/ionic/src/components/toast/test/basic/toast.e2e.ts:40:26) at /ionic/src/components/toast/test/basic/toast.e2e.ts:60:28

3) [Mobile Chrome] › src/components/toast/test/basic/toast.e2e.ts:66:11 › toast: position rendering - ionic/md/ltr/light › should render toast at the bottom Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) failed 114154 pixels (ratio 0.40 of all image pixels) are different. Snapshot: toast-bottom-ionic-md-ltr-light.png Call log: - Expect "toHaveScreenshot(toast-bottom-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 - 114154 pixels (ratio 0.40 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 - 114154 pixels (ratio 0.40 of all image pixels) are different. 38 | 39 | if (el === undefined) { > 40 | await expect(page).toHaveScreenshot(screenshotString); | ^ 41 | } else { 42 | await expect(el).toHaveScreenshot(screenshotString); 43 | } at ToastFixture.screenshot (/ionic/src/components/toast/test/basic/toast.e2e.ts:40:26) at /ionic/src/components/toast/test/basic/toast.e2e.ts:68:28

3) [Mobile Chrome] › src/components/toast/test/basic/toast.e2e.ts:66:11 › toast: position rendering - ionic/md/ltr/light › should render toast at the bottom Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) failed 114154 pixels (ratio 0.40 of all image pixels) are different. Snapshot: toast-bottom-ionic-md-ltr-light.png Call log: - Expect "toHaveScreenshot(toast-bottom-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 - 114154 pixels (ratio 0.40 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 - 114154 pixels (ratio 0.40 of all image pixels) are different. 38 | 39 | if (el === undefined) { > 40 | await expect(page).toHaveScreenshot(screenshotString); | ^ 41 | } else { 42 | await expect(el).toHaveScreenshot(screenshotString); 43 | } at ToastFixture.screenshot (/ionic/src/components/toast/test/basic/toast.e2e.ts:40:26) at /ionic/src/components/toast/test/basic/toast.e2e.ts:68:28

3) [Mobile Chrome] › src/components/toast/test/basic/toast.e2e.ts:66:11 › toast: position rendering - ionic/md/ltr/light › should render toast at the bottom Error: expect(page).toHaveScreenshot(expected) failed 114154 pixels (ratio 0.40 of all image pixels) are different. Snapshot: toast-bottom-ionic-md-ltr-light.png Call log: - Expect "toHaveScreenshot(toast-bottom-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 - 114154 pixels (ratio 0.40 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 - 114154 pixels (ratio 0.40 of all image pixels) are different. 38 | 39 | if (el === undefined) { > 40 | await expect(page).toHaveScreenshot(screenshotString); | ^ 41 | } else { 42 | await expect(el).toHaveScreenshot(screenshotString); 43 | } at ToastFixture.screenshot (/ionic/src/components/toast/test/basic/toast.e2e.ts:40:26) at /ionic/src/components/toast/test/basic/toast.e2e.ts:68:28

2) [Mobile Chrome] › src/components/toast/test/basic/toast.e2e.ts:62:11 › toast: position rendering - ionic/md/ltr/light › should render toast at the middle Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) failed 113069 pixels (ratio 0.40 of all image pixels) are different. Snapshot: toast-middle-ionic-md-ltr-light.png Call log: - Expect "toHaveScreenshot(toast-middle-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 - 113069 pixels (ratio 0.40 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 - 113069 pixels (ratio 0.40 of all image pixels) are different. 38 | 39 | if (el === undefined) { > 40 | await expect(page).toHaveScreenshot(screenshotString); | ^ 41 | } else { 42 | await expect(el).toHaveScreenshot(screenshotString); 43 | } at ToastFixture.screenshot (/ionic/src/components/toast/test/basic/toast.e2e.ts:40:26) at /ionic/src/components/toast/test/basic/toast.e2e.ts:64:28

2) [Mobile Chrome] › src/components/toast/test/basic/toast.e2e.ts:62:11 › toast: position rendering - ionic/md/ltr/light › should render toast at the middle Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) failed 113069 pixels (ratio 0.40 of all image pixels) are different. Snapshot: toast-middle-ionic-md-ltr-light.png Call log: - Expect "toHaveScreenshot(toast-middle-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 - 113069 pixels (ratio 0.40 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 - 113069 pixels (ratio 0.40 of all image pixels) are different. 38 | 39 | if (el === undefined) { > 40 | await expect(page).toHaveScreenshot(screenshotString); | ^ 41 | } else { 42 | await expect(el).toHaveScreenshot(screenshotString); 43 | } at ToastFixture.screenshot (/ionic/src/components/toast/test/basic/toast.e2e.ts:40:26) at /ionic/src/components/toast/test/basic/toast.e2e.ts:64:28

2) [Mobile Chrome] › src/components/toast/test/basic/toast.e2e.ts:62:11 › toast: position rendering - ionic/md/ltr/light › should render toast at the middle Error: expect(page).toHaveScreenshot(expected) failed 113069 pixels (ratio 0.40 of all image pixels) are different. Snapshot: toast-middle-ionic-md-ltr-light.png Call log: - Expect "toHaveScreenshot(toast-middle-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 - 113069 pixels (ratio 0.40 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 - 113069 pixels (ratio 0.40 of all image pixels) are different. 38 | 39 | if (el === undefined) { > 40 | await expect(page).toHaveScreenshot(screenshotString); | ^ 41 | } else { 42 | await expect(el).toHaveScreenshot(screenshotString); 43 | } at ToastFixture.screenshot (/ionic/src/components/toast/test/basic/toast.e2e.ts:40:26) at /ionic/src/components/toast/test/basic/toast.e2e.ts:64:28

1) [Mobile Chrome] › src/components/toast/test/basic/toast.e2e.ts:58:11 › toast: position rendering - ionic/md/ltr/light › should render toast at the top Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) failed 120752 pixels (ratio 0.43 of all image pixels) are different. Snapshot: toast-top-ionic-md-ltr-light.png Call log: - Expect "toHaveScreenshot(toast-top-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 - 120752 pixels (ratio 0.43 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 - 120752 pixels (ratio 0.43 of all image pixels) are different. 38 | 39 | if (el === undefined) { > 40 | await expect(page).toHaveScreenshot(screenshotString); | ^ 41 | } else { 42 | await expect(el).toHaveScreenshot(screenshotString); 43 | } at ToastFixture.screenshot (/ionic/src/components/toast/test/basic/toast.e2e.ts:40:26) at /ionic/src/components/toast/test/basic/toast.e2e.ts:60:28

1) [Mobile Chrome] › src/components/toast/test/basic/toast.e2e.ts:58:11 › toast: position rendering - ionic/md/ltr/light › should render toast at the top Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) failed 120752 pixels (ratio 0.43 of all image pixels) are different. Snapshot: toast-top-ionic-md-ltr-light.png Call log: - Expect "toHaveScreenshot(toast-top-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 - 120752 pixels (ratio 0.43 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 - 120752 pixels (ratio 0.43 of all image pixels) are different. 38 | 39 | if (el === undefined) { > 40 | await expect(page).toHaveScreenshot(screenshotString); | ^ 41 | } else { 42 | await expect(el).toHaveScreenshot(screenshotString); 43 | } at ToastFixture.screenshot (/ionic/src/components/toast/test/basic/toast.e2e.ts:40:26) at /ionic/src/components/toast/test/basic/toast.e2e.ts:60:28

1) [Mobile Chrome] › src/components/toast/test/basic/toast.e2e.ts:58:11 › toast: position rendering - ionic/md/ltr/light › should render toast at the top Error: expect(page).toHaveScreenshot(expected) failed 120752 pixels (ratio 0.43 of all image pixels) are different. Snapshot: toast-top-ionic-md-ltr-light.png Call log: - Expect "toHaveScreenshot(toast-top-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 - 120752 pixels (ratio 0.43 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 - 120752 pixels (ratio 0.43 of all image pixels) are different. 38 | 39 | if (el === undefined) { > 40 | await expect(page).toHaveScreenshot(screenshotString); | ^ 41 | } else { 42 | await expect(el).toHaveScreenshot(screenshotString); 43 | } at ToastFixture.screenshot (/ionic/src/components/toast/test/basic/toast.e2e.ts:40:26) at /ionic/src/components/toast/test/basic/toast.e2e.ts:60:28

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

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

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

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

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.

Process completed with exit code 1.

360 skipped 275 passed (2.2m)

368 skipped 307 passed (3.5m)

2 skipped 669 passed (3.7m)

1 skipped 676 passed (3.9m)

22 failed [Mobile Chrome] › src/components/badge/test/hint/badge.e2e.ts:16:9 › badge: hint inside avatar - ionic/md/ltr/light › should not have visual regressions [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 [Mobile Chrome] › src/components/badge/test/hint/badge.e2e.ts:44:9 › badge: hint inside 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:52:9 › badge: hint inside button - ionic/md/ltr/light › should not have visual regressions when icon is at the bottom [Mobile Chrome] › src/components/badge/test/hint/badge.e2e.ts:60:9 › badge: hint inside button - ionic/md/ltr/light › should not have visual regressions for different button sizes [Mobile Chrome] › src/components/button/test/basic/button.e2e.ts:6:9 › button: basic - ionic/md/ltr/light › should not have visual regressions [Mobile Chrome] › src/components/button/test/basic/button.e2e.ts:6:9 › button: basic - ionic/md/rtl/light › should not have visual regressions [Mobile Chrome] › src/components/button/test/basic/button.e2e.ts:6:9 › button: basic - ionic/ios/ltr/light › should not have visual regressions [Mobile Chrome] › src/components/button/test/basic/button.e2e.ts:6:9 › button: basic - ionic/ios/rtl/light › should not have visual regressions [Mobile Chrome] › src/components/button/test/clear/button.e2e.ts:10:11 › button: fill: clear - ionic/md/ltr/light › should not have visual regressions [Mobile Chrome] › src/components/button/test/clear/button.e2e.ts:10:11 › button: fill: clear - ionic/ios/ltr/light › should not have visual regressions [Mobile Chrome] › src/components/button/test/outline/button.e2e.ts:6:9 › button: outline - ionic/md/ltr/light › should not have visual regressions [Mobile Chrome] › src/components/button/test/outline/button.e2e.ts:6:9 › button: outline - ionic/md/rtl/light › should not have visual regressions [Mobile Chrome] › src/components/button/test/outline/button.e2e.ts:6:9 › button: outline - ionic/ios/ltr/light › should not have visual regressions [Mobile Chrome] › src/components/button/test/outline/button.e2e.ts:6:9 › button: outline - ionic/ios/rtl/light › should not have visual regressions [Mobile Chrome] › src/components/button/test/spinner/button.e2e.ts:6:9 › button: spinner - ionic/md/ltr/light › should not have visual regressions [Mobile Chrome] › src/components/button/test/states/button.e2e.ts:45:9 › button: activated - ionic/md/ltr/light › should render outline button with color [Mobile Chrome] › src/components/card/test/shape/card.e2e.ts:10:11 › card: shape - ionic/md/ltr/light › default › should not have visual regressions [Mobile Chrome] › src/components/card/test/shape/card.e2e.ts:20:11 › card: shape - ionic/md/ltr/light › soft › should not have visual regressions [Mobile Chrome] › src/components/card/test/shape/card.e2e.ts:30:11 › card: shape - ionic/md/ltr/light › round › should not have visual regressions [Mobile Chrome] › src/components/card/test/shape/card.e2e.ts:40:11 › card: shape - ionic/md/ltr/light › rectangular › should not have visual regressions 8 skipped 661 passed (5.5m)