Process completed with exit code 1.

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.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: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.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: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

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

Process completed with exit code 1.

3) [Mobile Safari] › 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.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 Safari] › 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.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 Safari] › 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

2) [Mobile Safari] › 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 Safari] › 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 Safari] › 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 Safari] › 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 Safari] › 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 Safari] › 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

Process completed with exit code 1.

3) [Mobile Firefox] › 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.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 Firefox] › 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.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 Firefox] › 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

2) [Mobile Firefox] › 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 Firefox] › 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 Firefox] › 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 Firefox] › 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 Firefox] › 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 Firefox] › 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

6 passed (3.5s)

14 passed (5.6s)

10 passed (10.0s)

9 passed (4.3s)

16 passed (7.9s)

14 passed (10.2s)

22 passed (17.2s)

20 passed (6.8s)

9 passed (9.6s)

3 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:34:9 › badge: hint inside tab button - ionic/md/ltr/light › should not have visual regressions when icon is at the bottom 18 passed (19.0s)

14 passed (10.3s)

32 passed (20.4s)

20 passed (13.9s)

18 passed (12.5s)

3 passed (5.6s)

3 failed [Mobile Safari] › 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 Safari] › 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 Safari] › 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 30 passed (42.7s)