fix(checkbox, radio-button): fixed error message font-size for Ionic theme #17614
build.yml
on: pull_request
build-core
1m 32s
Matrix: test-core-screenshot
test-core-clean-build
12s
test-core-lint
54s
test-core-spec
45s
verify-screenshots
2s
Matrix: test-angular-e2e
Matrix: test-react-e2e
Matrix: test-react-router-e2e
Matrix: test-vue-e2e
verify-test-angular-e2e
4s
verify-test-react-e2e
3s
verify-test-react-router-e2e
3s
verify-test-vue-e2e
3s
Annotations
55 errors and 6 notices
|
[Mobile Chrome] › src/components/checkbox/test/bottom-content/checkbox.e2e.ts:121:11 › checkbox: helper text rendering - ionic/md/ltr/light › end label - should not have visual regressions when rendering helper text with wrapping text:
src/components/checkbox/test/bottom-content/checkbox.e2e.ts#L132
4) [Mobile Chrome] › src/components/checkbox/test/bottom-content/checkbox.e2e.ts:121:11 › checkbox: helper text rendering - ionic/md/ltr/light › end label - should not have visual regressions when rendering helper text with wrapping text
Error: expect(locator).toHaveScreenshot(expected) failed
Locator: locator('ion-checkbox')
Expected an image 393px by 72px, received 393px by 64px. 3089 pixels (ratio 0.11 of all image pixels) are different.
Snapshot: checkbox-helper-text-end-wrapping-ionic-md-ltr-light.png
Call log:
- Expect "toHaveScreenshot(checkbox-helper-text-end-wrapping-ionic-md-ltr-light.png)" with timeout 5000ms
- verifying given screenshot expectation
- waiting for locator('ion-checkbox')
- locator resolved to <ion-checkbox tabindex="0" role="checkbox" aria-checked="false" label-placement="end" aria-labelledby="ion-cb-0-lbl" aria-describedby="ion-cb-0-helper-text" class="ionic ion-focusable interactive checkbox-label-placement-end checkbox-shape-soft hydrated" helper-text="Helper text helper text helper text helper text helper text helper text helper text helper text helper text">…</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
- Expected an image 393px by 72px, received 393px by 64px. 3089 pixels (ratio 0.11 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" aria-checked="false" label-placement="end" aria-labelledby="ion-cb-0-lbl" aria-describedby="ion-cb-0-helper-text" class="ionic ion-focusable interactive checkbox-label-placement-end checkbox-shape-soft hydrated" helper-text="Helper text helper text helper text helper text helper text helper text helper text helper text helper text">…</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
- Expected an image 393px by 72px, received 393px by 64px. 3089 pixels (ratio 0.11 of all image pixels) are different.
130 |
131 | const bottomEl = page.locator('ion-checkbox');
> 132 | await expect(bottomEl).toHaveScreenshot(
| ^
133 | screenshot(`checkbox-helper-text${labelPlacement ? `-${labelPlacement}` : ''}-wrapping`)
134 | );
135 | });
at /ionic/src/components/checkbox/test/bottom-content/checkbox.e2e.ts:132:32
|
|
[Mobile Chrome] › src/components/checkbox/test/bottom-content/checkbox.e2e.ts:105:11 › checkbox: helper text rendering - ionic/md/ltr/light › end label - should not have visual regressions when rendering helper text:
src/components/checkbox/test/bottom-content/checkbox.e2e.ts#L116
3) [Mobile Chrome] › src/components/checkbox/test/bottom-content/checkbox.e2e.ts:105:11 › checkbox: helper text rendering - ionic/md/ltr/light › end label - should not have visual regressions when rendering helper text
Retry #2 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(locator).toHaveScreenshot(expected) failed
Locator: locator('ion-checkbox')
Expected an image 107px by 48px, received 98px by 48px. 393 pixels (ratio 0.08 of all image pixels) are different.
Snapshot: checkbox-helper-text-end-ionic-md-ltr-light.png
Call log:
- Expect "toHaveScreenshot(checkbox-helper-text-end-ionic-md-ltr-light.png)" with timeout 5000ms
- verifying given screenshot expectation
- waiting for locator('ion-checkbox')
- locator resolved to <ion-checkbox tabindex="0" role="checkbox" aria-checked="false" label-placement="end" helper-text="Helper text" aria-labelledby="ion-cb-0-lbl" aria-describedby="ion-cb-0-helper-text" class="ionic ion-focusable interactive checkbox-label-placement-end checkbox-shape-soft 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
- Expected an image 107px by 48px, received 98px by 48px. 393 pixels (ratio 0.08 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" aria-checked="false" label-placement="end" helper-text="Helper text" aria-labelledby="ion-cb-0-lbl" aria-describedby="ion-cb-0-helper-text" class="ionic ion-focusable interactive checkbox-label-placement-end checkbox-shape-soft 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
- Expected an image 107px by 48px, received 98px by 48px. 393 pixels (ratio 0.08 of all image pixels) are different.
114 |
115 | const bottomEl = page.locator('ion-checkbox');
> 116 | await expect(bottomEl).toHaveScreenshot(
| ^
117 | screenshot(`checkbox-helper-text${labelPlacement ? `-${labelPlacement}` : ''}`)
118 | );
119 | });
at /ionic/src/components/checkbox/test/bottom-content/checkbox.e2e.ts:116:32
|
|
[Mobile Chrome] › src/components/checkbox/test/bottom-content/checkbox.e2e.ts:105:11 › checkbox: helper text rendering - ionic/md/ltr/light › end label - should not have visual regressions when rendering helper text:
src/components/checkbox/test/bottom-content/checkbox.e2e.ts#L116
3) [Mobile Chrome] › src/components/checkbox/test/bottom-content/checkbox.e2e.ts:105:11 › checkbox: helper text rendering - ionic/md/ltr/light › end label - should not have visual regressions when rendering helper text
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(locator).toHaveScreenshot(expected) failed
Locator: locator('ion-checkbox')
Expected an image 107px by 48px, received 98px by 48px. 393 pixels (ratio 0.08 of all image pixels) are different.
Snapshot: checkbox-helper-text-end-ionic-md-ltr-light.png
Call log:
- Expect "toHaveScreenshot(checkbox-helper-text-end-ionic-md-ltr-light.png)" with timeout 5000ms
- verifying given screenshot expectation
- waiting for locator('ion-checkbox')
- locator resolved to <ion-checkbox tabindex="0" role="checkbox" aria-checked="false" label-placement="end" helper-text="Helper text" aria-labelledby="ion-cb-0-lbl" aria-describedby="ion-cb-0-helper-text" class="ionic ion-focusable interactive checkbox-label-placement-end checkbox-shape-soft 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
- Expected an image 107px by 48px, received 98px by 48px. 393 pixels (ratio 0.08 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" aria-checked="false" label-placement="end" helper-text="Helper text" aria-labelledby="ion-cb-0-lbl" aria-describedby="ion-cb-0-helper-text" class="ionic ion-focusable interactive checkbox-label-placement-end checkbox-shape-soft 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
- Expected an image 107px by 48px, received 98px by 48px. 393 pixels (ratio 0.08 of all image pixels) are different.
114 |
115 | const bottomEl = page.locator('ion-checkbox');
> 116 | await expect(bottomEl).toHaveScreenshot(
| ^
117 | screenshot(`checkbox-helper-text${labelPlacement ? `-${labelPlacement}` : ''}`)
118 | );
119 | });
at /ionic/src/components/checkbox/test/bottom-content/checkbox.e2e.ts:116:32
|
|
[Mobile Chrome] › src/components/checkbox/test/bottom-content/checkbox.e2e.ts:105:11 › checkbox: helper text rendering - ionic/md/ltr/light › end label - should not have visual regressions when rendering helper text:
src/components/checkbox/test/bottom-content/checkbox.e2e.ts#L116
3) [Mobile Chrome] › src/components/checkbox/test/bottom-content/checkbox.e2e.ts:105:11 › checkbox: helper text rendering - ionic/md/ltr/light › end label - should not have visual regressions when rendering helper text
Error: expect(locator).toHaveScreenshot(expected) failed
Locator: locator('ion-checkbox')
Expected an image 107px by 48px, received 98px by 48px. 393 pixels (ratio 0.08 of all image pixels) are different.
Snapshot: checkbox-helper-text-end-ionic-md-ltr-light.png
Call log:
- Expect "toHaveScreenshot(checkbox-helper-text-end-ionic-md-ltr-light.png)" with timeout 5000ms
- verifying given screenshot expectation
- waiting for locator('ion-checkbox')
- locator resolved to <ion-checkbox tabindex="0" role="checkbox" aria-checked="false" label-placement="end" helper-text="Helper text" aria-labelledby="ion-cb-0-lbl" aria-describedby="ion-cb-0-helper-text" class="ionic ion-focusable interactive checkbox-label-placement-end checkbox-shape-soft 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
- Expected an image 107px by 48px, received 98px by 48px. 393 pixels (ratio 0.08 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" aria-checked="false" label-placement="end" helper-text="Helper text" aria-labelledby="ion-cb-0-lbl" aria-describedby="ion-cb-0-helper-text" class="ionic ion-focusable interactive checkbox-label-placement-end checkbox-shape-soft 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
- Expected an image 107px by 48px, received 98px by 48px. 393 pixels (ratio 0.08 of all image pixels) are different.
114 |
115 | const bottomEl = page.locator('ion-checkbox');
> 116 | await expect(bottomEl).toHaveScreenshot(
| ^
117 | screenshot(`checkbox-helper-text${labelPlacement ? `-${labelPlacement}` : ''}`)
118 | );
119 | });
at /ionic/src/components/checkbox/test/bottom-content/checkbox.e2e.ts:116:32
|
|
[Mobile Chrome] › src/components/checkbox/test/bottom-content/checkbox.e2e.ts:121:11 › checkbox: helper text rendering - ionic/md/ltr/light › should not have visual regressions when rendering helper text with wrapping text:
src/components/checkbox/test/bottom-content/checkbox.e2e.ts#L132
2) [Mobile Chrome] › src/components/checkbox/test/bottom-content/checkbox.e2e.ts:121:11 › checkbox: helper text rendering - ionic/md/ltr/light › should not have visual regressions when rendering helper text with wrapping text
Retry #2 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(locator).toHaveScreenshot(expected) failed
Locator: locator('ion-checkbox')
Expected an image 393px by 72px, received 393px by 64px. 3085 pixels (ratio 0.11 of all image pixels) are different.
Snapshot: checkbox-helper-text-wrapping-ionic-md-ltr-light.png
Call log:
- Expect "toHaveScreenshot(checkbox-helper-text-wrapping-ionic-md-ltr-light.png)" with timeout 5000ms
- verifying given screenshot expectation
- waiting for locator('ion-checkbox')
- locator resolved to <ion-checkbox tabindex="0" role="checkbox" aria-checked="false" aria-labelledby="ion-cb-0-lbl" aria-describedby="ion-cb-0-helper-text" class="ionic ion-focusable interactive checkbox-label-placement-start checkbox-shape-soft hydrated" helper-text="Helper text helper text helper text helper text helper text helper text helper text helper text helper text">…</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
- Expected an image 393px by 72px, received 393px by 64px. 3085 pixels (ratio 0.11 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" aria-checked="false" aria-labelledby="ion-cb-0-lbl" aria-describedby="ion-cb-0-helper-text" class="ionic ion-focusable interactive checkbox-label-placement-start checkbox-shape-soft hydrated" helper-text="Helper text helper text helper text helper text helper text helper text helper text helper text helper text">…</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
- Expected an image 393px by 72px, received 393px by 64px. 3085 pixels (ratio 0.11 of all image pixels) are different.
130 |
131 | const bottomEl = page.locator('ion-checkbox');
> 132 | await expect(bottomEl).toHaveScreenshot(
| ^
133 | screenshot(`checkbox-helper-text${labelPlacement ? `-${labelPlacement}` : ''}-wrapping`)
134 | );
135 | });
at /ionic/src/components/checkbox/test/bottom-content/checkbox.e2e.ts:132:32
|
|
[Mobile Chrome] › src/components/checkbox/test/bottom-content/checkbox.e2e.ts:121:11 › checkbox: helper text rendering - ionic/md/ltr/light › should not have visual regressions when rendering helper text with wrapping text:
src/components/checkbox/test/bottom-content/checkbox.e2e.ts#L132
2) [Mobile Chrome] › src/components/checkbox/test/bottom-content/checkbox.e2e.ts:121:11 › checkbox: helper text rendering - ionic/md/ltr/light › should not have visual regressions when rendering helper text with wrapping text
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(locator).toHaveScreenshot(expected) failed
Locator: locator('ion-checkbox')
Expected an image 393px by 72px, received 393px by 64px. 3085 pixels (ratio 0.11 of all image pixels) are different.
Snapshot: checkbox-helper-text-wrapping-ionic-md-ltr-light.png
Call log:
- Expect "toHaveScreenshot(checkbox-helper-text-wrapping-ionic-md-ltr-light.png)" with timeout 5000ms
- verifying given screenshot expectation
- waiting for locator('ion-checkbox')
- locator resolved to <ion-checkbox tabindex="0" role="checkbox" aria-checked="false" aria-labelledby="ion-cb-0-lbl" aria-describedby="ion-cb-0-helper-text" class="ionic ion-focusable interactive checkbox-label-placement-start checkbox-shape-soft hydrated" helper-text="Helper text helper text helper text helper text helper text helper text helper text helper text helper text">…</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
- Expected an image 393px by 72px, received 393px by 64px. 3085 pixels (ratio 0.11 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" aria-checked="false" aria-labelledby="ion-cb-0-lbl" aria-describedby="ion-cb-0-helper-text" class="ionic ion-focusable interactive checkbox-label-placement-start checkbox-shape-soft hydrated" helper-text="Helper text helper text helper text helper text helper text helper text helper text helper text helper text">…</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
- Expected an image 393px by 72px, received 393px by 64px. 3085 pixels (ratio 0.11 of all image pixels) are different.
130 |
131 | const bottomEl = page.locator('ion-checkbox');
> 132 | await expect(bottomEl).toHaveScreenshot(
| ^
133 | screenshot(`checkbox-helper-text${labelPlacement ? `-${labelPlacement}` : ''}-wrapping`)
134 | );
135 | });
at /ionic/src/components/checkbox/test/bottom-content/checkbox.e2e.ts:132:32
|
|
[Mobile Chrome] › src/components/checkbox/test/bottom-content/checkbox.e2e.ts:121:11 › checkbox: helper text rendering - ionic/md/ltr/light › should not have visual regressions when rendering helper text with wrapping text:
src/components/checkbox/test/bottom-content/checkbox.e2e.ts#L132
2) [Mobile Chrome] › src/components/checkbox/test/bottom-content/checkbox.e2e.ts:121:11 › checkbox: helper text rendering - ionic/md/ltr/light › should not have visual regressions when rendering helper text with wrapping text
Error: expect(locator).toHaveScreenshot(expected) failed
Locator: locator('ion-checkbox')
Expected an image 393px by 72px, received 393px by 64px. 3085 pixels (ratio 0.11 of all image pixels) are different.
Snapshot: checkbox-helper-text-wrapping-ionic-md-ltr-light.png
Call log:
- Expect "toHaveScreenshot(checkbox-helper-text-wrapping-ionic-md-ltr-light.png)" with timeout 5000ms
- verifying given screenshot expectation
- waiting for locator('ion-checkbox')
- locator resolved to <ion-checkbox tabindex="0" role="checkbox" aria-checked="false" aria-labelledby="ion-cb-0-lbl" aria-describedby="ion-cb-0-helper-text" class="ionic ion-focusable interactive checkbox-label-placement-start checkbox-shape-soft hydrated" helper-text="Helper text helper text helper text helper text helper text helper text helper text helper text helper text">…</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
- Expected an image 393px by 72px, received 393px by 64px. 3085 pixels (ratio 0.11 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" aria-checked="false" aria-labelledby="ion-cb-0-lbl" aria-describedby="ion-cb-0-helper-text" class="ionic ion-focusable interactive checkbox-label-placement-start checkbox-shape-soft hydrated" helper-text="Helper text helper text helper text helper text helper text helper text helper text helper text helper text">…</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
- Expected an image 393px by 72px, received 393px by 64px. 3085 pixels (ratio 0.11 of all image pixels) are different.
130 |
131 | const bottomEl = page.locator('ion-checkbox');
> 132 | await expect(bottomEl).toHaveScreenshot(
| ^
133 | screenshot(`checkbox-helper-text${labelPlacement ? `-${labelPlacement}` : ''}-wrapping`)
134 | );
135 | });
at /ionic/src/components/checkbox/test/bottom-content/checkbox.e2e.ts:132:32
|
|
[Mobile Chrome] › src/components/checkbox/test/bottom-content/checkbox.e2e.ts:105:11 › checkbox: helper text rendering - ionic/md/ltr/light › should not have visual regressions when rendering helper text:
src/components/checkbox/test/bottom-content/checkbox.e2e.ts#L116
1) [Mobile Chrome] › src/components/checkbox/test/bottom-content/checkbox.e2e.ts:105:11 › checkbox: helper text rendering - ionic/md/ltr/light › should not have visual regressions when rendering helper text
Retry #2 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(locator).toHaveScreenshot(expected) failed
Locator: locator('ion-checkbox')
Expected an image 107px by 48px, received 98px by 48px. 491 pixels (ratio 0.10 of all image pixels) are different.
Snapshot: checkbox-helper-text-ionic-md-ltr-light.png
Call log:
- Expect "toHaveScreenshot(checkbox-helper-text-ionic-md-ltr-light.png)" with timeout 5000ms
- verifying given screenshot expectation
- waiting for locator('ion-checkbox')
- locator resolved to <ion-checkbox tabindex="0" role="checkbox" aria-checked="false" helper-text="Helper text" aria-labelledby="ion-cb-0-lbl" aria-describedby="ion-cb-0-helper-text" class="ionic ion-focusable interactive checkbox-label-placement-start checkbox-shape-soft 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
- Expected an image 107px by 48px, received 98px by 48px. 491 pixels (ratio 0.10 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" aria-checked="false" helper-text="Helper text" aria-labelledby="ion-cb-0-lbl" aria-describedby="ion-cb-0-helper-text" class="ionic ion-focusable interactive checkbox-label-placement-start checkbox-shape-soft 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
- Expected an image 107px by 48px, received 98px by 48px. 491 pixels (ratio 0.10 of all image pixels) are different.
114 |
115 | const bottomEl = page.locator('ion-checkbox');
> 116 | await expect(bottomEl).toHaveScreenshot(
| ^
117 | screenshot(`checkbox-helper-text${labelPlacement ? `-${labelPlacement}` : ''}`)
118 | );
119 | });
at /ionic/src/components/checkbox/test/bottom-content/checkbox.e2e.ts:116:32
|
|
[Mobile Chrome] › src/components/checkbox/test/bottom-content/checkbox.e2e.ts:105:11 › checkbox: helper text rendering - ionic/md/ltr/light › should not have visual regressions when rendering helper text:
src/components/checkbox/test/bottom-content/checkbox.e2e.ts#L116
1) [Mobile Chrome] › src/components/checkbox/test/bottom-content/checkbox.e2e.ts:105:11 › checkbox: helper text rendering - ionic/md/ltr/light › should not have visual regressions when rendering helper text
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(locator).toHaveScreenshot(expected) failed
Locator: locator('ion-checkbox')
Expected an image 107px by 48px, received 98px by 48px. 491 pixels (ratio 0.10 of all image pixels) are different.
Snapshot: checkbox-helper-text-ionic-md-ltr-light.png
Call log:
- Expect "toHaveScreenshot(checkbox-helper-text-ionic-md-ltr-light.png)" with timeout 5000ms
- verifying given screenshot expectation
- waiting for locator('ion-checkbox')
- locator resolved to <ion-checkbox tabindex="0" role="checkbox" aria-checked="false" helper-text="Helper text" aria-labelledby="ion-cb-0-lbl" aria-describedby="ion-cb-0-helper-text" class="ionic ion-focusable interactive checkbox-label-placement-start checkbox-shape-soft 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
- Expected an image 107px by 48px, received 98px by 48px. 491 pixels (ratio 0.10 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" aria-checked="false" helper-text="Helper text" aria-labelledby="ion-cb-0-lbl" aria-describedby="ion-cb-0-helper-text" class="ionic ion-focusable interactive checkbox-label-placement-start checkbox-shape-soft 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
- Expected an image 107px by 48px, received 98px by 48px. 491 pixels (ratio 0.10 of all image pixels) are different.
114 |
115 | const bottomEl = page.locator('ion-checkbox');
> 116 | await expect(bottomEl).toHaveScreenshot(
| ^
117 | screenshot(`checkbox-helper-text${labelPlacement ? `-${labelPlacement}` : ''}`)
118 | );
119 | });
at /ionic/src/components/checkbox/test/bottom-content/checkbox.e2e.ts:116:32
|
|
[Mobile Chrome] › src/components/checkbox/test/bottom-content/checkbox.e2e.ts:105:11 › checkbox: helper text rendering - ionic/md/ltr/light › should not have visual regressions when rendering helper text:
src/components/checkbox/test/bottom-content/checkbox.e2e.ts#L116
1) [Mobile Chrome] › src/components/checkbox/test/bottom-content/checkbox.e2e.ts:105:11 › checkbox: helper text rendering - ionic/md/ltr/light › should not have visual regressions when rendering helper text
Error: expect(locator).toHaveScreenshot(expected) failed
Locator: locator('ion-checkbox')
Expected an image 107px by 48px, received 98px by 48px. 491 pixels (ratio 0.10 of all image pixels) are different.
Snapshot: checkbox-helper-text-ionic-md-ltr-light.png
Call log:
- Expect "toHaveScreenshot(checkbox-helper-text-ionic-md-ltr-light.png)" with timeout 5000ms
- verifying given screenshot expectation
- waiting for locator('ion-checkbox')
- locator resolved to <ion-checkbox tabindex="0" role="checkbox" aria-checked="false" helper-text="Helper text" aria-labelledby="ion-cb-0-lbl" aria-describedby="ion-cb-0-helper-text" class="ionic ion-focusable interactive checkbox-label-placement-start checkbox-shape-soft 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
- Expected an image 107px by 48px, received 98px by 48px. 491 pixels (ratio 0.10 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" aria-checked="false" helper-text="Helper text" aria-labelledby="ion-cb-0-lbl" aria-describedby="ion-cb-0-helper-text" class="ionic ion-focusable interactive checkbox-label-placement-start checkbox-shape-soft 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
- Expected an image 107px by 48px, received 98px by 48px. 491 pixels (ratio 0.10 of all image pixels) are different.
114 |
115 | const bottomEl = page.locator('ion-checkbox');
> 116 | await expect(bottomEl).toHaveScreenshot(
| ^
117 | screenshot(`checkbox-helper-text${labelPlacement ? `-${labelPlacement}` : ''}`)
118 | );
119 | });
at /ionic/src/components/checkbox/test/bottom-content/checkbox.e2e.ts:116:32
|
|
test-core-screenshot (9, 20)
The strategy configuration was canceled because "test-core-screenshot._8_20" failed
|
|
test-core-screenshot (9, 20)
The operation was canceled.
|
|
test-core-screenshot (13, 20)
The strategy configuration was canceled because "test-core-screenshot._8_20" failed
|
|
test-core-screenshot (13, 20)
Process completed with exit code 12.
|
|
test-core-screenshot (13, 20)
The operation was canceled.
|
|
test-core-screenshot (17, 20)
The strategy configuration was canceled because "test-core-screenshot._8_20" failed
|
|
test-core-screenshot (17, 20)
Process completed with exit code 12.
|
|
test-core-screenshot (17, 20)
The operation was canceled.
|
|
test-core-screenshot (6, 20)
The strategy configuration was canceled because "test-core-screenshot._8_20" failed
|
|
test-core-screenshot (6, 20)
Process completed with exit code 12.
|
|
test-core-screenshot (6, 20)
The operation was canceled.
|
|
test-core-screenshot (14, 20)
The strategy configuration was canceled because "test-core-screenshot._8_20" failed
|
|
test-core-screenshot (14, 20)
Process completed with exit code 12.
|
|
test-core-screenshot (14, 20)
The operation was canceled.
|
|
test-core-screenshot (1, 20)
The strategy configuration was canceled because "test-core-screenshot._8_20" failed
|
|
test-core-screenshot (1, 20)
Process completed with exit code 12.
|
|
test-core-screenshot (1, 20)
The operation was canceled.
|
|
test-core-screenshot (4, 20)
The strategy configuration was canceled because "test-core-screenshot._8_20" failed
|
|
test-core-screenshot (4, 20)
Process completed with exit code 12.
|
|
test-core-screenshot (4, 20)
The operation was canceled.
|
|
test-core-screenshot (16, 20)
The strategy configuration was canceled because "test-core-screenshot._8_20" failed
|
|
test-core-screenshot (16, 20)
Process completed with exit code 12.
|
|
test-core-screenshot (16, 20)
The operation was canceled.
|
|
test-core-screenshot (11, 20)
The strategy configuration was canceled because "test-core-screenshot._8_20" failed
|
|
test-core-screenshot (11, 20)
Process completed with exit code 12.
|
|
test-core-screenshot (2, 20)
The strategy configuration was canceled because "test-core-screenshot._8_20" failed
|
|
test-core-screenshot (11, 20)
The operation was canceled.
|
|
test-core-screenshot (2, 20)
Process completed with exit code 12.
|
|
test-core-screenshot (2, 20)
The operation was canceled.
|
|
test-core-screenshot (3, 20)
The strategy configuration was canceled because "test-core-screenshot._8_20" failed
|
|
test-core-screenshot (3, 20)
Process completed with exit code 12.
|
|
test-core-screenshot (3, 20)
The operation was canceled.
|
|
test-core-screenshot (19, 20)
The strategy configuration was canceled because "test-core-screenshot._8_20" failed
|
|
test-core-screenshot (19, 20)
Process completed with exit code 12.
|
|
test-core-screenshot (19, 20)
The operation was canceled.
|
|
test-core-screenshot (18, 20)
The strategy configuration was canceled because "test-core-screenshot._8_20" failed
|
|
test-core-screenshot (18, 20)
Process completed with exit code 12.
|
|
test-core-screenshot (18, 20)
The operation was canceled.
|
|
test-core-screenshot (15, 20)
The strategy configuration was canceled because "test-core-screenshot._8_20" failed
|
|
test-core-screenshot (15, 20)
Process completed with exit code 12.
|
|
test-core-screenshot (15, 20)
The operation was canceled.
|
|
test-core-screenshot (5, 20)
The strategy configuration was canceled because "test-core-screenshot._8_20" failed
|
|
test-core-screenshot (5, 20)
Process completed with exit code 12.
|
|
test-core-screenshot (5, 20)
The operation was canceled.
|
|
verify-screenshots
Process completed with exit code 1.
|
|
🎭 Playwright Run Summary
360 skipped
276 passed (2.3m)
|
|
🎭 Playwright Run Summary
368 skipped
308 passed (3.4m)
|
|
🎭 Playwright Run Summary
2 skipped
673 passed (3.6m)
|
|
🎭 Playwright Run Summary
1 skipped
676 passed (3.9m)
|
|
🎭 Playwright Run Summary
8 failed
[Mobile Chrome] › src/components/checkbox/test/bottom-content/checkbox.e2e.ts:105:11 › checkbox: helper text rendering - ionic/md/ltr/light › should not have visual regressions when rendering helper text
[Mobile Chrome] › src/components/checkbox/test/bottom-content/checkbox.e2e.ts:121:11 › checkbox: helper text rendering - ionic/md/ltr/light › should not have visual regressions when rendering helper text with wrapping text
[Mobile Chrome] › src/components/checkbox/test/bottom-content/checkbox.e2e.ts:105:11 › checkbox: helper text rendering - ionic/md/ltr/light › end label - should not have visual regressions when rendering helper text
[Mobile Chrome] › src/components/checkbox/test/bottom-content/checkbox.e2e.ts:121:11 › checkbox: helper text rendering - ionic/md/ltr/light › end label - should not have visual regressions when rendering helper text with wrapping text
[Mobile Chrome] › src/components/checkbox/test/bottom-content/checkbox.e2e.ts:105:11 › checkbox: helper text rendering - ionic/md/ltr/light › stacked label - should not have visual regressions when rendering helper text
[Mobile Chrome] › src/components/checkbox/test/bottom-content/checkbox.e2e.ts:121:11 › checkbox: helper text rendering - ionic/md/ltr/light › stacked label - should not have visual regressions when rendering helper text with wrapping text
[Mobile Chrome] › src/components/checkbox/test/bottom-content/checkbox.e2e.ts:140:9 › checkbox: error text rendering - ionic/md/ltr/light › should not have visual regressions when rendering error text
[Mobile Chrome] › src/components/checkbox/test/bottom-content/checkbox.e2e.ts:149:9 › checkbox: error text rendering - ionic/md/ltr/light › should not have visual regressions when rendering error text with a stacked label
8 skipped
675 passed (4.2m)
|
|
🎭 Playwright Run Summary
8 skipped
663 passed (4.4m)
|
Artifacts
Produced during runtime
| Name | Size | Digest | |
|---|---|---|---|
|
ionic-angular
|
805 KB |
sha256:27bdbbaf765a6793c18a90643e4a73b7e6f850d2b1e24fbf961c936ca9b0cb2e
|
|
|
ionic-angular-server
|
8.58 KB |
sha256:a793978c3920dda6668183fb5efe61caf2448e9501f6d02cd02511de6af89e10
|
|
|
ionic-core
|
5.13 MB |
sha256:f417ebed7dd7a522e088ce8349d2c1524d65409814b3f5d8c1589cf745c65eed
|
|
|
ionic-react
|
343 KB |
sha256:39147e8b4259c6da8faccdfcd2b45b09ea9a40bcb3ed96a3be9c5089faa6a68b
|
|
|
ionic-react-router
|
27.9 KB |
sha256:25f774ac3d03de81dda45138c262d9e8cede337c20c9faf7b735923eac1e7fce
|
|
|
ionic-vue
|
373 KB |
sha256:7d122790f9d769821d1be6cb4640fd1b267c8d9940ddf26474b8a59c70e2a778
|
|
|
ionic-vue-router
|
17.1 KB |
sha256:b7913782c5e74fce56c64962a657d99b8447c99fd1cf4f7b3a484715f83905e3
|
|
|
test-results-10-20
|
464 KB |
sha256:0ae6ea3aa17c77cb646ba9628470d11a9dde40324eea992bf475a7745a47a4c7
|
|
|
test-results-12-20
|
499 KB |
sha256:d2f1f4a8b539e92699d56c5358c206c497a626bf5b0e4978671507b0e1de5932
|
|
|
test-results-20-20
|
360 KB |
sha256:f7452dd2ff7da2bed4be6cdfde19e7549d7513028a3bf53c512869d74da71b6a
|
|
|
test-results-7-20
|
379 KB |
sha256:a8d987658b4d68d7bc541f42154b74824d703013ce8c7eb0c73003dbb7ad4ccd
|
|
|
test-results-8-20
|
9.93 MB |
sha256:65e629f706f2aea893229b17909f9af469e5f543375810ca5851daa394d840c5
|
|
|
test-results-9-20
|
504 KB |
sha256:8b2aac78ccf2214399d5c85f8bca9912fd1dfc0f0997e4a4542e45f96bfe4654
|
|