feat(radio-group): remove radio-group-wrapper and convert to shadow DOM #17603
OS-pedrolourencobuild.yml
on: pull_request
build-core
1m 31s
Matrix: test-core-screenshot
test-core-clean-build
11s
test-core-lint
1m 7s
test-core-spec
48s
verify-screenshots
3s
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
2s
verify-test-react-router-e2e
3s
verify-test-vue-e2e
3s
Annotations
48 errors and 7 notices
|
test-core-screenshot (11, 20)
Process completed with exit code 1.
|
|
[Mobile Chrome] › src/components/radio/test/a11y/radio.e2e.ts:117:11 › radio: a11y - md/ltr › radio: keyboard navigation - md/ltr › tabbing should switch between radio groups:
src/components/radio/test/a11y/radio.e2e.ts#L122
3) [Mobile Chrome] › src/components/radio/test/a11y/radio.e2e.ts:117:11 › radio: a11y - md/ltr › radio: keyboard navigation - md/ltr › tabbing should switch between radio groups
Error: expect(locator).toBeFocused() failed
Locator: locator('#first-group ion-radio').first()
Expected: focused
Received: inactive
Timeout: 5000ms
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/radio-group/test/supporting-text/radio-group.e2e.ts:173:9 › radio-group: supporting text rendering - ionic/md/ltr/light › should not have visual regressions when rendering error text:
src/components/radio-group/test/supporting-text/radio-group.e2e.ts#L186
2) [Mobile Chrome] › src/components/radio-group/test/supporting-text/radio-group.e2e.ts:173:9 › radio-group: supporting text rendering - ionic/md/ltr/light › should not have visual regressions when rendering error text
Retry #2 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(locator).toHaveScreenshot(expected) failed
Locator: locator('ion-radio-group')
Expected an image 393px by 96px, received 393px by 72px. 44 pixels (ratio 0.01 of all image pixels) are different.
Snapshot: radio-group-error-text-ionic-md-ltr-light.png
Call log:
- Expect "toHaveScreenshot(radio-group-error-text-ionic-md-ltr-light.png)" with timeout 5000ms
- verifying given screenshot expectation
- waiting for locator('ion-radio-group')
- locator resolved to <ion-radio-group value="1" role="radiogroup" aria-invalid="true" error-text="Error text" aria-describedby="ion-rg-0-error-text" class="ion-invalid ion-touched ionic hydrated">…</ion-radio-group>
- 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 96px, received 393px by 72px. 44 pixels (ratio 0.01 of all image pixels) are different.
- waiting 100ms before taking screenshot
- waiting for locator('ion-radio-group')
- locator resolved to <ion-radio-group value="1" role="radiogroup" aria-invalid="true" error-text="Error text" aria-describedby="ion-rg-0-error-text" class="ion-invalid ion-touched ionic hydrated">…</ion-radio-group>
- 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 96px, received 393px by 72px. 44 pixels (ratio 0.01 of all image pixels) are different.
184 |
185 | const radioGroup = page.locator('ion-radio-group');
> 186 | await expect(radioGroup).toHaveScreenshot(screenshot(`radio-group-error-text`));
| ^
187 | });
188 | });
189 | });
at /ionic/src/components/radio-group/test/supporting-text/radio-group.e2e.ts:186:32
|
|
[Mobile Chrome] › src/components/radio-group/test/supporting-text/radio-group.e2e.ts:173:9 › radio-group: supporting text rendering - ionic/md/ltr/light › should not have visual regressions when rendering error text:
src/components/radio-group/test/supporting-text/radio-group.e2e.ts#L186
2) [Mobile Chrome] › src/components/radio-group/test/supporting-text/radio-group.e2e.ts:173:9 › radio-group: supporting text rendering - ionic/md/ltr/light › should not have visual regressions when rendering error text
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(locator).toHaveScreenshot(expected) failed
Locator: locator('ion-radio-group')
Expected an image 393px by 96px, received 393px by 72px. 44 pixels (ratio 0.01 of all image pixels) are different.
Snapshot: radio-group-error-text-ionic-md-ltr-light.png
Call log:
- Expect "toHaveScreenshot(radio-group-error-text-ionic-md-ltr-light.png)" with timeout 5000ms
- verifying given screenshot expectation
- waiting for locator('ion-radio-group')
- locator resolved to <ion-radio-group value="1" role="radiogroup" aria-invalid="true" error-text="Error text" aria-describedby="ion-rg-0-error-text" class="ion-invalid ion-touched ionic hydrated">…</ion-radio-group>
- 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 96px, received 393px by 72px. 44 pixels (ratio 0.01 of all image pixels) are different.
- waiting 100ms before taking screenshot
- waiting for locator('ion-radio-group')
- locator resolved to <ion-radio-group value="1" role="radiogroup" aria-invalid="true" error-text="Error text" aria-describedby="ion-rg-0-error-text" class="ion-invalid ion-touched ionic hydrated">…</ion-radio-group>
- 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 96px, received 393px by 72px. 44 pixels (ratio 0.01 of all image pixels) are different.
184 |
185 | const radioGroup = page.locator('ion-radio-group');
> 186 | await expect(radioGroup).toHaveScreenshot(screenshot(`radio-group-error-text`));
| ^
187 | });
188 | });
189 | });
at /ionic/src/components/radio-group/test/supporting-text/radio-group.e2e.ts:186:32
|
|
[Mobile Chrome] › src/components/radio-group/test/supporting-text/radio-group.e2e.ts:173:9 › radio-group: supporting text rendering - ionic/md/ltr/light › should not have visual regressions when rendering error text:
src/components/radio-group/test/supporting-text/radio-group.e2e.ts#L186
2) [Mobile Chrome] › src/components/radio-group/test/supporting-text/radio-group.e2e.ts:173:9 › radio-group: supporting text rendering - ionic/md/ltr/light › should not have visual regressions when rendering error text
Error: expect(locator).toHaveScreenshot(expected) failed
Locator: locator('ion-radio-group')
Expected an image 393px by 96px, received 393px by 72px. 44 pixels (ratio 0.01 of all image pixels) are different.
Snapshot: radio-group-error-text-ionic-md-ltr-light.png
Call log:
- Expect "toHaveScreenshot(radio-group-error-text-ionic-md-ltr-light.png)" with timeout 5000ms
- verifying given screenshot expectation
- waiting for locator('ion-radio-group')
- locator resolved to <ion-radio-group value="1" role="radiogroup" aria-invalid="true" error-text="Error text" aria-describedby="ion-rg-0-error-text" class="ion-invalid ion-touched ionic hydrated">…</ion-radio-group>
- 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 96px, received 393px by 72px. 44 pixels (ratio 0.01 of all image pixels) are different.
- waiting 100ms before taking screenshot
- waiting for locator('ion-radio-group')
- locator resolved to <ion-radio-group value="1" role="radiogroup" aria-invalid="true" error-text="Error text" aria-describedby="ion-rg-0-error-text" class="ion-invalid ion-touched ionic hydrated">…</ion-radio-group>
- 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 96px, received 393px by 72px. 44 pixels (ratio 0.01 of all image pixels) are different.
184 |
185 | const radioGroup = page.locator('ion-radio-group');
> 186 | await expect(radioGroup).toHaveScreenshot(screenshot(`radio-group-error-text`));
| ^
187 | });
188 | });
189 | });
at /ionic/src/components/radio-group/test/supporting-text/radio-group.e2e.ts:186:32
|
|
[Mobile Chrome] › src/components/radio-group/test/supporting-text/radio-group.e2e.ts:157:9 › radio-group: supporting text rendering - ionic/md/ltr/light › should not have visual regressions when rendering helper text:
src/components/radio-group/test/supporting-text/radio-group.e2e.ts#L170
1) [Mobile Chrome] › src/components/radio-group/test/supporting-text/radio-group.e2e.ts:157:9 › radio-group: supporting 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-radio-group')
Expected an image 393px by 96px, received 393px by 72px. 44 pixels (ratio 0.01 of all image pixels) are different.
Snapshot: radio-group-helper-text-ionic-md-ltr-light.png
Call log:
- Expect "toHaveScreenshot(radio-group-helper-text-ionic-md-ltr-light.png)" with timeout 5000ms
- verifying given screenshot expectation
- waiting for locator('ion-radio-group')
- locator resolved to <ion-radio-group value="1" role="radiogroup" class="ionic hydrated" helper-text="Helper text" aria-describedby="ion-rg-0-helper-text">…</ion-radio-group>
- 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 96px, received 393px by 72px. 44 pixels (ratio 0.01 of all image pixels) are different.
- waiting 100ms before taking screenshot
- waiting for locator('ion-radio-group')
- locator resolved to <ion-radio-group value="1" role="radiogroup" class="ionic hydrated" helper-text="Helper text" aria-describedby="ion-rg-0-helper-text">…</ion-radio-group>
- 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 96px, received 393px by 72px. 44 pixels (ratio 0.01 of all image pixels) are different.
168 |
169 | const radioGroup = page.locator('ion-radio-group');
> 170 | await expect(radioGroup).toHaveScreenshot(screenshot(`radio-group-helper-text`));
| ^
171 | });
172 |
173 | test('should not have visual regressions when rendering error text', async ({ page }) => {
at /ionic/src/components/radio-group/test/supporting-text/radio-group.e2e.ts:170:32
|
|
[Mobile Chrome] › src/components/radio-group/test/supporting-text/radio-group.e2e.ts:157:9 › radio-group: supporting text rendering - ionic/md/ltr/light › should not have visual regressions when rendering helper text:
src/components/radio-group/test/supporting-text/radio-group.e2e.ts#L170
1) [Mobile Chrome] › src/components/radio-group/test/supporting-text/radio-group.e2e.ts:157:9 › radio-group: supporting 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-radio-group')
Expected an image 393px by 96px, received 393px by 72px. 44 pixels (ratio 0.01 of all image pixels) are different.
Snapshot: radio-group-helper-text-ionic-md-ltr-light.png
Call log:
- Expect "toHaveScreenshot(radio-group-helper-text-ionic-md-ltr-light.png)" with timeout 5000ms
- verifying given screenshot expectation
- waiting for locator('ion-radio-group')
- locator resolved to <ion-radio-group value="1" role="radiogroup" class="ionic hydrated" helper-text="Helper text" aria-describedby="ion-rg-0-helper-text">…</ion-radio-group>
- 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 96px, received 393px by 72px. 44 pixels (ratio 0.01 of all image pixels) are different.
- waiting 100ms before taking screenshot
- waiting for locator('ion-radio-group')
- locator resolved to <ion-radio-group value="1" role="radiogroup" class="ionic hydrated" helper-text="Helper text" aria-describedby="ion-rg-0-helper-text">…</ion-radio-group>
- 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 96px, received 393px by 72px. 44 pixels (ratio 0.01 of all image pixels) are different.
168 |
169 | const radioGroup = page.locator('ion-radio-group');
> 170 | await expect(radioGroup).toHaveScreenshot(screenshot(`radio-group-helper-text`));
| ^
171 | });
172 |
173 | test('should not have visual regressions when rendering error text', async ({ page }) => {
at /ionic/src/components/radio-group/test/supporting-text/radio-group.e2e.ts:170:32
|
|
[Mobile Chrome] › src/components/radio-group/test/supporting-text/radio-group.e2e.ts:157:9 › radio-group: supporting text rendering - ionic/md/ltr/light › should not have visual regressions when rendering helper text:
src/components/radio-group/test/supporting-text/radio-group.e2e.ts#L170
1) [Mobile Chrome] › src/components/radio-group/test/supporting-text/radio-group.e2e.ts:157:9 › radio-group: supporting text rendering - ionic/md/ltr/light › should not have visual regressions when rendering helper text
Error: expect(locator).toHaveScreenshot(expected) failed
Locator: locator('ion-radio-group')
Expected an image 393px by 96px, received 393px by 72px. 44 pixels (ratio 0.01 of all image pixels) are different.
Snapshot: radio-group-helper-text-ionic-md-ltr-light.png
Call log:
- Expect "toHaveScreenshot(radio-group-helper-text-ionic-md-ltr-light.png)" with timeout 5000ms
- verifying given screenshot expectation
- waiting for locator('ion-radio-group')
- locator resolved to <ion-radio-group value="1" role="radiogroup" class="ionic hydrated" helper-text="Helper text" aria-describedby="ion-rg-0-helper-text">…</ion-radio-group>
- 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 96px, received 393px by 72px. 44 pixels (ratio 0.01 of all image pixels) are different.
- waiting 100ms before taking screenshot
- waiting for locator('ion-radio-group')
- locator resolved to <ion-radio-group value="1" role="radiogroup" class="ionic hydrated" helper-text="Helper text" aria-describedby="ion-rg-0-helper-text">…</ion-radio-group>
- 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 96px, received 393px by 72px. 44 pixels (ratio 0.01 of all image pixels) are different.
168 |
169 | const radioGroup = page.locator('ion-radio-group');
> 170 | await expect(radioGroup).toHaveScreenshot(screenshot(`radio-group-helper-text`));
| ^
171 | });
172 |
173 | test('should not have visual regressions when rendering error text', async ({ page }) => {
at /ionic/src/components/radio-group/test/supporting-text/radio-group.e2e.ts:170:32
|
|
test-core-screenshot (17, 20)
The strategy configuration was canceled because "test-core-screenshot._11_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 (3, 20)
The strategy configuration was canceled because "test-core-screenshot._11_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 (5, 20)
The strategy configuration was canceled because "test-core-screenshot._11_20" failed
|
|
test-core-screenshot (5, 20)
Process completed with exit code 12.
|
|
test-core-screenshot (5, 20)
The operation was canceled.
|
|
test-core-screenshot (4, 20)
The strategy configuration was canceled because "test-core-screenshot._11_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 (2, 20)
The strategy configuration was canceled because "test-core-screenshot._11_20" failed
|
|
test-core-screenshot (19, 20)
The strategy configuration was canceled because "test-core-screenshot._11_20" failed
|
|
test-core-screenshot (2, 20)
Process completed with exit code 12.
|
|
test-core-screenshot (19, 20)
Process completed with exit code 12.
|
|
test-core-screenshot (19, 20)
The operation was canceled.
|
|
test-core-screenshot (2, 20)
The operation was canceled.
|
|
test-core-screenshot (14, 20)
The strategy configuration was canceled because "test-core-screenshot._11_20" failed
|
|
test-core-screenshot (1, 20)
The strategy configuration was canceled because "test-core-screenshot._11_20" failed
|
|
test-core-screenshot (14, 20)
Process completed with exit code 12.
|
|
test-core-screenshot (1, 20)
Process completed with exit code 12.
|
|
test-core-screenshot (18, 20)
The strategy configuration was canceled because "test-core-screenshot._11_20" failed
|
|
test-core-screenshot (14, 20)
The operation was canceled.
|
|
test-core-screenshot (1, 20)
The operation was canceled.
|
|
test-core-screenshot (18, 20)
Process completed with exit code 12.
|
|
test-core-screenshot (18, 20)
The operation was canceled.
|
|
test-core-screenshot (13, 20)
The strategy configuration was canceled because "test-core-screenshot._11_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 (6, 20)
The strategy configuration was canceled because "test-core-screenshot._11_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 (15, 20)
The strategy configuration was canceled because "test-core-screenshot._11_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 (16, 20)
The strategy configuration was canceled because "test-core-screenshot._11_20" failed
|
|
test-core-screenshot (16, 20)
Process completed with exit code 12.
|
|
test-core-screenshot (16, 20)
The operation was canceled.
|
|
verify-screenshots
Process completed with exit code 1.
|
|
🎭 Playwright Run Summary
360 skipped
276 passed (2.2m)
|
|
🎭 Playwright Run Summary
368 skipped
308 passed (3.4m)
|
|
🎭 Playwright Run Summary
2 skipped
673 passed (3.7m)
|
|
🎭 Playwright Run Summary
8 skipped
683 passed (3.8m)
|
|
🎭 Playwright Run Summary
1 skipped
676 passed (3.9m)
|
|
🎭 Playwright Run Summary
8 skipped
663 passed (4.5m)
|
|
🎭 Playwright Run Summary
2 failed
[Mobile Chrome] › src/components/radio-group/test/supporting-text/radio-group.e2e.ts:157:9 › radio-group: supporting text rendering - ionic/md/ltr/light › should not have visual regressions when rendering helper text
[Mobile Chrome] › src/components/radio-group/test/supporting-text/radio-group.e2e.ts:173:9 › radio-group: supporting text rendering - ionic/md/ltr/light › should not have visual regressions when rendering error text
1 flaky
[Mobile Chrome] › src/components/radio/test/a11y/radio.e2e.ts:117:11 › radio: a11y - md/ltr › radio: keyboard navigation - md/ltr › tabbing should switch between radio groups
4 skipped
669 passed (4.9m)
|
Artifacts
Produced during runtime
| Name | Size | Digest | |
|---|---|---|---|
|
ionic-angular
|
805 KB |
sha256:f8eb250b018d627c7bc9f64ef375054588022abb76a6aed58c422ef64acb8d2d
|
|
|
ionic-angular-server
|
8.55 KB |
sha256:8bc84c2fe658fb3cae3c60b1bc73c3be21869ef38e4607a42e6c4b2754703b42
|
|
|
ionic-core
|
5.13 MB |
sha256:e0693483ea9ecc462dfdc5e4c654a85345da344b2a1079eb986ce497ccbb38b5
|
|
|
ionic-react
|
343 KB |
sha256:610beba8221311010879c49b329c716efda6d833a9bdfc866c365ec3a5034a34
|
|
|
ionic-react-router
|
27.9 KB |
sha256:9e0da37fce53ed7f0470dbcf95989e4b8c865ea509c1c4d607036030b58db927
|
|
|
ionic-vue
|
373 KB |
sha256:e09b4d3bc14a116b7d6a37536caf3f9de95a1b53603cc97ce4c1b5716bc376f7
|
|
|
ionic-vue-router
|
17 KB |
sha256:e9861628e47cc4e2ad75916d61bf6ecbba68c0fa0de8569f83b29d9cf143c6f7
|
|
|
test-results-10-20
|
466 KB |
sha256:d6f1691efcf49934eff215c13d8d61c3561265bb35d4c16ebde9c05c436ef1a7
|
|
|
test-results-11-20
|
3.61 MB |
sha256:a2f452d5ece3746c6a342f45c5fe296507320439ebb3d5e29e4f8c852b3a6acc
|
|
|
test-results-12-20
|
498 KB |
sha256:8779306718c7376987677fa15e3bf06b143bdb9a0d87c7d21efc19b2d29ddbc0
|
|
|
test-results-20-20
|
360 KB |
sha256:a248fa31734a145e9630c5c74e42fe0a40317b822c6f186bd32682934be832d1
|
|
|
test-results-7-20
|
379 KB |
sha256:3eed592310b5149c03c2bb6ad53b83513cbeb8b32611316587aea46eb077bade
|
|
|
test-results-8-20
|
464 KB |
sha256:6132f07e0898f35b0bb4f58e8f9ace1226f8097b6de56ff1435b76702b9bda95
|
|
|
test-results-9-20
|
504 KB |
sha256:6f5bc8100f0763920c69f5e38a0250c558fa079f5a869424080791510187453a
|
|