4) [Mobile Chrome] › src/components/alert/test/basic/alert.e2e.ts:106:9 › should not have visual regressions - md/rtl/dark › more than two buttons Error: expect(locator).toHaveScreenshot(expected) failed 224 pixels (ratio 0.01 of all image pixels) are different. Snapshot: alert-multipleButtons-md-rtl-dark.png Call log: - Expect "toHaveScreenshot(alert-multipleButtons-md-rtl-dark.png)" with timeout 5000ms - verifying given screenshot expectation - waiting for locator('ion-alert') - locator resolved to <ion-alert tabindex="-1" header="Alert" is-open="true" id="ion-overlay-1" sub-header="Subtitle" message="This is an alert message." class="sc-ion-alert-md-h md sc-ion-alert-md hydrated">…</ion-alert> - 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 - 224 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('ion-alert') - locator resolved to <ion-alert tabindex="-1" header="Alert" is-open="true" id="ion-overlay-1" sub-header="Subtitle" message="This is an alert message." class="sc-ion-alert-md-h md sc-ion-alert-md hydrated">…</ion-alert> - 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 - 224 pixels (ratio 0.01 of all image pixels) are different. 132 | const alert = page.locator('ion-alert'); 133 | > 134 | await expect(alert).toHaveScreenshot(screenshot(`alert-multipleButtons`)); | ^ 135 | }); 136 | }); 137 | }); at /ionic/src/components/alert/test/basic/alert.e2e.ts:134:27

3) [Mobile Chrome] › src/components/alert/test/basic/alert.e2e.ts:106:9 › should not have visual regressions - md/ltr/dark › more than two buttons Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(locator).toHaveScreenshot(expected) failed 224 pixels (ratio 0.01 of all image pixels) are different. Snapshot: alert-multipleButtons-md-ltr-dark.png Call log: - Expect "toHaveScreenshot(alert-multipleButtons-md-ltr-dark.png)" with timeout 5000ms - verifying given screenshot expectation - waiting for locator('ion-alert') - locator resolved to <ion-alert tabindex="-1" header="Alert" is-open="true" id="ion-overlay-1" sub-header="Subtitle" message="This is an alert message." class="sc-ion-alert-md-h md sc-ion-alert-md hydrated">…</ion-alert> - 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 - 224 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('ion-alert') - locator resolved to <ion-alert tabindex="-1" header="Alert" is-open="true" id="ion-overlay-1" sub-header="Subtitle" message="This is an alert message." class="sc-ion-alert-md-h md sc-ion-alert-md hydrated">…</ion-alert> - 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 - 224 pixels (ratio 0.01 of all image pixels) are different. 132 | const alert = page.locator('ion-alert'); 133 | > 134 | await expect(alert).toHaveScreenshot(screenshot(`alert-multipleButtons`)); | ^ 135 | }); 136 | }); 137 | }); at /ionic/src/components/alert/test/basic/alert.e2e.ts:134:27

3) [Mobile Chrome] › src/components/alert/test/basic/alert.e2e.ts:106:9 › should not have visual regressions - md/ltr/dark › more than two buttons Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(locator).toHaveScreenshot(expected) failed 224 pixels (ratio 0.01 of all image pixels) are different. Snapshot: alert-multipleButtons-md-ltr-dark.png Call log: - Expect "toHaveScreenshot(alert-multipleButtons-md-ltr-dark.png)" with timeout 5000ms - verifying given screenshot expectation - waiting for locator('ion-alert') - locator resolved to <ion-alert tabindex="-1" header="Alert" is-open="true" id="ion-overlay-1" sub-header="Subtitle" message="This is an alert message." class="sc-ion-alert-md-h md sc-ion-alert-md hydrated">…</ion-alert> - 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 - 224 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('ion-alert') - locator resolved to <ion-alert tabindex="-1" header="Alert" is-open="true" id="ion-overlay-1" sub-header="Subtitle" message="This is an alert message." class="sc-ion-alert-md-h md sc-ion-alert-md hydrated">…</ion-alert> - 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 - 224 pixels (ratio 0.01 of all image pixels) are different. 132 | const alert = page.locator('ion-alert'); 133 | > 134 | await expect(alert).toHaveScreenshot(screenshot(`alert-multipleButtons`)); | ^ 135 | }); 136 | }); 137 | }); at /ionic/src/components/alert/test/basic/alert.e2e.ts:134:27

3) [Mobile Chrome] › src/components/alert/test/basic/alert.e2e.ts:106:9 › should not have visual regressions - md/ltr/dark › more than two buttons Error: expect(locator).toHaveScreenshot(expected) failed 224 pixels (ratio 0.01 of all image pixels) are different. Snapshot: alert-multipleButtons-md-ltr-dark.png Call log: - Expect "toHaveScreenshot(alert-multipleButtons-md-ltr-dark.png)" with timeout 5000ms - verifying given screenshot expectation - waiting for locator('ion-alert') - locator resolved to <ion-alert tabindex="-1" header="Alert" is-open="true" id="ion-overlay-1" sub-header="Subtitle" message="This is an alert message." class="sc-ion-alert-md-h md sc-ion-alert-md hydrated">…</ion-alert> - 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 - 224 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('ion-alert') - locator resolved to <ion-alert tabindex="-1" header="Alert" is-open="true" id="ion-overlay-1" sub-header="Subtitle" message="This is an alert message." class="sc-ion-alert-md-h md sc-ion-alert-md hydrated">…</ion-alert> - 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 - 224 pixels (ratio 0.01 of all image pixels) are different. 132 | const alert = page.locator('ion-alert'); 133 | > 134 | await expect(alert).toHaveScreenshot(screenshot(`alert-multipleButtons`)); | ^ 135 | }); 136 | }); 137 | }); at /ionic/src/components/alert/test/basic/alert.e2e.ts:134:27

2) [Mobile Chrome] › src/components/alert/test/basic/alert.e2e.ts:106:9 › should not have visual regressions - ios/rtl/dark › more than two buttons Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(locator).toHaveScreenshot(expected) failed 82 pixels (ratio 0.01 of all image pixels) are different. Snapshot: alert-multipleButtons-ios-rtl-dark.png Call log: - Expect "toHaveScreenshot(alert-multipleButtons-ios-rtl-dark.png)" with timeout 5000ms - verifying given screenshot expectation - waiting for locator('ion-alert') - locator resolved to <ion-alert tabindex="-1" header="Alert" is-open="true" id="ion-overlay-1" sub-header="Subtitle" message="This is an alert message." class="sc-ion-alert-ios-h ios sc-ion-alert-ios hydrated">…</ion-alert> - 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 - 82 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('ion-alert') - locator resolved to <ion-alert tabindex="-1" header="Alert" is-open="true" id="ion-overlay-1" sub-header="Subtitle" message="This is an alert message." class="sc-ion-alert-ios-h ios sc-ion-alert-ios hydrated">…</ion-alert> - 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 - 82 pixels (ratio 0.01 of all image pixels) are different. 132 | const alert = page.locator('ion-alert'); 133 | > 134 | await expect(alert).toHaveScreenshot(screenshot(`alert-multipleButtons`)); | ^ 135 | }); 136 | }); 137 | }); at /ionic/src/components/alert/test/basic/alert.e2e.ts:134:27

2) [Mobile Chrome] › src/components/alert/test/basic/alert.e2e.ts:106:9 › should not have visual regressions - ios/rtl/dark › more than two buttons Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(locator).toHaveScreenshot(expected) failed 82 pixels (ratio 0.01 of all image pixels) are different. Snapshot: alert-multipleButtons-ios-rtl-dark.png Call log: - Expect "toHaveScreenshot(alert-multipleButtons-ios-rtl-dark.png)" with timeout 5000ms - verifying given screenshot expectation - waiting for locator('ion-alert') - locator resolved to <ion-alert tabindex="-1" header="Alert" is-open="true" id="ion-overlay-1" sub-header="Subtitle" message="This is an alert message." class="sc-ion-alert-ios-h ios sc-ion-alert-ios hydrated">…</ion-alert> - 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 - 82 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('ion-alert') - locator resolved to <ion-alert tabindex="-1" header="Alert" is-open="true" id="ion-overlay-1" sub-header="Subtitle" message="This is an alert message." class="sc-ion-alert-ios-h ios sc-ion-alert-ios hydrated">…</ion-alert> - 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 - 82 pixels (ratio 0.01 of all image pixels) are different. 132 | const alert = page.locator('ion-alert'); 133 | > 134 | await expect(alert).toHaveScreenshot(screenshot(`alert-multipleButtons`)); | ^ 135 | }); 136 | }); 137 | }); at /ionic/src/components/alert/test/basic/alert.e2e.ts:134:27

2) [Mobile Chrome] › src/components/alert/test/basic/alert.e2e.ts:106:9 › should not have visual regressions - ios/rtl/dark › more than two buttons Error: expect(locator).toHaveScreenshot(expected) failed 82 pixels (ratio 0.01 of all image pixels) are different. Snapshot: alert-multipleButtons-ios-rtl-dark.png Call log: - Expect "toHaveScreenshot(alert-multipleButtons-ios-rtl-dark.png)" with timeout 5000ms - verifying given screenshot expectation - waiting for locator('ion-alert') - locator resolved to <ion-alert tabindex="-1" header="Alert" is-open="true" id="ion-overlay-1" sub-header="Subtitle" message="This is an alert message." class="sc-ion-alert-ios-h ios sc-ion-alert-ios hydrated">…</ion-alert> - 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 - 82 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('ion-alert') - locator resolved to <ion-alert tabindex="-1" header="Alert" is-open="true" id="ion-overlay-1" sub-header="Subtitle" message="This is an alert message." class="sc-ion-alert-ios-h ios sc-ion-alert-ios hydrated">…</ion-alert> - 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 - 82 pixels (ratio 0.01 of all image pixels) are different. 132 | const alert = page.locator('ion-alert'); 133 | > 134 | await expect(alert).toHaveScreenshot(screenshot(`alert-multipleButtons`)); | ^ 135 | }); 136 | }); 137 | }); at /ionic/src/components/alert/test/basic/alert.e2e.ts:134:27

1) [Mobile Chrome] › src/components/alert/test/basic/alert.e2e.ts:106:9 › should not have visual regressions - ios/ltr/dark › more than two buttons Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(locator).toHaveScreenshot(expected) failed 82 pixels (ratio 0.01 of all image pixels) are different. Snapshot: alert-multipleButtons-ios-ltr-dark.png Call log: - Expect "toHaveScreenshot(alert-multipleButtons-ios-ltr-dark.png)" with timeout 5000ms - verifying given screenshot expectation - waiting for locator('ion-alert') - locator resolved to <ion-alert tabindex="-1" header="Alert" is-open="true" id="ion-overlay-1" sub-header="Subtitle" message="This is an alert message." class="sc-ion-alert-ios-h ios sc-ion-alert-ios hydrated">…</ion-alert> - 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 - 82 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('ion-alert') - locator resolved to <ion-alert tabindex="-1" header="Alert" is-open="true" id="ion-overlay-1" sub-header="Subtitle" message="This is an alert message." class="sc-ion-alert-ios-h ios sc-ion-alert-ios hydrated">…</ion-alert> - 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 - 82 pixels (ratio 0.01 of all image pixels) are different. 132 | const alert = page.locator('ion-alert'); 133 | > 134 | await expect(alert).toHaveScreenshot(screenshot(`alert-multipleButtons`)); | ^ 135 | }); 136 | }); 137 | }); at /ionic/src/components/alert/test/basic/alert.e2e.ts:134:27

1) [Mobile Chrome] › src/components/alert/test/basic/alert.e2e.ts:106:9 › should not have visual regressions - ios/ltr/dark › more than two buttons Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(locator).toHaveScreenshot(expected) failed 82 pixels (ratio 0.01 of all image pixels) are different. Snapshot: alert-multipleButtons-ios-ltr-dark.png Call log: - Expect "toHaveScreenshot(alert-multipleButtons-ios-ltr-dark.png)" with timeout 5000ms - verifying given screenshot expectation - waiting for locator('ion-alert') - locator resolved to <ion-alert tabindex="-1" header="Alert" is-open="true" id="ion-overlay-1" sub-header="Subtitle" message="This is an alert message." class="sc-ion-alert-ios-h ios sc-ion-alert-ios hydrated">…</ion-alert> - 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 - 82 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('ion-alert') - locator resolved to <ion-alert tabindex="-1" header="Alert" is-open="true" id="ion-overlay-1" sub-header="Subtitle" message="This is an alert message." class="sc-ion-alert-ios-h ios sc-ion-alert-ios hydrated">…</ion-alert> - 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 - 82 pixels (ratio 0.01 of all image pixels) are different. 132 | const alert = page.locator('ion-alert'); 133 | > 134 | await expect(alert).toHaveScreenshot(screenshot(`alert-multipleButtons`)); | ^ 135 | }); 136 | }); 137 | }); at /ionic/src/components/alert/test/basic/alert.e2e.ts:134:27

1) [Mobile Chrome] › src/components/alert/test/basic/alert.e2e.ts:106:9 › should not have visual regressions - ios/ltr/dark › more than two buttons Error: expect(locator).toHaveScreenshot(expected) failed 82 pixels (ratio 0.01 of all image pixels) are different. Snapshot: alert-multipleButtons-ios-ltr-dark.png Call log: - Expect "toHaveScreenshot(alert-multipleButtons-ios-ltr-dark.png)" with timeout 5000ms - verifying given screenshot expectation - waiting for locator('ion-alert') - locator resolved to <ion-alert tabindex="-1" header="Alert" is-open="true" id="ion-overlay-1" sub-header="Subtitle" message="This is an alert message." class="sc-ion-alert-ios-h ios sc-ion-alert-ios hydrated">…</ion-alert> - 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 - 82 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('ion-alert') - locator resolved to <ion-alert tabindex="-1" header="Alert" is-open="true" id="ion-overlay-1" sub-header="Subtitle" message="This is an alert message." class="sc-ion-alert-ios-h ios sc-ion-alert-ios hydrated">…</ion-alert> - 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 - 82 pixels (ratio 0.01 of all image pixels) are different. 132 | const alert = page.locator('ion-alert'); 133 | > 134 | await expect(alert).toHaveScreenshot(screenshot(`alert-multipleButtons`)); | ^ 135 | }); 136 | }); 137 | }); at /ionic/src/components/alert/test/basic/alert.e2e.ts:134:27