1) [Mobile Chrome] › src/components/tab-bar/test/translucent/tab-bar.e2e.ts:42:9 › tab-bar: translucent - ios/ltr › should render translucent tab bar even when wrapped in a page container Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(locator).toHaveScreenshot(expected) failed 118 pixels (ratio 0.01 of all image pixels) are different. Snapshot: tab-bar-translucent-container-ios-ltr.png Call log: - Expect "toHaveScreenshot(tab-bar-translucent-container-ios-ltr.png)" with timeout 5000ms - verifying given screenshot expectation - waiting for locator('ion-tab-bar') - locator resolved to <ion-tab-bar slot="bottom" role="tablist" selected-tab="1" translucent="true" class="ios tab-bar-translucent hydrated">…</ion-tab-bar> - 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 - 118 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('ion-tab-bar') - locator resolved to <ion-tab-bar slot="bottom" role="tablist" selected-tab="1" translucent="true" class="ios tab-bar-translucent hydrated">…</ion-tab-bar> - 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 - 118 pixels (ratio 0.01 of all image pixels) are different. 73 | const tabBar = page.locator('ion-tab-bar'); 74 | > 75 | await expect(tabBar).toHaveScreenshot(screenshot(`tab-bar-translucent-container`)); | ^ 76 | }); 77 | }); 78 | }); at /ionic/src/components/tab-bar/test/translucent/tab-bar.e2e.ts:75:28

1) [Mobile Chrome] › src/components/tab-bar/test/translucent/tab-bar.e2e.ts:42:9 › tab-bar: translucent - ios/ltr › should render translucent tab bar even when wrapped in a page container Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(locator).toHaveScreenshot(expected) failed 118 pixels (ratio 0.01 of all image pixels) are different. Snapshot: tab-bar-translucent-container-ios-ltr.png Call log: - Expect "toHaveScreenshot(tab-bar-translucent-container-ios-ltr.png)" with timeout 5000ms - verifying given screenshot expectation - waiting for locator('ion-tab-bar') - locator resolved to <ion-tab-bar slot="bottom" role="tablist" selected-tab="1" translucent="true" class="ios tab-bar-translucent hydrated">…</ion-tab-bar> - 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 - 118 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('ion-tab-bar') - locator resolved to <ion-tab-bar slot="bottom" role="tablist" selected-tab="1" translucent="true" class="ios tab-bar-translucent hydrated">…</ion-tab-bar> - 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 - 118 pixels (ratio 0.01 of all image pixels) are different. 73 | const tabBar = page.locator('ion-tab-bar'); 74 | > 75 | await expect(tabBar).toHaveScreenshot(screenshot(`tab-bar-translucent-container`)); | ^ 76 | }); 77 | }); 78 | }); at /ionic/src/components/tab-bar/test/translucent/tab-bar.e2e.ts:75:28

1) [Mobile Chrome] › src/components/tab-bar/test/translucent/tab-bar.e2e.ts:42:9 › tab-bar: translucent - ios/ltr › should render translucent tab bar even when wrapped in a page container Error: expect(locator).toHaveScreenshot(expected) failed 118 pixels (ratio 0.01 of all image pixels) are different. Snapshot: tab-bar-translucent-container-ios-ltr.png Call log: - Expect "toHaveScreenshot(tab-bar-translucent-container-ios-ltr.png)" with timeout 5000ms - verifying given screenshot expectation - waiting for locator('ion-tab-bar') - locator resolved to <ion-tab-bar slot="bottom" role="tablist" selected-tab="1" translucent="true" class="ios tab-bar-translucent hydrated">…</ion-tab-bar> - 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 - 118 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('ion-tab-bar') - locator resolved to <ion-tab-bar slot="bottom" role="tablist" selected-tab="1" translucent="true" class="ios tab-bar-translucent hydrated">…</ion-tab-bar> - 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 - 118 pixels (ratio 0.01 of all image pixels) are different. 73 | const tabBar = page.locator('ion-tab-bar'); 74 | > 75 | await expect(tabBar).toHaveScreenshot(screenshot(`tab-bar-translucent-container`)); | ^ 76 | }); 77 | }); 78 | }); at /ionic/src/components/tab-bar/test/translucent/tab-bar.e2e.ts:75:28

test-core-screenshot (18, 20)