2) [Mobile Chrome] › src/components/button/test/badge/badge.e2e.ts:7:11 › button: badge - ios/ltr › medium - should not have visual regressions with badges Error: expect(locator).toHaveScreenshot(expected) failed Locator: locator('#container') 3 pixels (ratio 0.01 of all image pixels) are different. Snapshot: button-medium-badge-ios-ltr.png Call log: - Expect "toHaveScreenshot(button-medium-badge-ios-ltr.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 - 3 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 - 3 pixels (ratio 0.01 of all image pixels) are different. 73 | await page.setViewportSize({ width: Math.ceil(box!.width) + 40, height: Math.ceil(box!.height) + 32 }); 74 | > 75 | await expect(container).toHaveScreenshot(screenshot(`button-${buttonSize}-badge`)); | ^ 76 | }); 77 | }); 78 | }); at /ionic/src/components/button/test/badge/badge.e2e.ts:75:33

1) [Mobile Chrome] › src/components/button/test/badge/badge.e2e.ts:7:11 › button: badge - ios/ltr › small - should not have visual regressions with badges Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(locator).toHaveScreenshot(expected) failed Locator: locator('#container') 1 pixels (ratio 0.01 of all image pixels) are different. Snapshot: button-small-badge-ios-ltr.png Call log: - Expect "toHaveScreenshot(button-small-badge-ios-ltr.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 - 1 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 - 1 pixels (ratio 0.01 of all image pixels) are different. 73 | await page.setViewportSize({ width: Math.ceil(box!.width) + 40, height: Math.ceil(box!.height) + 32 }); 74 | > 75 | await expect(container).toHaveScreenshot(screenshot(`button-${buttonSize}-badge`)); | ^ 76 | }); 77 | }); 78 | }); at /ionic/src/components/button/test/badge/badge.e2e.ts:75:33

1) [Mobile Chrome] › src/components/button/test/badge/badge.e2e.ts:7:11 › button: badge - ios/ltr › small - should not have visual regressions with badges Error: expect(locator).toHaveScreenshot(expected) failed Locator: locator('#container') 1 pixels (ratio 0.01 of all image pixels) are different. Snapshot: button-small-badge-ios-ltr.png Call log: - Expect "toHaveScreenshot(button-small-badge-ios-ltr.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 - 1 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 - 1 pixels (ratio 0.01 of all image pixels) are different. 73 | await page.setViewportSize({ width: Math.ceil(box!.width) + 40, height: Math.ceil(box!.height) + 32 }); 74 | > 75 | await expect(container).toHaveScreenshot(screenshot(`button-${buttonSize}-badge`)); | ^ 76 | }); 77 | }); 78 | }); at /ionic/src/components/button/test/badge/badge.e2e.ts:75:33

4) [Mobile Chrome] › src/components/item/test/icons/item.e2e.ts:6:9 › item: icons - md/rtl › should not have visual regressions Error: expect(page).toHaveScreenshot(expected) failed 28 pixels (ratio 0.01 of all image pixels) are different. Snapshot: item-icons-diff-md-rtl.png Call log: - Expect "toHaveScreenshot(item-icons-diff-md-rtl.png)" with timeout 5000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 28 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 - 28 pixels (ratio 0.01 of all image pixels) are different. 9 | await page.setIonViewport(); 10 | > 11 | await expect(page).toHaveScreenshot(screenshot(`item-icons-diff`)); | ^ 12 | }); 13 | }); 14 | }); at /ionic/src/components/item/test/icons/item.e2e.ts:11:26

3) [Mobile Chrome] › src/components/item/test/icons/item.e2e.ts:6:9 › item: icons - md/ltr › should not have visual regressions Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) failed 28 pixels (ratio 0.01 of all image pixels) are different. Snapshot: item-icons-diff-md-ltr.png Call log: - Expect "toHaveScreenshot(item-icons-diff-md-ltr.png)" with timeout 5000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 28 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 - 28 pixels (ratio 0.01 of all image pixels) are different. 9 | await page.setIonViewport(); 10 | > 11 | await expect(page).toHaveScreenshot(screenshot(`item-icons-diff`)); | ^ 12 | }); 13 | }); 14 | }); at /ionic/src/components/item/test/icons/item.e2e.ts:11:26

3) [Mobile Chrome] › src/components/item/test/icons/item.e2e.ts:6:9 › item: icons - md/ltr › should not have visual regressions Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) failed 28 pixels (ratio 0.01 of all image pixels) are different. Snapshot: item-icons-diff-md-ltr.png Call log: - Expect "toHaveScreenshot(item-icons-diff-md-ltr.png)" with timeout 5000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 28 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 - 28 pixels (ratio 0.01 of all image pixels) are different. 9 | await page.setIonViewport(); 10 | > 11 | await expect(page).toHaveScreenshot(screenshot(`item-icons-diff`)); | ^ 12 | }); 13 | }); 14 | }); at /ionic/src/components/item/test/icons/item.e2e.ts:11:26

3) [Mobile Chrome] › src/components/item/test/icons/item.e2e.ts:6:9 › item: icons - md/ltr › should not have visual regressions Error: expect(page).toHaveScreenshot(expected) failed 28 pixels (ratio 0.01 of all image pixels) are different. Snapshot: item-icons-diff-md-ltr.png Call log: - Expect "toHaveScreenshot(item-icons-diff-md-ltr.png)" with timeout 5000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 28 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 - 28 pixels (ratio 0.01 of all image pixels) are different. 9 | await page.setIonViewport(); 10 | > 11 | await expect(page).toHaveScreenshot(screenshot(`item-icons-diff`)); | ^ 12 | }); 13 | }); 14 | }); at /ionic/src/components/item/test/icons/item.e2e.ts:11:26

2) [Mobile Chrome] › src/components/item/test/buttons/item.e2e.ts:6:9 › item: buttons - md/rtl › should not have visual regressions Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) failed 28 pixels (ratio 0.01 of all image pixels) are different. Snapshot: item-buttons-diff-md-rtl.png Call log: - Expect "toHaveScreenshot(item-buttons-diff-md-rtl.png)" with timeout 5000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 28 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 - 28 pixels (ratio 0.01 of all image pixels) are different. 15 | await page.setIonViewport(); 16 | > 17 | await expect(page).toHaveScreenshot(screenshot(`item-buttons-diff`)); | ^ 18 | }); 19 | }); 20 | }); at /ionic/src/components/item/test/buttons/item.e2e.ts:17:26

2) [Mobile Chrome] › src/components/item/test/buttons/item.e2e.ts:6:9 › item: buttons - md/rtl › should not have visual regressions Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) failed 28 pixels (ratio 0.01 of all image pixels) are different. Snapshot: item-buttons-diff-md-rtl.png Call log: - Expect "toHaveScreenshot(item-buttons-diff-md-rtl.png)" with timeout 5000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 28 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 - 28 pixels (ratio 0.01 of all image pixels) are different. 15 | await page.setIonViewport(); 16 | > 17 | await expect(page).toHaveScreenshot(screenshot(`item-buttons-diff`)); | ^ 18 | }); 19 | }); 20 | }); at /ionic/src/components/item/test/buttons/item.e2e.ts:17:26

2) [Mobile Chrome] › src/components/item/test/buttons/item.e2e.ts:6:9 › item: buttons - md/rtl › should not have visual regressions Error: expect(page).toHaveScreenshot(expected) failed 28 pixels (ratio 0.01 of all image pixels) are different. Snapshot: item-buttons-diff-md-rtl.png Call log: - Expect "toHaveScreenshot(item-buttons-diff-md-rtl.png)" with timeout 5000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 28 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 - 28 pixels (ratio 0.01 of all image pixels) are different. 15 | await page.setIonViewport(); 16 | > 17 | await expect(page).toHaveScreenshot(screenshot(`item-buttons-diff`)); | ^ 18 | }); 19 | }); 20 | }); at /ionic/src/components/item/test/buttons/item.e2e.ts:17:26

1) [Mobile Chrome] › src/components/item/test/buttons/item.e2e.ts:6:9 › item: buttons - md/ltr › should not have visual regressions Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) failed 28 pixels (ratio 0.01 of all image pixels) are different. Snapshot: item-buttons-diff-md-ltr.png Call log: - Expect "toHaveScreenshot(item-buttons-diff-md-ltr.png)" with timeout 5000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 28 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 - 28 pixels (ratio 0.01 of all image pixels) are different. 15 | await page.setIonViewport(); 16 | > 17 | await expect(page).toHaveScreenshot(screenshot(`item-buttons-diff`)); | ^ 18 | }); 19 | }); 20 | }); at /ionic/src/components/item/test/buttons/item.e2e.ts:17:26

1) [Mobile Chrome] › src/components/item/test/buttons/item.e2e.ts:6:9 › item: buttons - md/ltr › should not have visual regressions Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) failed 28 pixels (ratio 0.01 of all image pixels) are different. Snapshot: item-buttons-diff-md-ltr.png Call log: - Expect "toHaveScreenshot(item-buttons-diff-md-ltr.png)" with timeout 5000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 28 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 - 28 pixels (ratio 0.01 of all image pixels) are different. 15 | await page.setIonViewport(); 16 | > 17 | await expect(page).toHaveScreenshot(screenshot(`item-buttons-diff`)); | ^ 18 | }); 19 | }); 20 | }); at /ionic/src/components/item/test/buttons/item.e2e.ts:17:26

1) [Mobile Chrome] › src/components/item/test/buttons/item.e2e.ts:6:9 › item: buttons - md/ltr › should not have visual regressions Error: expect(page).toHaveScreenshot(expected) failed 28 pixels (ratio 0.01 of all image pixels) are different. Snapshot: item-buttons-diff-md-ltr.png Call log: - Expect "toHaveScreenshot(item-buttons-diff-md-ltr.png)" with timeout 5000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 28 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 - 28 pixels (ratio 0.01 of all image pixels) are different. 15 | await page.setIonViewport(); 16 | > 17 | await expect(page).toHaveScreenshot(screenshot(`item-buttons-diff`)); | ^ 18 | }); 19 | }); 20 | }); at /ionic/src/components/item/test/buttons/item.e2e.ts:17:26

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

The operation was canceled.

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

Process completed with exit code 12.

The operation was canceled.

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

Process completed with exit code 12.

The operation was canceled.

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

Process completed with exit code 12.

The operation was canceled.

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

Process completed with exit code 12.

The operation was canceled.

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

Process completed with exit code 12.

The operation was canceled.

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

Process completed with exit code 12.

The operation was canceled.

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

Process completed with exit code 12.

The operation was canceled.

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

Process completed with exit code 12.

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

The operation was canceled.

Process completed with exit code 12.

The operation was canceled.

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

Process completed with exit code 12.

The operation was canceled.

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

The strategy configuration was canceled because "test-core-screenshot._10_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._10_20" failed

Process completed with exit code 12.

The operation was canceled.

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

Process completed with exit code 12.

The operation was canceled.

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

Process completed with exit code 12.

The operation was canceled.

Process completed with exit code 1.

360 skipped 290 passed (2.5m)

368 skipped 307 passed (3.4m)

2 flaky [Mobile Chrome] › src/components/button/test/badge/badge.e2e.ts:7:11 › button: badge - ios/ltr › small - should not have visual regressions with badges [Mobile Chrome] › src/components/button/test/badge/badge.e2e.ts:7:11 › button: badge - ios/ltr › medium - should not have visual regressions with badges 2 skipped 668 passed (4.1m)

4 failed [Mobile Chrome] › src/components/item/test/buttons/item.e2e.ts:6:9 › item: buttons - md/ltr › should not have visual regressions [Mobile Chrome] › src/components/item/test/buttons/item.e2e.ts:6:9 › item: buttons - md/rtl › should not have visual regressions [Mobile Chrome] › src/components/item/test/icons/item.e2e.ts:6:9 › item: icons - md/ltr › should not have visual regressions [Mobile Chrome] › src/components/item/test/icons/item.e2e.ts:6:9 › item: icons - md/rtl › should not have visual regressions 2 skipped 663 passed (4.3m)