feat(textarea): convert to a form associated shadow component #17676
Annotations
11 errors and 1 notice
|
Run /./.github/workflows/actions/test-core-screenshot
Process completed with exit code 1.
|
|
Run /./.github/workflows/actions/test-core-screenshot:
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
|
|
Run /./.github/workflows/actions/test-core-screenshot:
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 #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
|
|
Run /./.github/workflows/actions/test-core-screenshot:
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
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
|
|
Run /./.github/workflows/actions/test-core-screenshot:
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
|
|
Run /./.github/workflows/actions/test-core-screenshot:
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 #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
|
|
Run /./.github/workflows/actions/test-core-screenshot:
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
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
|
|
Run /./.github/workflows/actions/test-core-screenshot:
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
|
|
Run /./.github/workflows/actions/test-core-screenshot:
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 #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
|
|
Run /./.github/workflows/actions/test-core-screenshot:
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
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
|
|
|
|
Run /./.github/workflows/actions/test-core-screenshot
3 failed
[Mobile Chrome] › src/components/textarea/test/autogrow/textarea.e2e.ts:6:9 › textarea: autogrow - md/ltr › should not have visual regressions
[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
[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
1 skipped
676 passed (4.0m)
|
Loading