Skip to content

test(react): general navigation improvement #16827

test(react): general navigation improvement

test(react): general navigation improvement #16827

Triggered via pull request August 5, 2025 17:01
Status Success
Total duration 10m 19s
Artifacts 27

build.yml

on: pull_request
build-react
44s
build-react
build-vue
38s
build-vue
Matrix: test-core-screenshot
build-angular
56s
build-angular
build-angular-server
31s
build-angular-server
test-core-clean-build
9s
test-core-clean-build
test-core-lint
49s
test-core-lint
test-core-spec
46s
test-core-spec
build-react-router
28s
build-react-router
build-vue-router
42s
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
3s
verify-test-angular-e2e
verify-test-react-e2e
3s
verify-test-react-e2e
verify-test-react-router-e2e
3s
verify-test-react-router-e2e
verify-test-vue-e2e
2s
verify-test-vue-e2e
Fit to window
Zoom out
Zoom in

Annotations

6 errors and 20 notices
[Mobile Chrome] › src/components/radio/test/a11y/radio.e2e.ts:130:11 › radio: a11y - md/ltr/dark › radio: keyboard navigation - md/ltr/dark › using arrow keys should move between enabled radios within group: src/components/radio/test/a11y/radio.e2e.ts#L134
2) [Mobile Chrome] › src/components/radio/test/a11y/radio.e2e.ts:130:11 › radio: a11y - md/ltr/dark › radio: keyboard navigation - md/ltr/dark › using arrow keys should move between enabled radios within group Error: Timed out 5000ms waiting for expect(locator).toBeFocused() Locator: locator('#first-group ion-radio').first() Expected: focused Received: inactive 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" 132 | 133 | await pageUtils.pressKeys('Tab'); > 134 | await expect(firstGroupRadios.nth(0)).toBeFocused(); | ^ 135 | 136 | await page.keyboard.press('ArrowDown'); 137 | await expect(firstGroupRadios.nth(1)).toBeFocused(); at /ionic/src/components/radio/test/a11y/radio.e2e.ts:134:47
[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
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 Error: Timed out 5000ms waiting for expect(locator).toBeFocused() Locator: locator('#first-group ion-radio').first() Expected: focused Received: inactive 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 Safari] › src/components/router/test/guards/router.e2e.ts:6:9 › router: guards - ios/ltr › guards should be run on initial load: src/components/router/test/guards/router.e2e.ts#L9
1) [Mobile Safari] › src/components/router/test/guards/router.e2e.ts:6:9 › router: guards - ios/ltr › guards should be run on initial load Error: expect(received).toContain(expected) // indexOf Expected substring: "#/child/1" Received string: "http://localhost:3333/src/components/router/test/guards#/guard-initial-page?ionic:_testing=true&ionic:mode=ios&rtl=undefined&palette=light" 7 | await page.goto(`/src/components/router/test/guards#/guard-initial-page`, config); 8 | > 9 | expect(page.url()).toContain('#/child/1'); | ^ 10 | }); 11 | }); 12 | }); at /ionic/src/components/router/test/guards/router.e2e.ts:9:26
[Mobile Safari] › src/components/datetime/test/show-adjacent-days/datetime.e2e.ts:16:9 › datetime: show adjacent days - md/ltr › should not have visual regressions with a custom styled calendar: src/components/datetime/test/show-adjacent-days/datetime.e2e.ts#L20
2) [Mobile Safari] › src/components/datetime/test/show-adjacent-days/datetime.e2e.ts:16:9 › datetime: show adjacent days - md/ltr › should not have visual regressions with a custom styled calendar Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(locator).toHaveScreenshot(expected) 5772 pixels (ratio 0.05 of all image pixels) are different. Snapshot: datetime-show-adjacent-days-custom-calendar-md-ltr.png Call log: - Expect "toHaveScreenshot(datetime-show-adjacent-days-custom-calendar-md-ltr.png)" with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#custom-calendar-days') - locator resolved to <ion-datetime value="2023-06-15" presentation="date" show-adjacent-days="true" id="custom-calendar-days" class="ion-color ion-color-primary md datetime-presentation-date datetime-size-fixed datetime-grid hydrated">…</ion-datetime> - 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 - 5772 pixels (ratio 0.05 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#custom-calendar-days') - locator resolved to <ion-datetime value="2023-06-15" presentation="date" show-adjacent-days="true" id="custom-calendar-days" class="ion-color ion-color-primary md datetime-presentation-date datetime-size-fixed datetime-grid hydrated">…</ion-datetime> - 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 - 5772 pixels (ratio 0.05 of all image pixels) are different. 18 | await page.locator('.datetime-ready').first().waitFor(); 19 | const datetime = page.locator('#custom-calendar-days'); > 20 | await expect(datetime).toHaveScreenshot(screenshot(`datetime-show-adjacent-days-custom-calendar`)); | ^ 21 | }); 22 | 23 | test('should not have visual regressions with specific date disabled', async ({ page }) => { at /ionic/src/components/datetime/test/show-adjacent-days/datetime.e2e.ts:20:30
[Mobile Safari] › src/components/datetime/test/show-adjacent-days/datetime.e2e.ts:16:9 › datetime: show adjacent days - md/ltr › should not have visual regressions with a custom styled calendar: src/components/datetime/test/show-adjacent-days/datetime.e2e.ts#L20
2) [Mobile Safari] › src/components/datetime/test/show-adjacent-days/datetime.e2e.ts:16:9 › datetime: show adjacent days - md/ltr › should not have visual regressions with a custom styled calendar Error: expect(locator).toHaveScreenshot(expected) 5772 pixels (ratio 0.05 of all image pixels) are different. Snapshot: datetime-show-adjacent-days-custom-calendar-md-ltr.png Call log: - Expect "toHaveScreenshot(datetime-show-adjacent-days-custom-calendar-md-ltr.png)" with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#custom-calendar-days') - locator resolved to <ion-datetime value="2023-06-15" presentation="date" show-adjacent-days="true" id="custom-calendar-days" class="ion-color ion-color-primary md datetime-presentation-date datetime-size-fixed datetime-grid hydrated">…</ion-datetime> - 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 - 5772 pixels (ratio 0.05 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#custom-calendar-days') - locator resolved to <ion-datetime value="2023-06-15" presentation="date" show-adjacent-days="true" id="custom-calendar-days" class="ion-color ion-color-primary md datetime-presentation-date datetime-size-fixed datetime-grid hydrated">…</ion-datetime> - 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 - 5772 pixels (ratio 0.05 of all image pixels) are different. 18 | await page.locator('.datetime-ready').first().waitFor(); 19 | const datetime = page.locator('#custom-calendar-days'); > 20 | await expect(datetime).toHaveScreenshot(screenshot(`datetime-show-adjacent-days-custom-calendar`)); | ^ 21 | }); 22 | 23 | test('should not have visual regressions with specific date disabled', async ({ page }) => { at /ionic/src/components/datetime/test/show-adjacent-days/datetime.e2e.ts:20:30
[Mobile Safari] › src/components/datetime/test/custom/datetime.e2e.ts:32:9 › datetime: custom - md/ltr › should allow styling calendar days in grid style datetimes: src/components/datetime/test/custom/datetime.e2e.ts#L42
1) [Mobile Safari] › src/components/datetime/test/custom/datetime.e2e.ts:32:9 › datetime: custom - md/ltr › should allow styling calendar days in grid style datetimes Error: expect(locator).toHaveScreenshot(expected) 5526 pixels (ratio 0.05 of all image pixels) are different. Snapshot: datetime-custom-calendar-days-md-ltr.png Call log: - Expect "toHaveScreenshot(datetime-custom-calendar-days-md-ltr.png)" with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#custom-calendar-days') - locator resolved to <ion-datetime value="2023-06-15" presentation="date" id="custom-calendar-days" class="ion-color ion-color-primary md datetime-presentation-date datetime-size-fixed datetime-grid hydrated">…</ion-datetime> - 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 - 5526 pixels (ratio 0.05 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#custom-calendar-days') - locator resolved to <ion-datetime value="2023-06-15" presentation="date" id="custom-calendar-days" class="ion-color ion-color-primary md datetime-presentation-date datetime-size-fixed datetime-grid hydrated">…</ion-datetime> - 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 - 5526 pixels (ratio 0.05 of all image pixels) are different. 40 | }); 41 | > 42 | await expect(datetime).toHaveScreenshot(screenshot(`datetime-custom-calendar-days`)); | ^ 43 | }); 44 | }); 45 | }); at /ionic/src/components/datetime/test/custom/datetime.e2e.ts:42:30
🎭 Playwright Run Summary
407 passed (2.5m)
🎭 Playwright Run Summary
216 skipped 257 passed (2.6m)
🎭 Playwright Run Summary
1 skipped 529 passed (3.0m)
🎭 Playwright Run Summary
1 skipped 534 passed (3.1m)
🎭 Playwright Run Summary
212 skipped 303 passed (3.5m)
🎭 Playwright Run Summary
4 skipped 635 passed (3.7m)
🎭 Playwright Run Summary
2 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 [Mobile Chrome] › src/components/radio/test/a11y/radio.e2e.ts:130:11 › radio: a11y - md/ltr/dark › radio: keyboard navigation - md/ltr/dark › using arrow keys should move between enabled radios within group 4 skipped 508 passed (3.7m)
🎭 Playwright Run Summary
638 passed (4.1m)
🎭 Playwright Run Summary
10 skipped 503 passed (4.6m)
🎭 Playwright Run Summary
5 skipped 510 passed (5.0m)
🎭 Playwright Run Summary
14 skipped 399 passed (5.0m)
🎭 Playwright Run Summary
1 skipped 537 passed (6.6m)
🎭 Playwright Run Summary
1 flaky [Mobile Safari] › src/components/router/test/guards/router.e2e.ts:6:9 › router: guards - ios/ltr › guards should be run on initial load 10 skipped 525 passed (6.5m)
🎭 Playwright Run Summary
1 skipped 523 passed (6.9m)
🎭 Playwright Run Summary
2 flaky [Mobile Safari] › src/components/datetime/test/custom/datetime.e2e.ts:32:9 › datetime: custom - md/ltr › should allow styling calendar days in grid style datetimes [Mobile Safari] › src/components/datetime/test/show-adjacent-days/datetime.e2e.ts:16:9 › datetime: show adjacent days - md/ltr › should not have visual regressions with a custom styled calendar 2 skipped 507 passed (7.0m)
🎭 Playwright Run Summary
5 skipped 515 passed (6.9m)
🎭 Playwright Run Summary
4 skipped 528 passed (6.9m)
🎭 Playwright Run Summary
14 skipped 497 passed (7.4m)
🎭 Playwright Run Summary
5 skipped 563 passed (7.5m)
🎭 Playwright Run Summary
7 skipped 507 passed (7.9m)

Artifacts

Produced during runtime
Name Size Digest
ionic-angular Expired
666 KB
sha256:ead7850b7b8ffa113d05a46a9c2af98f4d18b1a528d74dfa6d8546453e0c2be5
ionic-angular-server Expired
8.54 KB
sha256:38244dcf976ece90fe0efc36a32ed53f87e06ca8308e02dbaee1caec7449d1b8
ionic-core Expired
4.51 MB
sha256:67f9502e21f8a0ed2110047ea065f0c08a90e01b31b3481f207a88155b184df2
ionic-react Expired
211 KB
sha256:7ba72742386401b0e1ffafd5e9d69f17bc64235d964fec98f28177e34b06753e
ionic-react-router Expired
27.9 KB
sha256:a1d39e517b2c2ffdf0b8c9f2357673653cafaf08cc4444a29ad12386090576e9
ionic-vue Expired
233 KB
sha256:cae1b4b3590a0f7df2dc4460d9c8815f7873baae1658c9b9da3228e0545120c2
ionic-vue-router Expired
17.1 KB
sha256:87ec9a14e1d1235a6948f2e26cc1997095b6096707f5fdab079682f07e5f7f52
test-results-1-20 Expired
430 KB
sha256:25b13913e77ce7b402247aadfa008c25ac5f09a5a8ab6b1f0bf66046c90725dc
test-results-10-20 Expired
404 KB
sha256:58ab345ba0746024761c9a007a784aa5121acdca8faacad56a1c746afac5df10
test-results-11-20 Expired
1.59 MB
sha256:f5357350729b39df07b2569cdcb0ba36ae36b075254a080efa2d3d1189ca8ecf
test-results-12-20 Expired
441 KB
sha256:7e039f9c7be43b8925de85619bc1c40355a83c477c8605f1acd5152875fc194c
test-results-13-20 Expired
434 KB
sha256:90cafce60e2b60e57f48ca7af36de311d7c5258a64dcbccffe9a4dc88c54778a
test-results-14-20 Expired
397 KB
sha256:807d14c5af39dddcd36f8578d6758380798432f29709d17ff33a4702d4be32f7
test-results-15-20 Expired
2.26 MB
sha256:f934c67d11c98148ecd3648a4a4099f3af2dedbb72c8a49a41fcf450931b06ba
test-results-16-20 Expired
418 KB
sha256:ba1a06098b0224fa4473c61e66d7ee4c14bfb0e6dcc80f4deaef6c846eb11602
test-results-17-20 Expired
525 KB
sha256:68e2a4e28b75917a73b59ca09e8d255bd8b5fc949dde6689682cc84c1d380b8e
test-results-18-20 Expired
1.23 MB
sha256:a03b747d3753eafba9dcefd38493541a016e9814aec8332ee7e00b9baed7dc8b
test-results-19-20 Expired
389 KB
sha256:c2c74b160361e09121aacb0da5ed7f0958bf1ff8005ea3feaed23970658889a7
test-results-2-20 Expired
466 KB
sha256:0edbf4b2e4156ebc426f798ef7b2b4ee8bcae6e741aa00b0abc915c3383d50e7
test-results-20-20 Expired
344 KB
sha256:80bfb9e760a38bebbe9993fc84b6f1989a170dcc9c637ac15f743cf4faa648f6
test-results-3-20 Expired
422 KB
sha256:5c224c6e86aebbac4762ff7691e615c3a77dc18dafad25e4e0975de1ef6035bf
test-results-4-20 Expired
518 KB
sha256:bb5441bc41e42a245e0b65fc09e6899b902b4206b0e8097aaec768eb182e22e8
test-results-5-20 Expired
450 KB
sha256:56b402c3da4428e962746f9238028ecf2f03650f115d21592b0daded8ed5e01f
test-results-6-20 Expired
435 KB
sha256:81d9edfba50ad206869f622b7e5d38081cb449eeca89e23d0d92d09bc3a7d704
test-results-7-20 Expired
341 KB
sha256:b72415c386f6dcfa008b0c3ad83b4eab1b7df55afb5ce31dc0aba9541ca4312c
test-results-8-20 Expired
416 KB
sha256:69f8f132a36421af79f90440075a25fd7ec7a01af327778921a5be34719d9858
test-results-9-20 Expired
475 KB
sha256:fab605268ba75ab0d40f87f7d3257d58e68c4b6b594c8ff1dcd1b77d07c1d97f