Skip to content

feat(radio-group): remove radio-group-wrapper and convert to shadow DOM #17626

feat(radio-group): remove radio-group-wrapper and convert to shadow DOM

feat(radio-group): remove radio-group-wrapper and convert to shadow DOM #17626

Triggered via pull request December 4, 2025 13:18
Status Failure
Total duration 7m 44s
Artifacts 14

build.yml

on: pull_request
build-react
52s
build-react
build-vue
44s
build-vue
Matrix: test-core-screenshot
build-angular
1m 6s
build-angular
build-angular-server
42s
build-angular-server
test-core-clean-build
15s
test-core-clean-build
test-core-lint
38s
test-core-lint
test-core-spec
50s
test-core-spec
build-react-router
22s
build-react-router
build-vue-router
41s
build-vue-router
verify-screenshots
2s
verify-screenshots
Matrix: test-angular-e2e
Matrix: test-react-e2e
Matrix: test-react-router-e2e
Matrix: test-vue-e2e
verify-test-angular-e2e
2s
verify-test-angular-e2e
verify-test-react-e2e
3s
verify-test-react-e2e
verify-test-react-router-e2e
2s
verify-test-react-router-e2e
verify-test-vue-e2e
2s
verify-test-vue-e2e
Fit to window
Zoom out
Zoom in

Annotations

50 errors and 7 notices
test-core-lint
Process completed with exit code 1.
test-core-lint: core/src/components/radio-group/radio-group.tsx#L9
`@utils/theme` import should occur before import of `../../global/ionic-global`
test-core-lint: core/src/components/radio-group/radio-group.tsx#L8
There should be at least one empty line between import groups
test-core-screenshot (11, 20)
Process completed with exit code 1.
[Mobile Chrome] › src/components/radio/test/a11y/radio.e2e.ts:158:9 › radio: font scaling - md/ltr › should scale text on larger font sizes: src/components/radio/test/a11y/radio.e2e.ts#L174
2) [Mobile Chrome] › src/components/radio/test/a11y/radio.e2e.ts:158:9 › radio: font scaling - md/ltr › should scale text on larger font sizes Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(locator).toHaveScreenshot(expected) failed Locator: locator('ion-radio-group') Expected an image 249px by 43px, received 393px by 45px. 159 pixels (ratio 0.01 of all image pixels) are different. Snapshot: radio-scale-md-ltr.png Call log: - Expect "toHaveScreenshot(radio-scale-md-ltr.png)" with timeout 5000ms - verifying given screenshot expectation - waiting for locator('ion-radio-group') - locator resolved to <ion-radio-group value="a" role="radiogroup" class="md 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 249px by 43px, received 393px by 45px. 159 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="a" role="radiogroup" class="md 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 249px by 43px, received 393px by 45px. 159 pixels (ratio 0.01 of all image pixels) are different. 172 | 173 | const radioGroup = page.locator('ion-radio-group'); > 174 | await expect(radioGroup).toHaveScreenshot(screenshot(`radio-scale`)); | ^ 175 | }); 176 | }); 177 | }); at /ionic/src/components/radio/test/a11y/radio.e2e.ts:174:32
[Mobile Chrome] › src/components/radio/test/a11y/radio.e2e.ts:158:9 › radio: font scaling - md/ltr › should scale text on larger font sizes: src/components/radio/test/a11y/radio.e2e.ts#L174
2) [Mobile Chrome] › src/components/radio/test/a11y/radio.e2e.ts:158:9 › radio: font scaling - md/ltr › should scale text on larger font sizes Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(locator).toHaveScreenshot(expected) failed Locator: locator('ion-radio-group') Expected an image 249px by 43px, received 393px by 45px. 159 pixels (ratio 0.01 of all image pixels) are different. Snapshot: radio-scale-md-ltr.png Call log: - Expect "toHaveScreenshot(radio-scale-md-ltr.png)" with timeout 5000ms - verifying given screenshot expectation - waiting for locator('ion-radio-group') - locator resolved to <ion-radio-group value="a" role="radiogroup" class="md 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 249px by 43px, received 393px by 45px. 159 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="a" role="radiogroup" class="md 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 249px by 43px, received 393px by 45px. 159 pixels (ratio 0.01 of all image pixels) are different. 172 | 173 | const radioGroup = page.locator('ion-radio-group'); > 174 | await expect(radioGroup).toHaveScreenshot(screenshot(`radio-scale`)); | ^ 175 | }); 176 | }); 177 | }); at /ionic/src/components/radio/test/a11y/radio.e2e.ts:174:32
[Mobile Chrome] › src/components/radio/test/a11y/radio.e2e.ts:158:9 › radio: font scaling - md/ltr › should scale text on larger font sizes: src/components/radio/test/a11y/radio.e2e.ts#L174
2) [Mobile Chrome] › src/components/radio/test/a11y/radio.e2e.ts:158:9 › radio: font scaling - md/ltr › should scale text on larger font sizes Error: expect(locator).toHaveScreenshot(expected) failed Locator: locator('ion-radio-group') Expected an image 249px by 43px, received 393px by 45px. 159 pixels (ratio 0.01 of all image pixels) are different. Snapshot: radio-scale-md-ltr.png Call log: - Expect "toHaveScreenshot(radio-scale-md-ltr.png)" with timeout 5000ms - verifying given screenshot expectation - waiting for locator('ion-radio-group') - locator resolved to <ion-radio-group value="a" role="radiogroup" class="md 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 249px by 43px, received 393px by 45px. 159 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="a" role="radiogroup" class="md 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 249px by 43px, received 393px by 45px. 159 pixels (ratio 0.01 of all image pixels) are different. 172 | 173 | const radioGroup = page.locator('ion-radio-group'); > 174 | await expect(radioGroup).toHaveScreenshot(screenshot(`radio-scale`)); | ^ 175 | }); 176 | }); 177 | }); at /ionic/src/components/radio/test/a11y/radio.e2e.ts:174:32
[Mobile Chrome] › src/components/radio/test/a11y/radio.e2e.ts:158:9 › radio: font scaling - ios/ltr › should scale text on larger font sizes: src/components/radio/test/a11y/radio.e2e.ts#L174
1) [Mobile Chrome] › src/components/radio/test/a11y/radio.e2e.ts:158:9 › radio: font scaling - ios/ltr › should scale text on larger font sizes Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(locator).toHaveScreenshot(expected) failed Locator: locator('ion-radio-group') Expected an image 248px by 44px, received 393px by 54px. 1153 pixels (ratio 0.06 of all image pixels) are different. Snapshot: radio-scale-ios-ltr.png Call log: - Expect "toHaveScreenshot(radio-scale-ios-ltr.png)" with timeout 5000ms - verifying given screenshot expectation - waiting for locator('ion-radio-group') - locator resolved to <ion-radio-group value="a" role="radiogroup" class="ios 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 248px by 44px, received 393px by 54px. 1153 pixels (ratio 0.06 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('ion-radio-group') - locator resolved to <ion-radio-group value="a" role="radiogroup" class="ios 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 248px by 44px, received 393px by 54px. 1153 pixels (ratio 0.06 of all image pixels) are different. 172 | 173 | const radioGroup = page.locator('ion-radio-group'); > 174 | await expect(radioGroup).toHaveScreenshot(screenshot(`radio-scale`)); | ^ 175 | }); 176 | }); 177 | }); at /ionic/src/components/radio/test/a11y/radio.e2e.ts:174:32
[Mobile Chrome] › src/components/radio/test/a11y/radio.e2e.ts:158:9 › radio: font scaling - ios/ltr › should scale text on larger font sizes: src/components/radio/test/a11y/radio.e2e.ts#L174
1) [Mobile Chrome] › src/components/radio/test/a11y/radio.e2e.ts:158:9 › radio: font scaling - ios/ltr › should scale text on larger font sizes Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(locator).toHaveScreenshot(expected) failed Locator: locator('ion-radio-group') Expected an image 248px by 44px, received 393px by 54px. 1153 pixels (ratio 0.06 of all image pixels) are different. Snapshot: radio-scale-ios-ltr.png Call log: - Expect "toHaveScreenshot(radio-scale-ios-ltr.png)" with timeout 5000ms - verifying given screenshot expectation - waiting for locator('ion-radio-group') - locator resolved to <ion-radio-group value="a" role="radiogroup" class="ios 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 248px by 44px, received 393px by 54px. 1153 pixels (ratio 0.06 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('ion-radio-group') - locator resolved to <ion-radio-group value="a" role="radiogroup" class="ios 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 248px by 44px, received 393px by 54px. 1153 pixels (ratio 0.06 of all image pixels) are different. 172 | 173 | const radioGroup = page.locator('ion-radio-group'); > 174 | await expect(radioGroup).toHaveScreenshot(screenshot(`radio-scale`)); | ^ 175 | }); 176 | }); 177 | }); at /ionic/src/components/radio/test/a11y/radio.e2e.ts:174:32
[Mobile Chrome] › src/components/radio/test/a11y/radio.e2e.ts:158:9 › radio: font scaling - ios/ltr › should scale text on larger font sizes: src/components/radio/test/a11y/radio.e2e.ts#L174
1) [Mobile Chrome] › src/components/radio/test/a11y/radio.e2e.ts:158:9 › radio: font scaling - ios/ltr › should scale text on larger font sizes Error: expect(locator).toHaveScreenshot(expected) failed Locator: locator('ion-radio-group') Expected an image 248px by 44px, received 393px by 54px. 1153 pixels (ratio 0.06 of all image pixels) are different. Snapshot: radio-scale-ios-ltr.png Call log: - Expect "toHaveScreenshot(radio-scale-ios-ltr.png)" with timeout 5000ms - verifying given screenshot expectation - waiting for locator('ion-radio-group') - locator resolved to <ion-radio-group value="a" role="radiogroup" class="ios 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 248px by 44px, received 393px by 54px. 1153 pixels (ratio 0.06 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('ion-radio-group') - locator resolved to <ion-radio-group value="a" role="radiogroup" class="ios 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 248px by 44px, received 393px by 54px. 1153 pixels (ratio 0.06 of all image pixels) are different. 172 | 173 | const radioGroup = page.locator('ion-radio-group'); > 174 | await expect(radioGroup).toHaveScreenshot(screenshot(`radio-scale`)); | ^ 175 | }); 176 | }); 177 | }); at /ionic/src/components/radio/test/a11y/radio.e2e.ts:174:32
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 (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.
test-core-screenshot (18, 20)
The strategy configuration was canceled because "test-core-screenshot._11_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 (4, 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 (1, 20)
Process completed with exit code 12.
test-core-screenshot (4, 20)
Process completed with exit code 12.
test-core-screenshot (1, 20)
The operation was canceled.
test-core-screenshot (4, 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 (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 (14, 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 (14, 20)
The operation was canceled.
test-core-screenshot (19, 20)
The strategy configuration was canceled because "test-core-screenshot._11_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 (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 (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 (2, 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 (2, 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.
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.6m)
🎭 Playwright Run Summary
8 skipped 683 passed (3.8m)
🎭 Playwright Run Summary
1 skipped 676 passed (4.0m)
🎭 Playwright Run Summary
8 skipped 663 passed (4.5m)
🎭 Playwright Run Summary
2 failed [Mobile Chrome] › src/components/radio/test/a11y/radio.e2e.ts:158:9 › radio: font scaling - ios/ltr › should scale text on larger font sizes [Mobile Chrome] › src/components/radio/test/a11y/radio.e2e.ts:158:9 › radio: font scaling - md/ltr › should scale text on larger font sizes 4 skipped 670 passed (4.8m)

Artifacts

Produced during runtime
Name Size Digest
ionic-angular
805 KB
sha256:247eb05f6eaea36d1ba5d136992cb1889eeee3d43a2a974b32e4b8cce6a75267
ionic-angular-server
8.55 KB
sha256:d8521c6e8f106a8a551564d9dfaa5d9f2716d621bfec83cf2e1ecb27b9d7c1c2
ionic-core
5.13 MB
sha256:00b461051b243b6f8a083f47d0ea06d99b8fa17f86d0e745fe795a2d9c45a70b
ionic-react
343 KB
sha256:42c49cce1a31a00e4f037128dfec7ab05bc3939dba2f902514cb7c9c897bf9c2
ionic-react-router
27.9 KB
sha256:0d6b5f3f22bd159c4524b2e7fa0187e7944c82245da4ecbca1c32a7cae8319e0
ionic-vue
373 KB
sha256:848bb4bcd8e85fc3f3c61c5a465dc805818b2b9f4bc5ad1e1ce52b0fb3c2141d
ionic-vue-router
17 KB
sha256:fcd37475b43ff33cb2ba931bd134d77cd0b36cd41b2ee70462238e04d15592aa
test-results-10-20
464 KB
sha256:99442e7cbfd8c53232400f1316fddc03837a307ee2059d8ddcfa04a61fcc7581
test-results-11-20
3.23 MB
sha256:f8971d88f4b15d7913d7750ab8c879a88aecc25c42e6b9e8a905cb8dcd399804
test-results-12-20
501 KB
sha256:7316bf67f67d68225d9756c987e08b29815dc116c7c00994bfd1c8761cd9946c
test-results-20-20
359 KB
sha256:f9106621f20d55027c611635acf924b66516ca8bfccbffbcbb3bc9f7a5642842
test-results-7-20
379 KB
sha256:95a43861fd7ed5034b247d6a67ddbd8bbb24e96095203af0179e02d9ac92ea1f
test-results-8-20
465 KB
sha256:94478eedb0f1bea219034759142ea8b9ec5c24ac56b4111f4996921ae58af796
test-results-9-20
505 KB
sha256:4729fdb14504696665e0dad19a506423cf0ecc47872817cac0eac6c92f54b266