1) [Mobile Safari] › src/components/checkbox/test/label/checkbox.e2e.ts:173:11 › checkbox: label - md/ltr › checkbox: stacked placement › should align the label to the start of the container in the stacked position Error: expect(locator).toHaveScreenshot(expected) 2 pixels (ratio 0.01 of all image pixels) are different. Expected: /ionic/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-stacked-align-start-md-ltr-Mobile-Safari-linux.png Received: /ionic/test-results/src-components-checkbox-te-6348d-ner-in-the-stacked-position-Mobile-Safari/checkbox-label-stacked-align-start-md-ltr-actual.png Diff: /ionic/test-results/src-components-checkbox-te-6348d-ner-in-the-stacked-position-Mobile-Safari/checkbox-label-stacked-align-start-md-ltr-diff.png Call log: - expect.toHaveScreenshot(checkbox-label-stacked-align-start-md-ltr.png) with timeout 5000ms - verifying given screenshot expectation - waiting for locator('ion-checkbox') - locator resolved to <ion-checkbox tabindex="0" role="checkbox" alignment="start" aria-checked="false" label-placement="stacked" aria-labelledby="ion-cb-0-lbl" class="md interactive checkbox-alignment-start checkbox-label-placement-stacked hydrated">…</ion-checkbox> - 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 - 2 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('ion-checkbox') - locator resolved to <ion-checkbox tabindex="0" role="checkbox" alignment="start" aria-checked="false" label-placement="stacked" aria-labelledby="ion-cb-0-lbl" class="md interactive checkbox-alignment-start checkbox-label-placement-stacked hydrated">…</ion-checkbox> - 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 - 2 pixels (ratio 0.01 of all image pixels) are different. 180 | 181 | const checkbox = page.locator('ion-checkbox'); > 182 | await expect(checkbox).toHaveScreenshot(screenshot(`checkbox-label-stacked-align-start`)); | ^ 183 | }); 184 | 185 | test('should align the label to the center of the container in the stacked position', async ({ page }) => { at /ionic/src/components/checkbox/test/label/checkbox.e2e.ts:182:32

1) [Mobile Safari] › src/components/checkbox/test/label/checkbox.e2e.ts:173:11 › checkbox: label - md/ltr › checkbox: stacked placement › should align the label to the start of the container in the stacked position Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(locator).toHaveScreenshot(expected) 2 pixels (ratio 0.01 of all image pixels) are different. Expected: /ionic/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-stacked-align-start-md-ltr-Mobile-Safari-linux.png Received: /ionic/test-results/src-components-checkbox-te-6348d-ner-in-the-stacked-position-Mobile-Safari-retry1/checkbox-label-stacked-align-start-md-ltr-actual.png Diff: /ionic/test-results/src-components-checkbox-te-6348d-ner-in-the-stacked-position-Mobile-Safari-retry1/checkbox-label-stacked-align-start-md-ltr-diff.png Call log: - expect.toHaveScreenshot(checkbox-label-stacked-align-start-md-ltr.png) with timeout 5000ms - verifying given screenshot expectation - waiting for locator('ion-checkbox') - locator resolved to <ion-checkbox tabindex="0" role="checkbox" alignment="start" aria-checked="false" label-placement="stacked" aria-labelledby="ion-cb-0-lbl" class="md interactive checkbox-alignment-start checkbox-label-placement-stacked hydrated">…</ion-checkbox> - 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 - 2 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('ion-checkbox') - locator resolved to <ion-checkbox tabindex="0" role="checkbox" alignment="start" aria-checked="false" label-placement="stacked" aria-labelledby="ion-cb-0-lbl" class="md interactive checkbox-alignment-start checkbox-label-placement-stacked hydrated">…</ion-checkbox> - 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 - 2 pixels (ratio 0.01 of all image pixels) are different. 180 | 181 | const checkbox = page.locator('ion-checkbox'); > 182 | await expect(checkbox).toHaveScreenshot(screenshot(`checkbox-label-stacked-align-start`)); | ^ 183 | }); 184 | 185 | test('should align the label to the center of the container in the stacked position', async ({ page }) => { at /ionic/src/components/checkbox/test/label/checkbox.e2e.ts:182:32

1) [Mobile Safari] › src/components/checkbox/test/label/checkbox.e2e.ts:173:11 › checkbox: label - md/ltr › checkbox: stacked placement › should align the label to the start of the container in the stacked position Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(locator).toHaveScreenshot(expected) 2 pixels (ratio 0.01 of all image pixels) are different. Expected: /ionic/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-stacked-align-start-md-ltr-Mobile-Safari-linux.png Received: /ionic/test-results/src-components-checkbox-te-6348d-ner-in-the-stacked-position-Mobile-Safari-retry2/checkbox-label-stacked-align-start-md-ltr-actual.png Diff: /ionic/test-results/src-components-checkbox-te-6348d-ner-in-the-stacked-position-Mobile-Safari-retry2/checkbox-label-stacked-align-start-md-ltr-diff.png Call log: - expect.toHaveScreenshot(checkbox-label-stacked-align-start-md-ltr.png) with timeout 5000ms - verifying given screenshot expectation - waiting for locator('ion-checkbox') - locator resolved to <ion-checkbox tabindex="0" role="checkbox" alignment="start" aria-checked="false" label-placement="stacked" aria-labelledby="ion-cb-0-lbl" class="md interactive checkbox-alignment-start checkbox-label-placement-stacked hydrated">…</ion-checkbox> - 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 - 2 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('ion-checkbox') - locator resolved to <ion-checkbox tabindex="0" role="checkbox" alignment="start" aria-checked="false" label-placement="stacked" aria-labelledby="ion-cb-0-lbl" class="md interactive checkbox-alignment-start checkbox-label-placement-stacked hydrated">…</ion-checkbox> - 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 - 2 pixels (ratio 0.01 of all image pixels) are different. 180 | 181 | const checkbox = page.locator('ion-checkbox'); > 182 | await expect(checkbox).toHaveScreenshot(screenshot(`checkbox-label-stacked-align-start`)); | ^ 183 | }); 184 | 185 | test('should align the label to the center of the container in the stacked position', async ({ page }) => { at /ionic/src/components/checkbox/test/label/checkbox.e2e.ts:182:32

[Mobile Safari] › src/components/checkbox/test/label/checkbox.e2e.ts:173:11 › checkbox: label - md/rtl › checkbox: stacked placement › should align the label to the start of the container in the stacked position: src/components/checkbox/test/label/checkbox.e2e.ts#L182

2) [Mobile Safari] › src/components/checkbox/test/label/checkbox.e2e.ts:173:11 › checkbox: label - md/rtl › checkbox: stacked placement › should align the label to the start of the container in the stacked position Error: expect(locator).toHaveScreenshot(expected) 2 pixels (ratio 0.01 of all image pixels) are different. Expected: /ionic/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-stacked-align-start-md-rtl-Mobile-Safari-linux.png Received: /ionic/test-results/src-components-checkbox-te-c796d-ner-in-the-stacked-position-Mobile-Safari/checkbox-label-stacked-align-start-md-rtl-actual.png Diff: /ionic/test-results/src-components-checkbox-te-c796d-ner-in-the-stacked-position-Mobile-Safari/checkbox-label-stacked-align-start-md-rtl-diff.png Call log: - expect.toHaveScreenshot(checkbox-label-stacked-align-start-md-rtl.png) with timeout 5000ms - verifying given screenshot expectation - waiting for locator('ion-checkbox') - locator resolved to <ion-checkbox tabindex="0" role="checkbox" alignment="start" aria-checked="false" label-placement="stacked" aria-labelledby="ion-cb-0-lbl" class="md interactive checkbox-alignment-start checkbox-label-placement-stacked hydrated">…</ion-checkbox> - 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 - 2 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('ion-checkbox') - locator resolved to <ion-checkbox tabindex="0" role="checkbox" alignment="start" aria-checked="false" label-placement="stacked" aria-labelledby="ion-cb-0-lbl" class="md interactive checkbox-alignment-start checkbox-label-placement-stacked hydrated">…</ion-checkbox> - 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 - 2 pixels (ratio 0.01 of all image pixels) are different. 180 | 181 | const checkbox = page.locator('ion-checkbox'); > 182 | await expect(checkbox).toHaveScreenshot(screenshot(`checkbox-label-stacked-align-start`)); | ^ 183 | }); 184 | 185 | test('should align the label to the center of the container in the stacked position', async ({ page }) => { at /ionic/src/components/checkbox/test/label/checkbox.e2e.ts:182:32

2) [Mobile Safari] › src/components/checkbox/test/label/checkbox.e2e.ts:173:11 › checkbox: label - md/rtl › checkbox: stacked placement › should align the label to the start of the container in the stacked position Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(locator).toHaveScreenshot(expected) 2 pixels (ratio 0.01 of all image pixels) are different. Expected: /ionic/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-stacked-align-start-md-rtl-Mobile-Safari-linux.png Received: /ionic/test-results/src-components-checkbox-te-c796d-ner-in-the-stacked-position-Mobile-Safari-retry1/checkbox-label-stacked-align-start-md-rtl-actual.png Diff: /ionic/test-results/src-components-checkbox-te-c796d-ner-in-the-stacked-position-Mobile-Safari-retry1/checkbox-label-stacked-align-start-md-rtl-diff.png Call log: - expect.toHaveScreenshot(checkbox-label-stacked-align-start-md-rtl.png) with timeout 5000ms - verifying given screenshot expectation - waiting for locator('ion-checkbox') - locator resolved to <ion-checkbox tabindex="0" role="checkbox" alignment="start" aria-checked="false" label-placement="stacked" aria-labelledby="ion-cb-0-lbl" class="md interactive checkbox-alignment-start checkbox-label-placement-stacked hydrated">…</ion-checkbox> - 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 - 2 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('ion-checkbox') - locator resolved to <ion-checkbox tabindex="0" role="checkbox" alignment="start" aria-checked="false" label-placement="stacked" aria-labelledby="ion-cb-0-lbl" class="md interactive checkbox-alignment-start checkbox-label-placement-stacked hydrated">…</ion-checkbox> - 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 - 2 pixels (ratio 0.01 of all image pixels) are different. 180 | 181 | const checkbox = page.locator('ion-checkbox'); > 182 | await expect(checkbox).toHaveScreenshot(screenshot(`checkbox-label-stacked-align-start`)); | ^ 183 | }); 184 | 185 | test('should align the label to the center of the container in the stacked position', async ({ page }) => { at /ionic/src/components/checkbox/test/label/checkbox.e2e.ts:182:32

2) [Mobile Safari] › src/components/checkbox/test/label/checkbox.e2e.ts:173:11 › checkbox: label - md/rtl › checkbox: stacked placement › should align the label to the start of the container in the stacked position Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(locator).toHaveScreenshot(expected) 2 pixels (ratio 0.01 of all image pixels) are different. Expected: /ionic/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-stacked-align-start-md-rtl-Mobile-Safari-linux.png Received: /ionic/test-results/src-components-checkbox-te-c796d-ner-in-the-stacked-position-Mobile-Safari-retry2/checkbox-label-stacked-align-start-md-rtl-actual.png Diff: /ionic/test-results/src-components-checkbox-te-c796d-ner-in-the-stacked-position-Mobile-Safari-retry2/checkbox-label-stacked-align-start-md-rtl-diff.png Call log: - expect.toHaveScreenshot(checkbox-label-stacked-align-start-md-rtl.png) with timeout 5000ms - verifying given screenshot expectation - waiting for locator('ion-checkbox') - locator resolved to <ion-checkbox tabindex="0" role="checkbox" alignment="start" aria-checked="false" label-placement="stacked" aria-labelledby="ion-cb-0-lbl" class="md interactive checkbox-alignment-start checkbox-label-placement-stacked hydrated">…</ion-checkbox> - 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 - 2 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('ion-checkbox') - locator resolved to <ion-checkbox tabindex="0" role="checkbox" alignment="start" aria-checked="false" label-placement="stacked" aria-labelledby="ion-cb-0-lbl" class="md interactive checkbox-alignment-start checkbox-label-placement-stacked hydrated">…</ion-checkbox> - 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 - 2 pixels (ratio 0.01 of all image pixels) are different. 180 | 181 | const checkbox = page.locator('ion-checkbox'); > 182 | await expect(checkbox).toHaveScreenshot(screenshot(`checkbox-label-stacked-align-start`)); | ^ 183 | }); 184 | 185 | test('should align the label to the center of the container in the stacked position', async ({ page }) => { at /ionic/src/components/checkbox/test/label/checkbox.e2e.ts:182:32

[Mobile Safari] › src/components/checkbox/test/label/checkbox.e2e.ts:202:9 › checkbox: stacked long label - md/ltr › long label should truncate: src/components/checkbox/test/label/checkbox.e2e.ts#L211

3) [Mobile Safari] › src/components/checkbox/test/label/checkbox.e2e.ts:202:9 › checkbox: stacked long label - md/ltr › long label should truncate Error: expect(locator).toHaveScreenshot(expected) 2 pixels (ratio 0.01 of all image pixels) are different. Expected: /ionic/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-stacked-long-label-md-ltr-Mobile-Safari-linux.png Received: /ionic/test-results/src-components-checkbox-te-e5579--long-label-should-truncate-Mobile-Safari/checkbox-label-stacked-long-label-md-ltr-actual.png Diff: /ionic/test-results/src-components-checkbox-te-e5579--long-label-should-truncate-Mobile-Safari/checkbox-label-stacked-long-label-md-ltr-diff.png Call log: - expect.toHaveScreenshot(checkbox-label-stacked-long-label-md-ltr.png) with timeout 5000ms - verifying given screenshot expectation - waiting for locator('ion-checkbox') - locator resolved to <ion-checkbox tabindex="0" role="checkbox" alignment="start" aria-checked="false" label-placement="stacked" aria-labelledby="ion-cb-0-lbl" class="md interactive checkbox-alignment-start checkbox-label-placement-stacked hydrated">…</ion-checkbox> - 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 - 2 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('ion-checkbox') - locator resolved to <ion-checkbox tabindex="0" role="checkbox" alignment="start" aria-checked="false" label-placement="stacked" aria-labelledby="ion-cb-0-lbl" class="md interactive checkbox-alignment-start checkbox-label-placement-stacked hydrated">…</ion-checkbox> - 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 - 2 pixels (ratio 0.01 of all image pixels) are different. 209 | 210 | const checkbox = page.locator('ion-checkbox'); > 211 | await expect(checkbox).toHaveScreenshot(screenshot(`checkbox-label-stacked-long-label`)); | ^ 212 | }); 213 | }); 214 | }); at /ionic/src/components/checkbox/test/label/checkbox.e2e.ts:211:30

3) [Mobile Safari] › src/components/checkbox/test/label/checkbox.e2e.ts:202:9 › checkbox: stacked long label - md/ltr › long label should truncate Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(locator).toHaveScreenshot(expected) 2 pixels (ratio 0.01 of all image pixels) are different. Expected: /ionic/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-stacked-long-label-md-ltr-Mobile-Safari-linux.png Received: /ionic/test-results/src-components-checkbox-te-e5579--long-label-should-truncate-Mobile-Safari-retry1/checkbox-label-stacked-long-label-md-ltr-actual.png Diff: /ionic/test-results/src-components-checkbox-te-e5579--long-label-should-truncate-Mobile-Safari-retry1/checkbox-label-stacked-long-label-md-ltr-diff.png Call log: - expect.toHaveScreenshot(checkbox-label-stacked-long-label-md-ltr.png) with timeout 5000ms - verifying given screenshot expectation - waiting for locator('ion-checkbox') - locator resolved to <ion-checkbox tabindex="0" role="checkbox" alignment="start" aria-checked="false" label-placement="stacked" aria-labelledby="ion-cb-0-lbl" class="md interactive checkbox-alignment-start checkbox-label-placement-stacked hydrated">…</ion-checkbox> - 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 - 2 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('ion-checkbox') - locator resolved to <ion-checkbox tabindex="0" role="checkbox" alignment="start" aria-checked="false" label-placement="stacked" aria-labelledby="ion-cb-0-lbl" class="md interactive checkbox-alignment-start checkbox-label-placement-stacked hydrated">…</ion-checkbox> - 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 - 2 pixels (ratio 0.01 of all image pixels) are different. 209 | 210 | const checkbox = page.locator('ion-checkbox'); > 211 | await expect(checkbox).toHaveScreenshot(screenshot(`checkbox-label-stacked-long-label`)); | ^ 212 | }); 213 | }); 214 | }); at /ionic/src/components/checkbox/test/label/checkbox.e2e.ts:211:30

3) [Mobile Safari] › src/components/checkbox/test/label/checkbox.e2e.ts:202:9 › checkbox: stacked long label - md/ltr › long label should truncate Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(locator).toHaveScreenshot(expected) 2 pixels (ratio 0.01 of all image pixels) are different. Expected: /ionic/src/components/checkbox/test/label/checkbox.e2e.ts-snapshots/checkbox-label-stacked-long-label-md-ltr-Mobile-Safari-linux.png Received: /ionic/test-results/src-components-checkbox-te-e5579--long-label-should-truncate-Mobile-Safari-retry2/checkbox-label-stacked-long-label-md-ltr-actual.png Diff: /ionic/test-results/src-components-checkbox-te-e5579--long-label-should-truncate-Mobile-Safari-retry2/checkbox-label-stacked-long-label-md-ltr-diff.png Call log: - expect.toHaveScreenshot(checkbox-label-stacked-long-label-md-ltr.png) with timeout 5000ms - verifying given screenshot expectation - waiting for locator('ion-checkbox') - locator resolved to <ion-checkbox tabindex="0" role="checkbox" alignment="start" aria-checked="false" label-placement="stacked" aria-labelledby="ion-cb-0-lbl" class="md interactive checkbox-alignment-start checkbox-label-placement-stacked hydrated">…</ion-checkbox> - 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 - 2 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('ion-checkbox') - locator resolved to <ion-checkbox tabindex="0" role="checkbox" alignment="start" aria-checked="false" label-placement="stacked" aria-labelledby="ion-cb-0-lbl" class="md interactive checkbox-alignment-start checkbox-label-placement-stacked hydrated">…</ion-checkbox> - 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 - 2 pixels (ratio 0.01 of all image pixels) are different. 209 | 210 | const checkbox = page.locator('ion-checkbox'); > 211 | await expect(checkbox).toHaveScreenshot(screenshot(`checkbox-label-stacked-long-label`)); | ^ 212 | }); 213 | }); 214 | }); at /ionic/src/components/checkbox/test/label/checkbox.e2e.ts:211:30

[Mobile Safari] › src/components/datetime/test/datetime.e2e.ts:17:9 › datetime: switching months with different number of days - md/ltr › should switch the calendar header when moving to a month with a different number of days: src/components/datetime/test/datetime.e2e.ts#L32

4) [Mobile Safari] › src/components/datetime/test/datetime.e2e.ts:17:9 › datetime: switching months with different number of days - md/ltr › should switch the calendar header when moving to a month with a different number of days Error: Timed out 5000ms waiting for expect(locator).toContainText(expected) Locator: locator('ion-datetime .calendar-month-year') Expected string: "February 2022" Received string: "February 2021" Call log: - expect.toContainText with timeout 5000ms - waiting for locator('ion-datetime .calendar-month-year') 9 × locator resolved to <div class="calendar-month-year">…</div> - unexpected value "February 2021" 30 | await page.waitForChanges(); 31 | > 32 | await expect(monthYearToggle).toContainText('February 2022'); | ^ 33 | }); 34 | 35 | test('should adjust the selected day when moving to a month with a different number of days', async ({ page }) => { at /ionic/src/components/datetime/test/datetime.e2e.ts:32:37

test-core-screenshot (2, 20)