4) [Mobile Chrome] › src/components/textarea/test/fill/textarea.e2e.ts:60:11 › textarea: fill - md/ltr › textarea: fill outline › should not have visual regressions Error: expect(locator).toHaveScreenshot(expected) failed Locator: locator('ion-textarea') 2 pixels (ratio 0.01 of all image pixels) are different. Snapshot: textarea-fill-outline-md-ltr.png Call log: - Expect "toHaveScreenshot(textarea-fill-outline-md-ltr.png)" with timeout 5000ms - verifying given screenshot expectation - waiting for locator('ion-textarea') - locator resolved to <ion-textarea label="Email" fill="outline" maxlength="20" counter="true" value="[email protected]" label-placement="stacked" helper-text="Enter your email" class="md has-value label-floating textarea-fill-outline textarea-size-medium textarea-label-placement-stacked 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 - 2 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="Email" fill="outline" maxlength="20" counter="true" value="[email protected]" label-placement="stacked" helper-text="Enter your email" class="md has-value label-floating textarea-fill-outline textarea-size-medium textarea-label-placement-stacked 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 - 2 pixels (ratio 0.01 of all image pixels) are different. 75 | 76 | const textarea = page.locator('ion-textarea'); > 77 | await expect(textarea).toHaveScreenshot(screenshot(`textarea-fill-outline`)); | ^ 78 | }); 79 | test('padding, border radius, and background should be customizable', async ({ page }) => { 80 | await page.setContent( at /ionic/src/components/textarea/test/fill/textarea.e2e.ts:77:32

[Mobile Chrome] › src/components/textarea/test/color/textarea.e2e.ts:175:11 › textarea: color - md/ltr › textarea: fill outline › should set label and highlight color on focus with stacked label placement: src/components/textarea/test/color/textarea.e2e.ts#L184

3) [Mobile Chrome] › src/components/textarea/test/color/textarea.e2e.ts:175:11 › textarea: color - md/ltr › textarea: fill outline › should set label and highlight color on focus with stacked label placement Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(locator).toHaveScreenshot(expected) failed Locator: locator('ion-textarea') 8 pixels (ratio 0.01 of all image pixels) are different. Snapshot: textarea-outline-color-stacked-md-ltr.png Call log: - Expect "toHaveScreenshot(textarea-outline-color-stacked-md-ltr.png)" with timeout 5000ms - verifying given screenshot expectation - waiting for locator('ion-textarea') - locator resolved to <ion-textarea label="Email" fill="outline" color="danger" value="[email protected]" label-placement="stacked" class="has-focus ion-color ion-color-danger md has-value label-floating textarea-fill-outline textarea-size-medium textarea-label-placement-stacked 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 - 8 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="Email" fill="outline" color="danger" value="[email protected]" label-placement="stacked" class="has-focus ion-color ion-color-danger md has-value label-floating textarea-fill-outline textarea-size-medium textarea-label-placement-stacked 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 - 8 pixels (ratio 0.01 of all image pixels) are different. 182 | 183 | const textarea = page.locator('ion-textarea'); > 184 | await expect(textarea).toHaveScreenshot(screenshot(`textarea-outline-color-stacked`)); | ^ 185 | }); 186 | }); 187 | }); at /ionic/src/components/textarea/test/color/textarea.e2e.ts:184:32

3) [Mobile Chrome] › src/components/textarea/test/color/textarea.e2e.ts:175:11 › textarea: color - md/ltr › textarea: fill outline › should set label and highlight color on focus with stacked label placement Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(locator).toHaveScreenshot(expected) failed Locator: locator('ion-textarea') 8 pixels (ratio 0.01 of all image pixels) are different. Snapshot: textarea-outline-color-stacked-md-ltr.png Call log: - Expect "toHaveScreenshot(textarea-outline-color-stacked-md-ltr.png)" with timeout 5000ms - verifying given screenshot expectation - waiting for locator('ion-textarea') - locator resolved to <ion-textarea label="Email" fill="outline" color="danger" value="[email protected]" label-placement="stacked" class="has-focus ion-color ion-color-danger md has-value label-floating textarea-fill-outline textarea-size-medium textarea-label-placement-stacked 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 - 8 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="Email" fill="outline" color="danger" value="[email protected]" label-placement="stacked" class="has-focus ion-color ion-color-danger md has-value label-floating textarea-fill-outline textarea-size-medium textarea-label-placement-stacked 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 - 8 pixels (ratio 0.01 of all image pixels) are different. 182 | 183 | const textarea = page.locator('ion-textarea'); > 184 | await expect(textarea).toHaveScreenshot(screenshot(`textarea-outline-color-stacked`)); | ^ 185 | }); 186 | }); 187 | }); at /ionic/src/components/textarea/test/color/textarea.e2e.ts:184:32

3) [Mobile Chrome] › src/components/textarea/test/color/textarea.e2e.ts:175:11 › textarea: color - md/ltr › textarea: fill outline › should set label and highlight color on focus with stacked label placement Error: expect(locator).toHaveScreenshot(expected) failed Locator: locator('ion-textarea') 8 pixels (ratio 0.01 of all image pixels) are different. Snapshot: textarea-outline-color-stacked-md-ltr.png Call log: - Expect "toHaveScreenshot(textarea-outline-color-stacked-md-ltr.png)" with timeout 5000ms - verifying given screenshot expectation - waiting for locator('ion-textarea') - locator resolved to <ion-textarea label="Email" fill="outline" color="danger" value="[email protected]" label-placement="stacked" class="has-focus ion-color ion-color-danger md has-value label-floating textarea-fill-outline textarea-size-medium textarea-label-placement-stacked 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 - 8 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="Email" fill="outline" color="danger" value="[email protected]" label-placement="stacked" class="has-focus ion-color ion-color-danger md has-value label-floating textarea-fill-outline textarea-size-medium textarea-label-placement-stacked 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 - 8 pixels (ratio 0.01 of all image pixels) are different. 182 | 183 | const textarea = page.locator('ion-textarea'); > 184 | await expect(textarea).toHaveScreenshot(screenshot(`textarea-outline-color-stacked`)); | ^ 185 | }); 186 | }); 187 | }); at /ionic/src/components/textarea/test/color/textarea.e2e.ts:184:32

[Mobile Chrome] › src/components/textarea/test/color/textarea.e2e.ts:164:11 › textarea: color - md/ltr › textarea: fill outline › should set label and highlight color on focus with floating label placement: src/components/textarea/test/color/textarea.e2e.ts#L173

2) [Mobile Chrome] › src/components/textarea/test/color/textarea.e2e.ts:164:11 › textarea: color - md/ltr › textarea: fill outline › should set label and highlight color on focus with floating label placement Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(locator).toHaveScreenshot(expected) failed Locator: locator('ion-textarea') 8 pixels (ratio 0.01 of all image pixels) are different. Snapshot: textarea-outline-color-floating-md-ltr.png Call log: - Expect "toHaveScreenshot(textarea-outline-color-floating-md-ltr.png)" with timeout 5000ms - verifying given screenshot expectation - waiting for locator('ion-textarea') - locator resolved to <ion-textarea label="Email" fill="outline" color="danger" value="[email protected]" label-placement="floating" class="has-focus ion-color ion-color-danger md has-value label-floating textarea-fill-outline textarea-size-medium textarea-label-placement-floating 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 - 8 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="Email" fill="outline" color="danger" value="[email protected]" label-placement="floating" class="has-focus ion-color ion-color-danger md has-value label-floating textarea-fill-outline textarea-size-medium textarea-label-placement-floating 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 - 8 pixels (ratio 0.01 of all image pixels) are different. 171 | 172 | const textarea = page.locator('ion-textarea'); > 173 | await expect(textarea).toHaveScreenshot(screenshot(`textarea-outline-color-floating`)); | ^ 174 | }); 175 | test('should set label and highlight color on focus with stacked label placement', async ({ page }) => { 176 | await page.setContent( at /ionic/src/components/textarea/test/color/textarea.e2e.ts:173:32

2) [Mobile Chrome] › src/components/textarea/test/color/textarea.e2e.ts:164:11 › textarea: color - md/ltr › textarea: fill outline › should set label and highlight color on focus with floating label placement Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(locator).toHaveScreenshot(expected) failed Locator: locator('ion-textarea') 8 pixels (ratio 0.01 of all image pixels) are different. Snapshot: textarea-outline-color-floating-md-ltr.png Call log: - Expect "toHaveScreenshot(textarea-outline-color-floating-md-ltr.png)" with timeout 5000ms - verifying given screenshot expectation - waiting for locator('ion-textarea') - locator resolved to <ion-textarea label="Email" fill="outline" color="danger" value="[email protected]" label-placement="floating" class="has-focus ion-color ion-color-danger md has-value label-floating textarea-fill-outline textarea-size-medium textarea-label-placement-floating 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 - 8 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="Email" fill="outline" color="danger" value="[email protected]" label-placement="floating" class="has-focus ion-color ion-color-danger md has-value label-floating textarea-fill-outline textarea-size-medium textarea-label-placement-floating 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 - 8 pixels (ratio 0.01 of all image pixels) are different. 171 | 172 | const textarea = page.locator('ion-textarea'); > 173 | await expect(textarea).toHaveScreenshot(screenshot(`textarea-outline-color-floating`)); | ^ 174 | }); 175 | test('should set label and highlight color on focus with stacked label placement', async ({ page }) => { 176 | await page.setContent( at /ionic/src/components/textarea/test/color/textarea.e2e.ts:173:32

2) [Mobile Chrome] › src/components/textarea/test/color/textarea.e2e.ts:164:11 › textarea: color - md/ltr › textarea: fill outline › should set label and highlight color on focus with floating label placement Error: expect(locator).toHaveScreenshot(expected) failed Locator: locator('ion-textarea') 8 pixels (ratio 0.01 of all image pixels) are different. Snapshot: textarea-outline-color-floating-md-ltr.png Call log: - Expect "toHaveScreenshot(textarea-outline-color-floating-md-ltr.png)" with timeout 5000ms - verifying given screenshot expectation - waiting for locator('ion-textarea') - locator resolved to <ion-textarea label="Email" fill="outline" color="danger" value="[email protected]" label-placement="floating" class="has-focus ion-color ion-color-danger md has-value label-floating textarea-fill-outline textarea-size-medium textarea-label-placement-floating 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 - 8 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="Email" fill="outline" color="danger" value="[email protected]" label-placement="floating" class="has-focus ion-color ion-color-danger md has-value label-floating textarea-fill-outline textarea-size-medium textarea-label-placement-floating 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 - 8 pixels (ratio 0.01 of all image pixels) are different. 171 | 172 | const textarea = page.locator('ion-textarea'); > 173 | await expect(textarea).toHaveScreenshot(screenshot(`textarea-outline-color-floating`)); | ^ 174 | }); 175 | test('should set label and highlight color on focus with stacked label placement', async ({ page }) => { 176 | await page.setContent( at /ionic/src/components/textarea/test/color/textarea.e2e.ts:173: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

1) [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) failed 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

1) [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) failed 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

1) [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) failed 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

test-core-screenshot (13, 20)