1) [Mobile Chrome] › src/components/alert/test/a11y/alert.e2e.ts:282:9 › alert: font scaling - ios/ltr › should scale text on larger font sizes with text fields Error: Screenshot comparison failed: 1273 pixels (ratio 0.01 of all image pixels) are different. Expected: /ionic/src/components/alert/test/a11y/alert.e2e.ts-snapshots/alert-text-fields-scale-ios-ltr-Mobile-Chrome-linux.png Received: /ionic/test-results/src-components-alert-test--2079d-font-sizes-with-text-fields-Mobile-Chrome/alert-text-fields-scale-ios-ltr-actual.png Diff: /ionic/test-results/src-components-alert-test--2079d-font-sizes-with-text-fields-Mobile-Chrome/alert-text-fields-scale-ios-ltr-diff.png Call log: - expect.toHaveScreenshot(alert-text-fields-scale-ios-ltr.png) with timeout 5000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 1273 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 - 1273 pixels (ratio 0.01 of all image pixels) are different. 314 | * when using Safari, this is due to a WebKit rendering quirk. 315 | */ > 316 | await expect(page).toHaveScreenshot(screenshot(`alert-text-fields-scale`)); | ^ 317 | }); 318 | }); 319 | }); at /ionic/src/components/alert/test/a11y/alert.e2e.ts:316:26

1) [Mobile Chrome] › src/components/alert/test/a11y/alert.e2e.ts:282:9 › alert: font scaling - ios/ltr › should scale text on larger font sizes with text fields Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 1273 pixels (ratio 0.01 of all image pixels) are different. Expected: /ionic/src/components/alert/test/a11y/alert.e2e.ts-snapshots/alert-text-fields-scale-ios-ltr-Mobile-Chrome-linux.png Received: /ionic/test-results/src-components-alert-test--2079d-font-sizes-with-text-fields-Mobile-Chrome-retry1/alert-text-fields-scale-ios-ltr-actual.png Diff: /ionic/test-results/src-components-alert-test--2079d-font-sizes-with-text-fields-Mobile-Chrome-retry1/alert-text-fields-scale-ios-ltr-diff.png Call log: - expect.toHaveScreenshot(alert-text-fields-scale-ios-ltr.png) with timeout 5000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 1273 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 - 1273 pixels (ratio 0.01 of all image pixels) are different. 314 | * when using Safari, this is due to a WebKit rendering quirk. 315 | */ > 316 | await expect(page).toHaveScreenshot(screenshot(`alert-text-fields-scale`)); | ^ 317 | }); 318 | }); 319 | }); at /ionic/src/components/alert/test/a11y/alert.e2e.ts:316:26

1) [Mobile Safari] › src/components/toggle/test/enable-on-off-labels/toggle.e2e.ts:32:9 › toggle: enable-on-off-labels - ionic/md/ltr/light › should not have visual regressions with color Error: Screenshot comparison failed: 2112 pixels (ratio 0.02 of all image pixels) are different. Expected: /ionic/src/components/toggle/test/enable-on-off-labels/toggle.e2e.ts-snapshots/toggle-on-off-labels-color-ionic-md-ltr-light-Mobile-Safari-linux.png Received: /ionic/test-results/src-components-toggle-test-7a3b8-sual-regressions-with-color-Mobile-Safari/toggle-on-off-labels-color-ionic-md-ltr-light-actual.png Diff: /ionic/test-results/src-components-toggle-test-7a3b8-sual-regressions-with-color-Mobile-Safari/toggle-on-off-labels-color-ionic-md-ltr-light-diff.png Call log: - expect.toHaveScreenshot(toggle-on-off-labels-color-ionic-md-ltr-light.png) with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#container') - locator resolved to <div id="container">…</div> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - 2112 pixels (ratio 0.02 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 - 2112 pixels (ratio 0.02 of all image pixels) are different. 65 | const container = page.locator('#container'); 66 | > 67 | await expect(container).toHaveScreenshot(screenshot(`toggle-on-off-labels-color`)); | ^ 68 | }); 69 | }); 70 | }); at /ionic/src/components/toggle/test/enable-on-off-labels/toggle.e2e.ts:67:31

1) [Mobile Safari] › src/components/toggle/test/enable-on-off-labels/toggle.e2e.ts:32:9 › toggle: enable-on-off-labels - ionic/md/ltr/light › should not have visual regressions with color Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 2112 pixels (ratio 0.02 of all image pixels) are different. Expected: /ionic/src/components/toggle/test/enable-on-off-labels/toggle.e2e.ts-snapshots/toggle-on-off-labels-color-ionic-md-ltr-light-Mobile-Safari-linux.png Received: /ionic/test-results/src-components-toggle-test-7a3b8-sual-regressions-with-color-Mobile-Safari-retry1/toggle-on-off-labels-color-ionic-md-ltr-light-actual.png Diff: /ionic/test-results/src-components-toggle-test-7a3b8-sual-regressions-with-color-Mobile-Safari-retry1/toggle-on-off-labels-color-ionic-md-ltr-light-diff.png Call log: - expect.toHaveScreenshot(toggle-on-off-labels-color-ionic-md-ltr-light.png) with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#container') - locator resolved to <div id="container">…</div> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - 2112 pixels (ratio 0.02 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 - 2112 pixels (ratio 0.02 of all image pixels) are different. 65 | const container = page.locator('#container'); 66 | > 67 | await expect(container).toHaveScreenshot(screenshot(`toggle-on-off-labels-color`)); | ^ 68 | }); 69 | }); 70 | }); at /ionic/src/components/toggle/test/enable-on-off-labels/toggle.e2e.ts:67:31

1) [Mobile Safari] › src/components/toggle/test/enable-on-off-labels/toggle.e2e.ts:32:9 › toggle: enable-on-off-labels - ionic/md/ltr/light › should not have visual regressions with color Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 2112 pixels (ratio 0.02 of all image pixels) are different. Expected: /ionic/src/components/toggle/test/enable-on-off-labels/toggle.e2e.ts-snapshots/toggle-on-off-labels-color-ionic-md-ltr-light-Mobile-Safari-linux.png Received: /ionic/test-results/src-components-toggle-test-7a3b8-sual-regressions-with-color-Mobile-Safari-retry2/toggle-on-off-labels-color-ionic-md-ltr-light-actual.png Diff: /ionic/test-results/src-components-toggle-test-7a3b8-sual-regressions-with-color-Mobile-Safari-retry2/toggle-on-off-labels-color-ionic-md-ltr-light-diff.png Call log: - expect.toHaveScreenshot(toggle-on-off-labels-color-ionic-md-ltr-light.png) with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#container') - locator resolved to <div id="container">…</div> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - 2112 pixels (ratio 0.02 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 - 2112 pixels (ratio 0.02 of all image pixels) are different. 65 | const container = page.locator('#container'); 66 | > 67 | await expect(container).toHaveScreenshot(screenshot(`toggle-on-off-labels-color`)); | ^ 68 | }); 69 | }); 70 | }); at /ionic/src/components/toggle/test/enable-on-off-labels/toggle.e2e.ts:67:31

2) [Mobile Safari] › src/components/toggle/test/enable-on-off-labels/toggle.e2e.ts:6:9 › toggle: enable-on-off-labels - ionic/md/ltr/dark › should not have visual regressions Error: Screenshot comparison failed: 28665 pixels (ratio 0.92 of all image pixels) are different. Expected: /ionic/src/components/toggle/test/enable-on-off-labels/toggle.e2e.ts-snapshots/toggle-on-off-labels-ionic-md-ltr-dark-Mobile-Safari-linux.png Received: /ionic/test-results/src-components-toggle-test-da00f-not-have-visual-regressions-Mobile-Safari/toggle-on-off-labels-ionic-md-ltr-dark-actual.png Diff: /ionic/test-results/src-components-toggle-test-da00f-not-have-visual-regressions-Mobile-Safari/toggle-on-off-labels-ionic-md-ltr-dark-diff.png Call log: - expect.toHaveScreenshot(toggle-on-off-labels-ionic-md-ltr-dark.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 - 28665 pixels (ratio 0.92 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 - 28665 pixels (ratio 0.92 of all image pixels) are different. 27 | const container = page.locator('#container'); 28 | > 29 | await expect(container).toHaveScreenshot(screenshot(`toggle-on-off-labels`)); | ^ 30 | }); 31 | 32 | test('should not have visual regressions with color', async ({ page }) => { at /ionic/src/components/toggle/test/enable-on-off-labels/toggle.e2e.ts:29:31

2) [Mobile Safari] › src/components/toggle/test/enable-on-off-labels/toggle.e2e.ts:6:9 › toggle: enable-on-off-labels - ionic/md/ltr/dark › should not have visual regressions Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 28665 pixels (ratio 0.92 of all image pixels) are different. Expected: /ionic/src/components/toggle/test/enable-on-off-labels/toggle.e2e.ts-snapshots/toggle-on-off-labels-ionic-md-ltr-dark-Mobile-Safari-linux.png Received: /ionic/test-results/src-components-toggle-test-da00f-not-have-visual-regressions-Mobile-Safari-retry1/toggle-on-off-labels-ionic-md-ltr-dark-actual.png Diff: /ionic/test-results/src-components-toggle-test-da00f-not-have-visual-regressions-Mobile-Safari-retry1/toggle-on-off-labels-ionic-md-ltr-dark-diff.png Call log: - expect.toHaveScreenshot(toggle-on-off-labels-ionic-md-ltr-dark.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 - 28665 pixels (ratio 0.92 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 - 28665 pixels (ratio 0.92 of all image pixels) are different. 27 | const container = page.locator('#container'); 28 | > 29 | await expect(container).toHaveScreenshot(screenshot(`toggle-on-off-labels`)); | ^ 30 | }); 31 | 32 | test('should not have visual regressions with color', async ({ page }) => { at /ionic/src/components/toggle/test/enable-on-off-labels/toggle.e2e.ts:29:31

2) [Mobile Safari] › src/components/toggle/test/enable-on-off-labels/toggle.e2e.ts:6:9 › toggle: enable-on-off-labels - ionic/md/ltr/dark › should not have visual regressions Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 28665 pixels (ratio 0.92 of all image pixels) are different. Expected: /ionic/src/components/toggle/test/enable-on-off-labels/toggle.e2e.ts-snapshots/toggle-on-off-labels-ionic-md-ltr-dark-Mobile-Safari-linux.png Received: /ionic/test-results/src-components-toggle-test-da00f-not-have-visual-regressions-Mobile-Safari-retry2/toggle-on-off-labels-ionic-md-ltr-dark-actual.png Diff: /ionic/test-results/src-components-toggle-test-da00f-not-have-visual-regressions-Mobile-Safari-retry2/toggle-on-off-labels-ionic-md-ltr-dark-diff.png Call log: - expect.toHaveScreenshot(toggle-on-off-labels-ionic-md-ltr-dark.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 - 28665 pixels (ratio 0.92 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 - 28665 pixels (ratio 0.92 of all image pixels) are different. 27 | const container = page.locator('#container'); 28 | > 29 | await expect(container).toHaveScreenshot(screenshot(`toggle-on-off-labels`)); | ^ 30 | }); 31 | 32 | test('should not have visual regressions with color', async ({ page }) => { at /ionic/src/components/toggle/test/enable-on-off-labels/toggle.e2e.ts:29:31

3) [Mobile Safari] › src/components/toggle/test/enable-on-off-labels/toggle.e2e.ts:32:9 › toggle: enable-on-off-labels - ionic/md/ltr/dark › should not have visual regressions with color Error: Screenshot comparison failed: 144495 pixels (ratio 0.90 of all image pixels) are different. Expected: /ionic/src/components/toggle/test/enable-on-off-labels/toggle.e2e.ts-snapshots/toggle-on-off-labels-color-ionic-md-ltr-dark-Mobile-Safari-linux.png Received: /ionic/test-results/src-components-toggle-test-a7f8c-sual-regressions-with-color-Mobile-Safari/toggle-on-off-labels-color-ionic-md-ltr-dark-actual.png Diff: /ionic/test-results/src-components-toggle-test-a7f8c-sual-regressions-with-color-Mobile-Safari/toggle-on-off-labels-color-ionic-md-ltr-dark-diff.png Call log: - expect.toHaveScreenshot(toggle-on-off-labels-color-ionic-md-ltr-dark.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 - 144495 pixels (ratio 0.90 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 - 144495 pixels (ratio 0.90 of all image pixels) are different. 65 | const container = page.locator('#container'); 66 | > 67 | await expect(container).toHaveScreenshot(screenshot(`toggle-on-off-labels-color`)); | ^ 68 | }); 69 | }); 70 | }); at /ionic/src/components/toggle/test/enable-on-off-labels/toggle.e2e.ts:67:31

3) [Mobile Safari] › src/components/toggle/test/enable-on-off-labels/toggle.e2e.ts:32:9 › toggle: enable-on-off-labels - ionic/md/ltr/dark › should not have visual regressions with color Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 144495 pixels (ratio 0.90 of all image pixels) are different. Expected: /ionic/src/components/toggle/test/enable-on-off-labels/toggle.e2e.ts-snapshots/toggle-on-off-labels-color-ionic-md-ltr-dark-Mobile-Safari-linux.png Received: /ionic/test-results/src-components-toggle-test-a7f8c-sual-regressions-with-color-Mobile-Safari-retry1/toggle-on-off-labels-color-ionic-md-ltr-dark-actual.png Diff: /ionic/test-results/src-components-toggle-test-a7f8c-sual-regressions-with-color-Mobile-Safari-retry1/toggle-on-off-labels-color-ionic-md-ltr-dark-diff.png Call log: - expect.toHaveScreenshot(toggle-on-off-labels-color-ionic-md-ltr-dark.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 - 144495 pixels (ratio 0.90 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 - 144495 pixels (ratio 0.90 of all image pixels) are different. 65 | const container = page.locator('#container'); 66 | > 67 | await expect(container).toHaveScreenshot(screenshot(`toggle-on-off-labels-color`)); | ^ 68 | }); 69 | }); 70 | }); at /ionic/src/components/toggle/test/enable-on-off-labels/toggle.e2e.ts:67:31

3) [Mobile Safari] › src/components/toggle/test/enable-on-off-labels/toggle.e2e.ts:32:9 › toggle: enable-on-off-labels - ionic/md/ltr/dark › should not have visual regressions with color Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 144495 pixels (ratio 0.90 of all image pixels) are different. Expected: /ionic/src/components/toggle/test/enable-on-off-labels/toggle.e2e.ts-snapshots/toggle-on-off-labels-color-ionic-md-ltr-dark-Mobile-Safari-linux.png Received: /ionic/test-results/src-components-toggle-test-a7f8c-sual-regressions-with-color-Mobile-Safari-retry2/toggle-on-off-labels-color-ionic-md-ltr-dark-actual.png Diff: /ionic/test-results/src-components-toggle-test-a7f8c-sual-regressions-with-color-Mobile-Safari-retry2/toggle-on-off-labels-color-ionic-md-ltr-dark-diff.png Call log: - expect.toHaveScreenshot(toggle-on-off-labels-color-ionic-md-ltr-dark.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 - 144495 pixels (ratio 0.90 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 - 144495 pixels (ratio 0.90 of all image pixels) are different. 65 | const container = page.locator('#container'); 66 | > 67 | await expect(container).toHaveScreenshot(screenshot(`toggle-on-off-labels-color`)); | ^ 68 | }); 69 | }); 70 | }); at /ionic/src/components/toggle/test/enable-on-off-labels/toggle.e2e.ts:67:31

4) [Mobile Safari] › src/components/toggle/test/enable-on-off-labels/toggle.e2e.ts:32:9 › toggle: enable-on-off-labels - ionic/md/rtl/light › should not have visual regressions with color Error: Screenshot comparison failed: 2112 pixels (ratio 0.02 of all image pixels) are different. Expected: /ionic/src/components/toggle/test/enable-on-off-labels/toggle.e2e.ts-snapshots/toggle-on-off-labels-color-ionic-md-rtl-light-Mobile-Safari-linux.png Received: /ionic/test-results/src-components-toggle-test-13639-sual-regressions-with-color-Mobile-Safari/toggle-on-off-labels-color-ionic-md-rtl-light-actual.png Diff: /ionic/test-results/src-components-toggle-test-13639-sual-regressions-with-color-Mobile-Safari/toggle-on-off-labels-color-ionic-md-rtl-light-diff.png Call log: - expect.toHaveScreenshot(toggle-on-off-labels-color-ionic-md-rtl-light.png) with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#container') - locator resolved to <div id="container">…</div> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - 2112 pixels (ratio 0.02 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 - 2112 pixels (ratio 0.02 of all image pixels) are different. 65 | const container = page.locator('#container'); 66 | > 67 | await expect(container).toHaveScreenshot(screenshot(`toggle-on-off-labels-color`)); | ^ 68 | }); 69 | }); 70 | }); at /ionic/src/components/toggle/test/enable-on-off-labels/toggle.e2e.ts:67:31

The job was canceled because "_20_20" failed.

The job was canceled because "_20_20" failed.

The job was canceled because "_20_20" failed.

The job was canceled because "_20_20" failed.

The job was canceled because "_20_20" failed.

The job was canceled because "_20_20" failed.

The job was canceled because "_20_20" failed.

The job was canceled because "_20_20" failed.

The job was canceled because "_20_20" failed.

The job was canceled because "_20_20" failed.

The job was canceled because "_20_20" failed.

The job was canceled because "_20_20" failed.

The job was canceled because "_20_20" failed.

The job was canceled because "_20_20" failed.

The job was canceled because "_20_20" failed.

The job was canceled because "_20_20" failed.

The job was canceled because "_20_20" failed.

The job was canceled because "_20_20" failed.

Process completed with exit code 1.

1 flaky [Mobile Chrome] › src/components/alert/test/a11y/alert.e2e.ts:282:9 › alert: font scaling - ios/ltr › should scale text on larger font sizes with text fields 298 skipped 221 passed (2.3m)