Process completed with exit code 1.

3) [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 Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(locator).toHaveScreenshot(expected) failed 554 pixels (ratio 0.01 of all image pixels) are different. Snapshot: toggle-on-off-labels-color-ionic-md-rtl-light.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 - 554 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 - 554 pixels (ratio 0.01 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/rtl/light › should not have visual regressions with color Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(locator).toHaveScreenshot(expected) failed 554 pixels (ratio 0.01 of all image pixels) are different. Snapshot: toggle-on-off-labels-color-ionic-md-rtl-light.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 - 554 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 - 554 pixels (ratio 0.01 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/rtl/light › should not have visual regressions with color Error: expect(locator).toHaveScreenshot(expected) failed 554 pixels (ratio 0.01 of all image pixels) are different. Snapshot: toggle-on-off-labels-color-ionic-md-rtl-light.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 - 554 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 - 554 pixels (ratio 0.01 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:32:9 › toggle: enable-on-off-labels - ionic/md/ltr/light › should not have visual regressions with color Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(locator).toHaveScreenshot(expected) failed 555 pixels (ratio 0.01 of all image pixels) are different. Snapshot: toggle-on-off-labels-color-ionic-md-ltr-light.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 - 555 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 - 555 pixels (ratio 0.01 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:32:9 › toggle: enable-on-off-labels - ionic/md/ltr/light › should not have visual regressions with color Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(locator).toHaveScreenshot(expected) failed 555 pixels (ratio 0.01 of all image pixels) are different. Snapshot: toggle-on-off-labels-color-ionic-md-ltr-light.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 - 555 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 - 555 pixels (ratio 0.01 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:32:9 › toggle: enable-on-off-labels - ionic/md/ltr/light › should not have visual regressions with color Error: expect(locator).toHaveScreenshot(expected) failed 555 pixels (ratio 0.01 of all image pixels) are different. Snapshot: toggle-on-off-labels-color-ionic-md-ltr-light.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 - 555 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 - 555 pixels (ratio 0.01 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/toast/test/hue/toast.e2e.ts:54:9 › toast: hue - ionic/md/ltr/light › should show all bold toasts Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) failed 14978 pixels (ratio 0.06 of all image pixels) are different. Snapshot: toast-bold-ionic-md-ltr-light.png Call log: - Expect "toHaveScreenshot(toast-bold-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 - 17404 pixels (ratio 0.07 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 - 2417 pixels (ratio 0.01 of all image pixels) are different. - waiting 250ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 14978 pixels (ratio 0.06 of all image pixels) are different. 35 | const screenshotString = screenshot(`toast-${screenshotModifier}`); 36 | > 37 | await expect(page).toHaveScreenshot(screenshotString); | ^ 38 | } 39 | } 40 | at ToastFixture.screenshot (/ionic/src/components/toast/test/hue/toast.e2e.ts:37:24) at /ionic/src/components/toast/test/hue/toast.e2e.ts:56:26

1) [Mobile Safari] › src/components/toast/test/hue/toast.e2e.ts:54:9 › toast: hue - ionic/md/ltr/light › should show all bold toasts Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) failed 14978 pixels (ratio 0.06 of all image pixels) are different. Snapshot: toast-bold-ionic-md-ltr-light.png Call log: - Expect "toHaveScreenshot(toast-bold-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 - 17404 pixels (ratio 0.07 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 - 2417 pixels (ratio 0.01 of all image pixels) are different. - waiting 250ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 14978 pixels (ratio 0.06 of all image pixels) are different. 35 | const screenshotString = screenshot(`toast-${screenshotModifier}`); 36 | > 37 | await expect(page).toHaveScreenshot(screenshotString); | ^ 38 | } 39 | } 40 | at ToastFixture.screenshot (/ionic/src/components/toast/test/hue/toast.e2e.ts:37:24) at /ionic/src/components/toast/test/hue/toast.e2e.ts:56:26

1) [Mobile Safari] › src/components/toast/test/hue/toast.e2e.ts:54:9 › toast: hue - ionic/md/ltr/light › should show all bold toasts Error: expect(page).toHaveScreenshot(expected) failed 14978 pixels (ratio 0.06 of all image pixels) are different. Snapshot: toast-bold-ionic-md-ltr-light.png Call log: - Expect "toHaveScreenshot(toast-bold-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 - 17404 pixels (ratio 0.07 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 - 2417 pixels (ratio 0.01 of all image pixels) are different. - waiting 250ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 14978 pixels (ratio 0.06 of all image pixels) are different. 35 | const screenshotString = screenshot(`toast-${screenshotModifier}`); 36 | > 37 | await expect(page).toHaveScreenshot(screenshotString); | ^ 38 | } 39 | } 40 | at ToastFixture.screenshot (/ionic/src/components/toast/test/hue/toast.e2e.ts:37:24) at /ionic/src/components/toast/test/hue/toast.e2e.ts:56:26

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

Process completed with exit code 1.

3) [Mobile Chrome] › src/components/item-sliding/test/hue/item-sliding.e2e.ts:79:9 › item-option: hue - ionic/md/ltr/light › should render bold item options Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(locator).toHaveScreenshot(expected) failed 3737 pixels (ratio 0.04 of all image pixels) are different. Snapshot: item-option-hue-bold-ionic-md-ltr-light.png Call log: - Expect "toHaveScreenshot(item-option-hue-bold-ionic-md-ltr-light.png)" with timeout 5000ms - verifying given screenshot expectation - waiting for locator('ion-list') - locator resolved to <ion-list 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 - 3737 pixels (ratio 0.04 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('ion-list') - locator resolved to <ion-list 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 - 3737 pixels (ratio 0.04 of all image pixels) are different. 147 | await page.waitForSelector('ion-item-options:visible', { state: 'visible' }); 148 | > 149 | await expect(page.locator('ion-list')).toHaveScreenshot(screenshot('item-option-hue-bold')); | ^ 150 | }); 151 | }); 152 | }); at /ionic/src/components/item-sliding/test/hue/item-sliding.e2e.ts:149:46

3) [Mobile Chrome] › src/components/item-sliding/test/hue/item-sliding.e2e.ts:79:9 › item-option: hue - ionic/md/ltr/light › should render bold item options Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(locator).toHaveScreenshot(expected) failed 3737 pixels (ratio 0.04 of all image pixels) are different. Snapshot: item-option-hue-bold-ionic-md-ltr-light.png Call log: - Expect "toHaveScreenshot(item-option-hue-bold-ionic-md-ltr-light.png)" with timeout 5000ms - verifying given screenshot expectation - waiting for locator('ion-list') - locator resolved to <ion-list 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 - 3737 pixels (ratio 0.04 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('ion-list') - locator resolved to <ion-list 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 - 3737 pixels (ratio 0.04 of all image pixels) are different. 147 | await page.waitForSelector('ion-item-options:visible', { state: 'visible' }); 148 | > 149 | await expect(page.locator('ion-list')).toHaveScreenshot(screenshot('item-option-hue-bold')); | ^ 150 | }); 151 | }); 152 | }); at /ionic/src/components/item-sliding/test/hue/item-sliding.e2e.ts:149:46

3) [Mobile Chrome] › src/components/item-sliding/test/hue/item-sliding.e2e.ts:79:9 › item-option: hue - ionic/md/ltr/light › should render bold item options Error: expect(locator).toHaveScreenshot(expected) failed 3737 pixels (ratio 0.04 of all image pixels) are different. Snapshot: item-option-hue-bold-ionic-md-ltr-light.png Call log: - Expect "toHaveScreenshot(item-option-hue-bold-ionic-md-ltr-light.png)" with timeout 5000ms - verifying given screenshot expectation - waiting for locator('ion-list') - locator resolved to <ion-list 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 - 3737 pixels (ratio 0.04 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('ion-list') - locator resolved to <ion-list 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 - 3737 pixels (ratio 0.04 of all image pixels) are different. 147 | await page.waitForSelector('ion-item-options:visible', { state: 'visible' }); 148 | > 149 | await expect(page.locator('ion-list')).toHaveScreenshot(screenshot('item-option-hue-bold')); | ^ 150 | }); 151 | }); 152 | }); at /ionic/src/components/item-sliding/test/hue/item-sliding.e2e.ts:149:46

2) [Mobile Chrome] › src/components/input-otp/test/color/input-otp.e2e.ts:56:11 › input-otp: color - ionic/md/ltr/light › readonly color with outline fill should not have visual regressions Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(locator).toHaveScreenshot(expected) failed 33 pixels (ratio 0.01 of all image pixels) are different. Snapshot: input-otp-color-outline-readonly-ionic-md-ltr-light.png Call log: - Expect "toHaveScreenshot(input-otp-color-outline-readonly-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 - 32 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 - 33 pixels (ratio 0.01 of all image pixels) are different. 75 | // Set viewport size to ensure the entire height is visible 76 | await page.setViewportSize({ width: 393, height: 900 }); > 77 | await expect(container).toHaveScreenshot(screenshot(`input-otp-color-${fill}-readonly`)); | ^ 78 | }); 79 | }); 80 | }); at /ionic/src/components/input-otp/test/color/input-otp.e2e.ts:77:33

2) [Mobile Chrome] › src/components/input-otp/test/color/input-otp.e2e.ts:56:11 › input-otp: color - ionic/md/ltr/light › readonly color with outline fill should not have visual regressions Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(locator).toHaveScreenshot(expected) failed 33 pixels (ratio 0.01 of all image pixels) are different. Snapshot: input-otp-color-outline-readonly-ionic-md-ltr-light.png Call log: - Expect "toHaveScreenshot(input-otp-color-outline-readonly-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 - 32 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 - 33 pixels (ratio 0.01 of all image pixels) are different. 75 | // Set viewport size to ensure the entire height is visible 76 | await page.setViewportSize({ width: 393, height: 900 }); > 77 | await expect(container).toHaveScreenshot(screenshot(`input-otp-color-${fill}-readonly`)); | ^ 78 | }); 79 | }); 80 | }); at /ionic/src/components/input-otp/test/color/input-otp.e2e.ts:77:33

2) [Mobile Chrome] › src/components/input-otp/test/color/input-otp.e2e.ts:56:11 › input-otp: color - ionic/md/ltr/light › readonly color with outline fill should not have visual regressions Error: expect(locator).toHaveScreenshot(expected) failed 33 pixels (ratio 0.01 of all image pixels) are different. Snapshot: input-otp-color-outline-readonly-ionic-md-ltr-light.png Call log: - Expect "toHaveScreenshot(input-otp-color-outline-readonly-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 - 32 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 - 33 pixels (ratio 0.01 of all image pixels) are different. 75 | // Set viewport size to ensure the entire height is visible 76 | await page.setViewportSize({ width: 393, height: 900 }); > 77 | await expect(container).toHaveScreenshot(screenshot(`input-otp-color-${fill}-readonly`)); | ^ 78 | }); 79 | }); 80 | }); at /ionic/src/components/input-otp/test/color/input-otp.e2e.ts:77:33

1) [Mobile Chrome] › src/components/input-otp/test/color/input-otp.e2e.ts:10:11 › input-otp: color - ionic/md/ltr/light › color with outline fill should not have visual regressions Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(locator).toHaveScreenshot(expected) failed 344 pixels (ratio 0.01 of all image pixels) are different. Snapshot: input-otp-color-outline-ionic-md-ltr-light.png Call log: - Expect "toHaveScreenshot(input-otp-color-outline-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 - 344 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 - 344 pixels (ratio 0.01 of all image pixels) are different. 29 | // Set viewport size to ensure the entire height is visible 30 | await page.setViewportSize({ width: 393, height: 900 }); > 31 | await expect(container).toHaveScreenshot(screenshot(`input-otp-color-${fill}`)); | ^ 32 | }); 33 | test(`disabled color with ${fill} fill should not have visual regressions`, async ({ page }) => { 34 | await page.setContent( at /ionic/src/components/input-otp/test/color/input-otp.e2e.ts:31:33

1) [Mobile Chrome] › src/components/input-otp/test/color/input-otp.e2e.ts:10:11 › input-otp: color - ionic/md/ltr/light › color with outline fill should not have visual regressions Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(locator).toHaveScreenshot(expected) failed 344 pixels (ratio 0.01 of all image pixels) are different. Snapshot: input-otp-color-outline-ionic-md-ltr-light.png Call log: - Expect "toHaveScreenshot(input-otp-color-outline-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 - 344 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 - 344 pixels (ratio 0.01 of all image pixels) are different. 29 | // Set viewport size to ensure the entire height is visible 30 | await page.setViewportSize({ width: 393, height: 900 }); > 31 | await expect(container).toHaveScreenshot(screenshot(`input-otp-color-${fill}`)); | ^ 32 | }); 33 | test(`disabled color with ${fill} fill should not have visual regressions`, async ({ page }) => { 34 | await page.setContent( at /ionic/src/components/input-otp/test/color/input-otp.e2e.ts:31:33

1) [Mobile Chrome] › src/components/input-otp/test/color/input-otp.e2e.ts:10:11 › input-otp: color - ionic/md/ltr/light › color with outline fill should not have visual regressions Error: expect(locator).toHaveScreenshot(expected) failed 344 pixels (ratio 0.01 of all image pixels) are different. Snapshot: input-otp-color-outline-ionic-md-ltr-light.png Call log: - Expect "toHaveScreenshot(input-otp-color-outline-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 - 344 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 - 344 pixels (ratio 0.01 of all image pixels) are different. 29 | // Set viewport size to ensure the entire height is visible 30 | await page.setViewportSize({ width: 393, height: 900 }); > 31 | await expect(container).toHaveScreenshot(screenshot(`input-otp-color-${fill}`)); | ^ 32 | }); 33 | test(`disabled color with ${fill} fill should not have visual regressions`, async ({ page }) => { 34 | await page.setContent( at /ionic/src/components/input-otp/test/color/input-otp.e2e.ts:31:33

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

Process completed with exit code 12.

The operation was canceled.

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

Process completed with exit code 12.

The operation was canceled.

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

Process completed with exit code 12.

The operation was canceled.

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

Process completed with exit code 12.

The operation was canceled.

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

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

Process completed with exit code 12.

The operation was canceled.

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

Process completed with exit code 12.

The operation was canceled.

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

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

Process completed with exit code 12.

The operation was canceled.

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

Process completed with exit code 12.

The operation was canceled.

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

Process completed with exit code 12.

The operation was canceled.

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

Process completed with exit code 12.

The operation was canceled.

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

Process completed with exit code 12.

The operation was canceled.

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

Process completed with exit code 12.

The operation was canceled.

Process completed with exit code 1.

360 skipped 276 passed (2.2m)

1 skipped 676 passed (3.7m)

3 failed [Mobile Safari] › src/components/toast/test/hue/toast.e2e.ts:54:9 › toast: hue - ionic/md/ltr/light › should show all bold toasts [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 [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 368 skipped 300 passed (3.7m)