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