test(react): general navigation improvement #16822
build.yml
on: pull_request
build-core
1m 4s
Matrix: test-core-screenshot
test-core-clean-build
11s
test-core-lint
48s
test-core-spec
40s
verify-screenshots
2s
Matrix: test-angular-e2e
Matrix: test-react-e2e
Matrix: test-react-router-e2e
Matrix: test-vue-e2e
verify-test-angular-e2e
2s
verify-test-react-e2e
3s
verify-test-react-router-e2e
3s
verify-test-vue-e2e
4s
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
|
|