1) [Mobile Firefox] › src/components/modal/test/basic/modal.e2e.ts:99:9 › modal: rendering - ios/ltr › should not have visual regressions with tablet viewport Error: expect(page).toHaveScreenshot(expected) failed Timeout: 5000ms Timeout 5000ms exceeded. Snapshot: modal-basic-present-tablet-ios-ltr.png Call log: - Expect "toHaveScreenshot(modal-basic-present-tablet-ios-ltr.png)" with timeout 5000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - Timeout 5000ms exceeded. 81 | await page.setIonViewport(); 82 | > 83 | await expect(page).toHaveScreenshot(screenshot(`modal-basic-present${screenshotModifier}`)); | ^ 84 | 85 | await modal.evaluate((el: HTMLIonModalElement) => { 86 | el.dismiss(); at runVisualTests (/ionic/src/components/modal/test/basic/modal.e2e.ts:83:26) at /ionic/src/components/modal/test/basic/modal.e2e.ts:101:7

[Mobile Firefox] › src/components/datetime/test/basic/datetime.e2e.ts:515:9 › datetime: ionChange - md/ltr › should fire ionChange when confirming a value from the calendar grid: src/components/datetime/test/basic/datetime.e2e.ts#L528

1) [Mobile Firefox] › src/components/datetime/test/basic/datetime.e2e.ts:515:9 › datetime: ionChange - md/ltr › should fire ionChange when confirming a value from the calendar grid Error: locator.click: Test timeout of 30000ms exceeded. Call log: - waiting for locator('.calendar-day:not([disabled])').first() - locator resolved to <button data-day="1" tabindex="-1" data-index="3" data-month="12" data-year="2021" part="calendar-day" data-day-of-week="3" class="calendar-day" aria-label="Wednesday, December 1">1</button> - attempting click action - waiting for element to be visible, enabled and stable - element is visible, enabled and stable - scrolling into view if needed - done scrolling - <button data-day="1" tabindex="-1" data-index="3" data-month="12" data-year="2021" part="calendar-day" class="calendar-day" data-day-of-week="3" aria-label="Wednesday, December 1">1</button> from <div class="calendar-month">…</div> subtree intercepts pointer events - retrying click action - waiting for element to be visible, enabled and stable - element is visible, enabled and stable - scrolling into view if needed - done scrolling - <button data-day="3" tabindex="-1" data-index="3" data-month="11" data-year="2021" part="calendar-day" class="calendar-day" data-day-of-week="3" aria-label="Wednesday, November 3">3</button> from <div class="calendar-month">…</div> subtree intercepts pointer events - retrying click action - waiting 20ms 2 × waiting for element to be visible, enabled and stable - element is not enabled - retrying click action - waiting 100ms 55 × waiting for element to be visible, enabled and stable - element is not enabled - retrying click action - waiting 500ms - waiting for element to be visible, enabled and stable 526 | const calendarButtons = page.locator('.calendar-day:not([disabled])'); 527 | > 528 | await calendarButtons.nth(0).click(); | ^ 529 | 530 | await ionChange.next(); 531 | await expect(ionChange).toHaveReceivedEventTimes(1); at /ionic/src/components/datetime/test/basic/datetime.e2e.ts:528:36

[Mobile Safari] › src/components/thumbnail/test/basic/thumbnail.e2e.ts:51:9 › thumbnail: item rendering - ios/rtl › should not have visual regressions when rendering inside of an <ion-item>: src/components/thumbnail/test/basic/thumbnail.e2e.ts#L54

4) [Mobile Safari] › src/components/thumbnail/test/basic/thumbnail.e2e.ts:51:9 › thumbnail: item rendering - ios/rtl › should not have visual regressions when rendering inside of an <ion-item> Error: expect(locator).toHaveScreenshot(expected) failed Locator: locator('#ion-item') 118 pixels (ratio 0.01 of all image pixels) are different. Snapshot: thumbnail-ion-item-diff-ios-rtl.png Call log: - Expect "toHaveScreenshot(thumbnail-ion-item-diff-ios-rtl.png)" with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#ion-item') - locator resolved to <ion-item id="ion-item" class="item-has-start-slot item ios item-lines-default item-rtl hydrated item-label">…</ion-item> - 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 - 118 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#ion-item') - locator resolved to <ion-item id="ion-item" class="item-has-start-slot item ios item-lines-default item-rtl hydrated item-label">…</ion-item> - 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 - 118 pixels (ratio 0.01 of all image pixels) are different. 52 | const referenceEl = page.locator('#ion-item'); 53 | > 54 | await expect(referenceEl).toHaveScreenshot(screenshot(`thumbnail-ion-item-diff`)); | ^ 55 | }); 56 | }); 57 | }); at /ionic/src/components/thumbnail/test/basic/thumbnail.e2e.ts:54:33

[Mobile Safari] › src/components/thumbnail/test/basic/thumbnail.e2e.ts:51:9 › thumbnail: item rendering - ios/ltr › should not have visual regressions when rendering inside of an <ion-item>: src/components/thumbnail/test/basic/thumbnail.e2e.ts#L54

3) [Mobile Safari] › src/components/thumbnail/test/basic/thumbnail.e2e.ts:51:9 › thumbnail: item rendering - ios/ltr › should not have visual regressions when rendering inside of an <ion-item> Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(locator).toHaveScreenshot(expected) failed Locator: locator('#ion-item') 134 pixels (ratio 0.01 of all image pixels) are different. Snapshot: thumbnail-ion-item-diff-ios-ltr.png Call log: - Expect "toHaveScreenshot(thumbnail-ion-item-diff-ios-ltr.png)" with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#ion-item') - locator resolved to <ion-item id="ion-item" class="item-has-start-slot item ios item-lines-default hydrated item-label">…</ion-item> - 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 - 134 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#ion-item') - locator resolved to <ion-item id="ion-item" class="item-has-start-slot item ios item-lines-default hydrated item-label">…</ion-item> - 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 - 134 pixels (ratio 0.01 of all image pixels) are different. 52 | const referenceEl = page.locator('#ion-item'); 53 | > 54 | await expect(referenceEl).toHaveScreenshot(screenshot(`thumbnail-ion-item-diff`)); | ^ 55 | }); 56 | }); 57 | }); at /ionic/src/components/thumbnail/test/basic/thumbnail.e2e.ts:54:33

3) [Mobile Safari] › src/components/thumbnail/test/basic/thumbnail.e2e.ts:51:9 › thumbnail: item rendering - ios/ltr › should not have visual regressions when rendering inside of an <ion-item> Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(locator).toHaveScreenshot(expected) failed Locator: locator('#ion-item') 134 pixels (ratio 0.01 of all image pixels) are different. Snapshot: thumbnail-ion-item-diff-ios-ltr.png Call log: - Expect "toHaveScreenshot(thumbnail-ion-item-diff-ios-ltr.png)" with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#ion-item') - locator resolved to <ion-item id="ion-item" class="item-has-start-slot item ios item-lines-default hydrated item-label">…</ion-item> - 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 - 134 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#ion-item') - locator resolved to <ion-item id="ion-item" class="item-has-start-slot item ios item-lines-default hydrated item-label">…</ion-item> - 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 - 134 pixels (ratio 0.01 of all image pixels) are different. 52 | const referenceEl = page.locator('#ion-item'); 53 | > 54 | await expect(referenceEl).toHaveScreenshot(screenshot(`thumbnail-ion-item-diff`)); | ^ 55 | }); 56 | }); 57 | }); at /ionic/src/components/thumbnail/test/basic/thumbnail.e2e.ts:54:33

3) [Mobile Safari] › src/components/thumbnail/test/basic/thumbnail.e2e.ts:51:9 › thumbnail: item rendering - ios/ltr › should not have visual regressions when rendering inside of an <ion-item> Error: expect(locator).toHaveScreenshot(expected) failed Locator: locator('#ion-item') 134 pixels (ratio 0.01 of all image pixels) are different. Snapshot: thumbnail-ion-item-diff-ios-ltr.png Call log: - Expect "toHaveScreenshot(thumbnail-ion-item-diff-ios-ltr.png)" with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#ion-item') - locator resolved to <ion-item id="ion-item" class="item-has-start-slot item ios item-lines-default hydrated item-label">…</ion-item> - 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 - 134 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#ion-item') - locator resolved to <ion-item id="ion-item" class="item-has-start-slot item ios item-lines-default hydrated item-label">…</ion-item> - 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 - 134 pixels (ratio 0.01 of all image pixels) are different. 52 | const referenceEl = page.locator('#ion-item'); 53 | > 54 | await expect(referenceEl).toHaveScreenshot(screenshot(`thumbnail-ion-item-diff`)); | ^ 55 | }); 56 | }); 57 | }); at /ionic/src/components/thumbnail/test/basic/thumbnail.e2e.ts:54:33

[Mobile Safari] › src/components/textarea/test/states/textarea.e2e.ts:6:9 › textarea: states - md/ltr › should render readonly textarea correctly: src/components/textarea/test/states/textarea.e2e.ts#L15

2) [Mobile Safari] › src/components/textarea/test/states/textarea.e2e.ts:6:9 › textarea: states - md/ltr › should render readonly textarea correctly Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(locator).toHaveScreenshot(expected) failed Locator: locator('ion-textarea') 121 pixels (ratio 0.01 of all image pixels) are different. Snapshot: textarea-readonly-md-ltr.png Call log: - Expect "toHaveScreenshot(textarea-readonly-md-ltr.png)" with timeout 5000ms - verifying given screenshot expectation - waiting for locator('ion-textarea') - locator resolved to <ion-textarea readonly label="Email" value="hi@ionic.io" class="sc-ion-textarea-md-h md has-value textarea-label-placement-start sc-ion-textarea-md hydrated">…</ion-textarea> - 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 - 121 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('ion-textarea') - locator resolved to <ion-textarea readonly label="Email" value="hi@ionic.io" class="sc-ion-textarea-md-h md has-value textarea-label-placement-start sc-ion-textarea-md hydrated">…</ion-textarea> - 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 - 121 pixels (ratio 0.01 of all image pixels) are different. 13 | 14 | const textarea = page.locator('ion-textarea'); > 15 | await expect(textarea).toHaveScreenshot(screenshot(`textarea-readonly`)); | ^ 16 | }); 17 | 18 | test('should render disabled textarea correctly', async ({ page }) => { at /ionic/src/components/textarea/test/states/textarea.e2e.ts:15:30

2) [Mobile Safari] › src/components/textarea/test/states/textarea.e2e.ts:6:9 › textarea: states - md/ltr › should render readonly textarea correctly Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(locator).toHaveScreenshot(expected) failed Locator: locator('ion-textarea') 121 pixels (ratio 0.01 of all image pixels) are different. Snapshot: textarea-readonly-md-ltr.png Call log: - Expect "toHaveScreenshot(textarea-readonly-md-ltr.png)" with timeout 5000ms - verifying given screenshot expectation - waiting for locator('ion-textarea') - locator resolved to <ion-textarea readonly label="Email" value="hi@ionic.io" class="sc-ion-textarea-md-h md has-value textarea-label-placement-start sc-ion-textarea-md hydrated">…</ion-textarea> - 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 - 121 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('ion-textarea') - locator resolved to <ion-textarea readonly label="Email" value="hi@ionic.io" class="sc-ion-textarea-md-h md has-value textarea-label-placement-start sc-ion-textarea-md hydrated">…</ion-textarea> - 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 - 121 pixels (ratio 0.01 of all image pixels) are different. 13 | 14 | const textarea = page.locator('ion-textarea'); > 15 | await expect(textarea).toHaveScreenshot(screenshot(`textarea-readonly`)); | ^ 16 | }); 17 | 18 | test('should render disabled textarea correctly', async ({ page }) => { at /ionic/src/components/textarea/test/states/textarea.e2e.ts:15:30

2) [Mobile Safari] › src/components/textarea/test/states/textarea.e2e.ts:6:9 › textarea: states - md/ltr › should render readonly textarea correctly Error: expect(locator).toHaveScreenshot(expected) failed Locator: locator('ion-textarea') 121 pixels (ratio 0.01 of all image pixels) are different. Snapshot: textarea-readonly-md-ltr.png Call log: - Expect "toHaveScreenshot(textarea-readonly-md-ltr.png)" with timeout 5000ms - verifying given screenshot expectation - waiting for locator('ion-textarea') - locator resolved to <ion-textarea readonly label="Email" value="hi@ionic.io" class="sc-ion-textarea-md-h md has-value textarea-label-placement-start sc-ion-textarea-md hydrated">…</ion-textarea> - 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 - 121 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('ion-textarea') - locator resolved to <ion-textarea readonly label="Email" value="hi@ionic.io" class="sc-ion-textarea-md-h md has-value textarea-label-placement-start sc-ion-textarea-md hydrated">…</ion-textarea> - 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 - 121 pixels (ratio 0.01 of all image pixels) are different. 13 | 14 | const textarea = page.locator('ion-textarea'); > 15 | await expect(textarea).toHaveScreenshot(screenshot(`textarea-readonly`)); | ^ 16 | }); 17 | 18 | test('should render disabled textarea correctly', async ({ page }) => { at /ionic/src/components/textarea/test/states/textarea.e2e.ts:15:30

[Mobile Safari] › src/components/textarea/test/states/textarea.e2e.ts:6:9 › textarea: states - ios/ltr › should render readonly textarea correctly: src/components/textarea/test/states/textarea.e2e.ts#L15

1) [Mobile Safari] › src/components/textarea/test/states/textarea.e2e.ts:6:9 › textarea: states - ios/ltr › should render readonly textarea correctly Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(locator).toHaveScreenshot(expected) failed Locator: locator('ion-textarea') 183 pixels (ratio 0.01 of all image pixels) are different. Snapshot: textarea-readonly-ios-ltr.png Call log: - Expect "toHaveScreenshot(textarea-readonly-ios-ltr.png)" with timeout 5000ms - verifying given screenshot expectation - waiting for locator('ion-textarea') - locator resolved to <ion-textarea readonly label="Email" value="hi@ionic.io" class="sc-ion-textarea-ios-h ios has-value textarea-label-placement-start sc-ion-textarea-ios hydrated">…</ion-textarea> - 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 - 183 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('ion-textarea') - locator resolved to <ion-textarea readonly label="Email" value="hi@ionic.io" class="sc-ion-textarea-ios-h ios has-value textarea-label-placement-start sc-ion-textarea-ios hydrated">…</ion-textarea> - 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 - 183 pixels (ratio 0.01 of all image pixels) are different. 13 | 14 | const textarea = page.locator('ion-textarea'); > 15 | await expect(textarea).toHaveScreenshot(screenshot(`textarea-readonly`)); | ^ 16 | }); 17 | 18 | test('should render disabled textarea correctly', async ({ page }) => { at /ionic/src/components/textarea/test/states/textarea.e2e.ts:15:30

1) [Mobile Safari] › src/components/textarea/test/states/textarea.e2e.ts:6:9 › textarea: states - ios/ltr › should render readonly textarea correctly Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(locator).toHaveScreenshot(expected) failed Locator: locator('ion-textarea') 183 pixels (ratio 0.01 of all image pixels) are different. Snapshot: textarea-readonly-ios-ltr.png Call log: - Expect "toHaveScreenshot(textarea-readonly-ios-ltr.png)" with timeout 5000ms - verifying given screenshot expectation - waiting for locator('ion-textarea') - locator resolved to <ion-textarea readonly label="Email" value="hi@ionic.io" class="sc-ion-textarea-ios-h ios has-value textarea-label-placement-start sc-ion-textarea-ios hydrated">…</ion-textarea> - 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 - 183 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('ion-textarea') - locator resolved to <ion-textarea readonly label="Email" value="hi@ionic.io" class="sc-ion-textarea-ios-h ios has-value textarea-label-placement-start sc-ion-textarea-ios hydrated">…</ion-textarea> - 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 - 183 pixels (ratio 0.01 of all image pixels) are different. 13 | 14 | const textarea = page.locator('ion-textarea'); > 15 | await expect(textarea).toHaveScreenshot(screenshot(`textarea-readonly`)); | ^ 16 | }); 17 | 18 | test('should render disabled textarea correctly', async ({ page }) => { at /ionic/src/components/textarea/test/states/textarea.e2e.ts:15:30

1) [Mobile Safari] › src/components/textarea/test/states/textarea.e2e.ts:6:9 › textarea: states - ios/ltr › should render readonly textarea correctly Error: expect(locator).toHaveScreenshot(expected) failed Locator: locator('ion-textarea') 183 pixels (ratio 0.01 of all image pixels) are different. Snapshot: textarea-readonly-ios-ltr.png Call log: - Expect "toHaveScreenshot(textarea-readonly-ios-ltr.png)" with timeout 5000ms - verifying given screenshot expectation - waiting for locator('ion-textarea') - locator resolved to <ion-textarea readonly label="Email" value="hi@ionic.io" class="sc-ion-textarea-ios-h ios has-value textarea-label-placement-start sc-ion-textarea-ios hydrated">…</ion-textarea> - 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 - 183 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('ion-textarea') - locator resolved to <ion-textarea readonly label="Email" value="hi@ionic.io" class="sc-ion-textarea-ios-h ios has-value textarea-label-placement-start sc-ion-textarea-ios hydrated">…</ion-textarea> - 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 - 183 pixels (ratio 0.01 of all image pixels) are different. 13 | 14 | const textarea = page.locator('ion-textarea'); > 15 | await expect(textarea).toHaveScreenshot(screenshot(`textarea-readonly`)); | ^ 16 | }); 17 | 18 | test('should render disabled textarea correctly', async ({ page }) => { at /ionic/src/components/textarea/test/states/textarea.e2e.ts:15:30

test-core-screenshot (15, 20)

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

test-core-screenshot (15, 20)