Skip to content

test(react): general navigation improvement #16822

test(react): general navigation improvement

test(react): general navigation improvement #16822

Triggered via pull request August 5, 2025 16:18
Status Success
Total duration 10m 24s
Artifacts 27

build.yml

on: pull_request
build-react
43s
build-react
build-vue
35s
build-vue
Matrix: test-core-screenshot
build-angular
56s
build-angular
build-angular-server
26s
build-angular-server
test-core-clean-build
11s
test-core-clean-build
test-core-lint
48s
test-core-lint
test-core-spec
40s
test-core-spec
build-react-router
40s
build-react-router
build-vue-router
36s
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
3s
verify-test-react-router-e2e
verify-test-vue-e2e
4s
verify-test-vue-e2e
Fit to window
Zoom out
Zoom in

Annotations

4 errors and 20 notices
[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/datetime/test/show-adjacent-days/datetime.e2e.ts:16:9 › datetime: show adjacent days - ios/ltr › should not have visual regressions with a custom styled calendar: src/components/datetime/test/show-adjacent-days/datetime.e2e.ts#L20
3) [Mobile Safari] › src/components/datetime/test/show-adjacent-days/datetime.e2e.ts:16:9 › datetime: show adjacent days - ios/ltr › should not have visual regressions with a custom styled calendar Error: expect(locator).toHaveScreenshot(expected) 4908 pixels (ratio 0.05 of all image pixels) are different. Snapshot: datetime-show-adjacent-days-custom-calendar-ios-ltr.png Call log: - Expect "toHaveScreenshot(datetime-show-adjacent-days-custom-calendar-ios-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 ios 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 - 4908 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 ios 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 - 4908 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:53:9 › datetime: custom focus - md/ltr › should focus the selected day and then the day after: src/components/datetime/test/custom/datetime.e2e.ts#L64
2) [Mobile Safari] › src/components/datetime/test/custom/datetime.e2e.ts:53:9 › datetime: custom focus - md/ltr › should focus the selected day and then the day after Error: expect(locator).toHaveScreenshot(expected) 5526 pixels (ratio 0.05 of all image pixels) are different. Snapshot: datetime-custom-focus-selected-calendar-day-md-ltr.png Call log: - Expect "toHaveScreenshot(datetime-custom-focus-selected-calendar-day-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. 62 | 63 | await expect(day).toBeFocused(); > 64 | await expect(datetime).toHaveScreenshot(screenshot(`datetime-custom-focus-selected-calendar-day`)); | ^ 65 | 66 | await page.keyboard.press('ArrowRight'); 67 | await page.waitForChanges(); at /ionic/src/components/datetime/test/custom/datetime.e2e.ts:64:30
[Mobile Safari] › src/components/datetime/test/custom/datetime.e2e.ts:32:9 › datetime: custom - ios/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 - ios/ltr › should allow styling calendar days in grid style datetimes Error: expect(locator).toHaveScreenshot(expected) 4509 pixels (ratio 0.04 of all image pixels) are different. Snapshot: datetime-custom-calendar-days-ios-ltr.png Call log: - Expect "toHaveScreenshot(datetime-custom-calendar-days-ios-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 ios 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 - 4509 pixels (ratio 0.04 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 ios 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 - 4509 pixels (ratio 0.04 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
216 skipped 257 passed (2.4m)
🎭 Playwright Run Summary
407 passed (2.5m)
🎭 Playwright Run Summary
1 skipped 529 passed (3.1m)
🎭 Playwright Run Summary
1 skipped 534 passed (3.2m)
🎭 Playwright Run Summary
212 skipped 303 passed (3.3m)
🎭 Playwright Run Summary
4 skipped 635 passed (3.7m)
🎭 Playwright Run Summary
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 509 passed (3.6m)
🎭 Playwright Run Summary
638 passed (4.1m)
🎭 Playwright Run Summary
10 skipped 503 passed (4.6m)
🎭 Playwright Run Summary
14 skipped 399 passed (4.9m)
🎭 Playwright Run Summary
5 skipped 510 passed (5.0m)
🎭 Playwright Run Summary
10 skipped 526 passed (6.4m)
🎭 Playwright Run Summary
1 skipped 537 passed (6.4m)
🎭 Playwright Run Summary
3 flaky [Mobile Safari] › src/components/datetime/test/custom/datetime.e2e.ts:32:9 › datetime: custom - ios/ltr › should allow styling calendar days in grid style datetimes [Mobile Safari] › src/components/datetime/test/custom/datetime.e2e.ts:53:9 › datetime: custom focus - md/ltr › should focus the selected day and then the day after [Mobile Safari] › src/components/datetime/test/show-adjacent-days/datetime.e2e.ts:16:9 › datetime: show adjacent days - ios/ltr › should not have visual regressions with a custom styled calendar 2 skipped 506 passed (6.9m)
🎭 Playwright Run Summary
5 skipped 515 passed (6.9m)
🎭 Playwright Run Summary
5 skipped 563 passed (7.2m)
🎭 Playwright Run Summary
4 skipped 528 passed (7.3m)
🎭 Playwright Run Summary
1 skipped 523 passed (7.3m)
🎭 Playwright Run Summary
14 skipped 497 passed (7.5m)
🎭 Playwright Run Summary
7 skipped 507 passed (8.2m)

Artifacts

Produced during runtime
Name Size Digest
ionic-angular Expired
666 KB
sha256:86ba5f64a75fbb35c65db61b5ecd5567fe3727225a3b9a876bcd21811b9d4090
ionic-angular-server Expired
8.54 KB
sha256:f37b8a6b4b32a0f11b254cb31096d5f9176587fd3a24f131d7770b4b816e59df
ionic-core Expired
4.51 MB
sha256:79ca85ac3baf1d3301d5643ab33955c802a274f7c89a404f3360e833562feb89
ionic-react Expired
211 KB
sha256:a36ff61aae5a6d7a41b181f079c57b45a182f5b5d77e32f65d4c4411858d53a3
ionic-react-router Expired
27.9 KB
sha256:7945574828f75d90c7fe43b09882957087fc3b7b42171df806adea5deecbd404
ionic-vue Expired
233 KB
sha256:45e635d107a3f155b5a2fc1b11a39c9885b832787d0c4b4f6c630d36e3e708c7
ionic-vue-router Expired
17.1 KB
sha256:564404c43ace83dd0fb517537d970d536e8ef8f8acbd01335b6fd1e5d2024660
test-results-1-20 Expired
430 KB
sha256:b57121bf8895b311f03e381b467f0d4ebfde93f251413015d853dd1ce6383c7a
test-results-10-20 Expired
405 KB
sha256:04c72bf43f3abb3c2add44a52242213ad331c4df08768a75b226ea9bcb92f8fd
test-results-11-20 Expired
1.23 MB
sha256:3ef7d8a8ff70d9cf2282498cb1e1e6516605a4e169df73d886fc850ead438fbc
test-results-12-20 Expired
443 KB
sha256:3228a517014aee26a84876bb9df9101b6176faa4cadf04ca726191d59443e19d
test-results-13-20 Expired
435 KB
sha256:4abcf70e70711daee51df3726dfda9d52a2fcb8413a365bd7636b1656a98f077
test-results-14-20 Expired
397 KB
sha256:7d840ca22345827d30412610aa505df8bdabb861f82dac7d3a84388730016665
test-results-15-20 Expired
2.33 MB
sha256:a7ff657f489e89b457b29f7671fb75df9098f61b683544113609635568084674
test-results-16-20 Expired
419 KB
sha256:0007485239188a7366cbf54c2285d80895971c7fd76c7e8e623ea1c51d375ca1
test-results-17-20 Expired
526 KB
sha256:7a4585c9ff0696dfae89d6d0e24ae49585e7d57bc94869c3c28175476b692745
test-results-18-20 Expired
502 KB
sha256:ef14d625232040a2dad8f268335be816e8ebd543ef81951be25136915b82e9fe
test-results-19-20 Expired
389 KB
sha256:0800f170addf83047fbc4148b1637e49afe78f6fbab5a74bc54d112df89d5b25
test-results-2-20 Expired
467 KB
sha256:465ecad798a3a517dda3407d991066d069a7747c8e463c9cd251db181dbcad6d
test-results-20-20 Expired
343 KB
sha256:bf484bd80c9c734a7ef2be9ea210da16eee8f5d7632d86baaaf623d1e85cfe2d
test-results-3-20 Expired
422 KB
sha256:21a8f24c464316606ca536c9ccac014cb73be47ae5616b31ead73220eb1803a5
test-results-4-20 Expired
518 KB
sha256:61bc9cba0cedefc07929305f87583c118503405be2b6480626fe9d30fa34a279
test-results-5-20 Expired
450 KB
sha256:009038a307a1cfee4dcf90b2621408b23a98e365e82292e99740af9b861e8e35
test-results-6-20 Expired
435 KB
sha256:c8a8fb0dd218e2c7e9ad144c647a69cc793c59c6f818b4d04bb138c5f3cc4a96
test-results-7-20 Expired
340 KB
sha256:a98cf854591546bfb3027c0f8de280be0af359624ec20538ba24aec7dc306775
test-results-8-20 Expired
416 KB
sha256:9ad62c3648f1f14e466aa50ec432ca395d0659a5a2648662b0825aada0671f5b
test-results-9-20 Expired
477 KB
sha256:cad1f60b7fc765486f21af39b14179879314a5ba7b6ff17fc251e6de5c3d75d1