1) [Mobile Chrome] › src/components/radio/test/a11y/radio.e2e.ts:117:11 › radio: a11y - md/ltr/dark › radio: keyboard navigation - md/ltr/dark › tabbing should switch between radio groups Error: Timed out 5000ms waiting for expect(locator).toBeFocused() Locator: locator('#first-group ion-radio').first() Expected: focused Received: inactive Call log: - Expect "toBeFocused" with timeout 5000ms - waiting for locator('#first-group ion-radio').first() 9 × locator resolved to <ion-radio value="huey" role="radio" tabindex="0" aria-checked="true" class="md in-item radio-checked radio-label-placement-start hydrated">Huey</ion-radio> - unexpected value "inactive" 120 | 121 | await pageUtils.pressKeys('Tab'); > 122 | await expect(firstGroupRadios.nth(0)).toBeFocused(); | ^ 123 | 124 | await pageUtils.pressKeys('Tab'); 125 | await expect(secondGroupRadios.nth(0)).toBeFocused(); at /ionic/src/components/radio/test/a11y/radio.e2e.ts:122:47

[Mobile Chrome] › src/components/textarea/test/bottom-content/textarea.e2e.ts:173:9 › textarea: supporting text customization - md/ltr › should not have visual regressions when rendering error text with custom css: src/components/textarea/test/bottom-content/textarea.e2e.ts#L188

4) [Mobile Chrome] › src/components/textarea/test/bottom-content/textarea.e2e.ts:173:9 › textarea: supporting text customization - md/ltr › should not have visual regressions when rendering error text with custom css Error: expect(locator).toHaveScreenshot(expected) Expected an image 393px by 94px, received 393px by 84px. 271 pixels (ratio 0.01 of all image pixels) are different. Snapshot: textarea-error-text-custom-css-md-ltr.png Call log: - Expect "toHaveScreenshot(textarea-error-text-custom-css-md-ltr.png)" with timeout 5000ms - verifying given screenshot expectation - waiting for locator('ion-textarea') - locator resolved to <ion-textarea label="Label" error-text="Error text" class="ion-invalid ion-touched custom-textarea md textarea-size-medium textarea-label-placement-start 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 - Expected an image 393px by 94px, received 393px by 84px. 271 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 label="Label" error-text="Error text" class="ion-invalid ion-touched custom-textarea md textarea-size-medium textarea-label-placement-start 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 - Expected an image 393px by 94px, received 393px by 84px. 271 pixels (ratio 0.01 of all image pixels) are different. 186 | 187 | const errorText = page.locator('ion-textarea'); > 188 | await expect(errorText).toHaveScreenshot(screenshot(`textarea-error-text-custom-css`)); | ^ 189 | }); 190 | test('should not have visual regressions when rendering error text with a custom css variable', async ({ 191 | page, at /ionic/src/components/textarea/test/bottom-content/textarea.e2e.ts:188:31

[Mobile Chrome] › src/components/textarea/test/bottom-content/textarea.e2e.ts:156:9 › textarea: supporting text customization - md/ltr › should not have visual regressions when rendering helper text with custom css: src/components/textarea/test/bottom-content/textarea.e2e.ts#L171

3) [Mobile Chrome] › src/components/textarea/test/bottom-content/textarea.e2e.ts:156:9 › textarea: supporting text customization - md/ltr › should not have visual regressions when rendering helper text with custom css Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(locator).toHaveScreenshot(expected) Expected an image 393px by 94px, received 393px by 84px. 379 pixels (ratio 0.02 of all image pixels) are different. Snapshot: textarea-helper-text-custom-css-md-ltr.png Call log: - Expect "toHaveScreenshot(textarea-helper-text-custom-css-md-ltr.png)" with timeout 5000ms - verifying given screenshot expectation - waiting for locator('ion-textarea') - locator resolved to <ion-textarea label="Label" helper-text="Helper text" class="custom-textarea md textarea-size-medium textarea-label-placement-start 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 - Expected an image 393px by 94px, received 393px by 84px. 379 pixels (ratio 0.02 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('ion-textarea') - locator resolved to <ion-textarea label="Label" helper-text="Helper text" class="custom-textarea md textarea-size-medium textarea-label-placement-start 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 - Expected an image 393px by 94px, received 393px by 84px. 379 pixels (ratio 0.02 of all image pixels) are different. 169 | 170 | const helperText = page.locator('ion-textarea'); > 171 | await expect(helperText).toHaveScreenshot(screenshot(`textarea-helper-text-custom-css`)); | ^ 172 | }); 173 | test('should not have visual regressions when rendering error text with custom css', async ({ page }) => { 174 | await page.setContent( at /ionic/src/components/textarea/test/bottom-content/textarea.e2e.ts:171:32

3) [Mobile Chrome] › src/components/textarea/test/bottom-content/textarea.e2e.ts:156:9 › textarea: supporting text customization - md/ltr › should not have visual regressions when rendering helper text with custom css Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(locator).toHaveScreenshot(expected) Expected an image 393px by 94px, received 393px by 84px. 379 pixels (ratio 0.02 of all image pixels) are different. Snapshot: textarea-helper-text-custom-css-md-ltr.png Call log: - Expect "toHaveScreenshot(textarea-helper-text-custom-css-md-ltr.png)" with timeout 5000ms - verifying given screenshot expectation - waiting for locator('ion-textarea') - locator resolved to <ion-textarea label="Label" helper-text="Helper text" class="custom-textarea md textarea-size-medium textarea-label-placement-start 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 - Expected an image 393px by 94px, received 393px by 84px. 379 pixels (ratio 0.02 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('ion-textarea') - locator resolved to <ion-textarea label="Label" helper-text="Helper text" class="custom-textarea md textarea-size-medium textarea-label-placement-start 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 - Expected an image 393px by 94px, received 393px by 84px. 379 pixels (ratio 0.02 of all image pixels) are different. 169 | 170 | const helperText = page.locator('ion-textarea'); > 171 | await expect(helperText).toHaveScreenshot(screenshot(`textarea-helper-text-custom-css`)); | ^ 172 | }); 173 | test('should not have visual regressions when rendering error text with custom css', async ({ page }) => { 174 | await page.setContent( at /ionic/src/components/textarea/test/bottom-content/textarea.e2e.ts:171:32

3) [Mobile Chrome] › src/components/textarea/test/bottom-content/textarea.e2e.ts:156:9 › textarea: supporting text customization - md/ltr › should not have visual regressions when rendering helper text with custom css Error: expect(locator).toHaveScreenshot(expected) Expected an image 393px by 94px, received 393px by 84px. 379 pixels (ratio 0.02 of all image pixels) are different. Snapshot: textarea-helper-text-custom-css-md-ltr.png Call log: - Expect "toHaveScreenshot(textarea-helper-text-custom-css-md-ltr.png)" with timeout 5000ms - verifying given screenshot expectation - waiting for locator('ion-textarea') - locator resolved to <ion-textarea label="Label" helper-text="Helper text" class="custom-textarea md textarea-size-medium textarea-label-placement-start 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 - Expected an image 393px by 94px, received 393px by 84px. 379 pixels (ratio 0.02 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('ion-textarea') - locator resolved to <ion-textarea label="Label" helper-text="Helper text" class="custom-textarea md textarea-size-medium textarea-label-placement-start 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 - Expected an image 393px by 94px, received 393px by 84px. 379 pixels (ratio 0.02 of all image pixels) are different. 169 | 170 | const helperText = page.locator('ion-textarea'); > 171 | await expect(helperText).toHaveScreenshot(screenshot(`textarea-helper-text-custom-css`)); | ^ 172 | }); 173 | test('should not have visual regressions when rendering error text with custom css', async ({ page }) => { 174 | await page.setContent( at /ionic/src/components/textarea/test/bottom-content/textarea.e2e.ts:171:32

[Mobile Chrome] › src/components/textarea/test/autogrow/textarea.e2e.ts:6:9 › textarea: autogrow - md/ltr › should not have visual regressions: src/components/textarea/test/autogrow/textarea.e2e.ts#L11

2) [Mobile Chrome] › src/components/textarea/test/autogrow/textarea.e2e.ts:6:9 › textarea: autogrow - md/ltr › should not have visual regressions Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 4 pixels (ratio 0.01 of all image pixels) are different. Snapshot: textarea-autogrow-diff-md-ltr.png Call log: - Expect "toHaveScreenshot(textarea-autogrow-diff-md-ltr.png)" with timeout 5000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 4 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 4 pixels (ratio 0.01 of all image pixels) are different. 9 | await page.setIonViewport(); 10 | > 11 | await expect(page).toHaveScreenshot(screenshot(`textarea-autogrow-diff`)); | ^ 12 | }); 13 | 14 | test('should grow when typing', async ({ page }) => { at /ionic/src/components/textarea/test/autogrow/textarea.e2e.ts:11:26

2) [Mobile Chrome] › src/components/textarea/test/autogrow/textarea.e2e.ts:6:9 › textarea: autogrow - md/ltr › should not have visual regressions Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 4 pixels (ratio 0.01 of all image pixels) are different. Snapshot: textarea-autogrow-diff-md-ltr.png Call log: - Expect "toHaveScreenshot(textarea-autogrow-diff-md-ltr.png)" with timeout 5000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 4 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 4 pixels (ratio 0.01 of all image pixels) are different. 9 | await page.setIonViewport(); 10 | > 11 | await expect(page).toHaveScreenshot(screenshot(`textarea-autogrow-diff`)); | ^ 12 | }); 13 | 14 | test('should grow when typing', async ({ page }) => { at /ionic/src/components/textarea/test/autogrow/textarea.e2e.ts:11:26

2) [Mobile Chrome] › src/components/textarea/test/autogrow/textarea.e2e.ts:6:9 › textarea: autogrow - md/ltr › should not have visual regressions Error: expect(page).toHaveScreenshot(expected) 4 pixels (ratio 0.01 of all image pixels) are different. Snapshot: textarea-autogrow-diff-md-ltr.png Call log: - Expect "toHaveScreenshot(textarea-autogrow-diff-md-ltr.png)" with timeout 5000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 4 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 4 pixels (ratio 0.01 of all image pixels) are different. 9 | await page.setIonViewport(); 10 | > 11 | await expect(page).toHaveScreenshot(screenshot(`textarea-autogrow-diff`)); | ^ 12 | }); 13 | 14 | test('should grow when typing', async ({ page }) => { at /ionic/src/components/textarea/test/autogrow/textarea.e2e.ts:11:26

[Mobile Chrome] › src/components/select/test/card/select.e2e.ts:6:9 › select: card - md/ltr › should render correctly in card: src/components/select/test/card/select.e2e.ts#L21

1) [Mobile Chrome] › src/components/select/test/card/select.e2e.ts:6:9 › select: card - md/ltr › should render correctly in card Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: Timed out 5000ms waiting for expect(locator).toHaveScreenshot(expected) Timeout 5000ms exceeded. Snapshot: select-card-md-ltr.png Call log: - Expect "toHaveScreenshot(select-card-md-ltr.png)" with timeout 5000ms - verifying given screenshot expectation - waiting for locator('ion-card') - locator resolved to <ion-card shape="round" class="md card-round hydrated">…</ion-card> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action 2 × waiting for element to be stable - element is not visible - retrying scroll into view action - waiting 20ms 2 × waiting for element to be stable - element is not visible - retrying scroll into view action - waiting 100ms 10 × waiting for element to be stable - element is not visible - retrying scroll into view action - waiting 500ms - Timeout 5000ms exceeded. 19 | 20 | const card = page.locator('ion-card'); > 21 | await expect(card).toHaveScreenshot(screenshot(`select-card`)); | ^ 22 | }); 23 | }); 24 | }); at /ionic/src/components/select/test/card/select.e2e.ts:21:26

[Mobile Chrome] › src/components/select/test/card/select.e2e.ts:6:9 › select: card - md/ltr › should render correctly in card: src/components/select/test/card/select.e2e.ts#L21

1) [Mobile Chrome] › src/components/select/test/card/select.e2e.ts:6:9 › select: card - md/ltr › should render correctly in card Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Timed out 5000ms waiting for expect(locator).toHaveScreenshot(expected) Timeout 5000ms exceeded. Snapshot: select-card-md-ltr.png Call log: - Expect "toHaveScreenshot(select-card-md-ltr.png)" with timeout 5000ms - verifying given screenshot expectation - waiting for locator('ion-card') - locator resolved to <ion-card shape="round" class="md card-round hydrated">…</ion-card> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action 2 × waiting for element to be stable - element is not visible - retrying scroll into view action - waiting 20ms 2 × waiting for element to be stable - element is not visible - retrying scroll into view action - waiting 100ms 10 × waiting for element to be stable - element is not visible - retrying scroll into view action - waiting 500ms - Timeout 5000ms exceeded. 19 | 20 | const card = page.locator('ion-card'); > 21 | await expect(card).toHaveScreenshot(screenshot(`select-card`)); | ^ 22 | }); 23 | }); 24 | }); at /ionic/src/components/select/test/card/select.e2e.ts:21:26

[Mobile Chrome] › src/components/select/test/card/select.e2e.ts:6:9 › select: card - md/ltr › should render correctly in card: src/components/select/test/card/select.e2e.ts#L21

1) [Mobile Chrome] › src/components/select/test/card/select.e2e.ts:6:9 › select: card - md/ltr › should render correctly in card Error: Timed out 5000ms waiting for expect(locator).toHaveScreenshot(expected) Timeout 5000ms exceeded. Snapshot: select-card-md-ltr.png Call log: - Expect "toHaveScreenshot(select-card-md-ltr.png)" with timeout 5000ms - verifying given screenshot expectation - waiting for locator('ion-card') - locator resolved to <ion-card shape="round" class="md card-round hydrated">…</ion-card> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action 2 × waiting for element to be stable - element is not visible - retrying scroll into view action - waiting 20ms 2 × waiting for element to be stable - element is not visible - retrying scroll into view action - waiting 100ms 10 × waiting for element to be stable - element is not visible - retrying scroll into view action - waiting 500ms - Timeout 5000ms exceeded. 19 | 20 | const card = page.locator('ion-card'); > 21 | await expect(card).toHaveScreenshot(screenshot(`select-card`)); | ^ 22 | }); 23 | }); 24 | }); at /ionic/src/components/select/test/card/select.e2e.ts:21:26

test-core-screenshot (16, 20)

Process completed with exit code 12.

test-core-screenshot (16, 20)

The operation was canceled.

test-core-screenshot (16, 20)