test(react): general navigation improvement #16820
build.yml
on: pull_request
build-core
1m 25s
Matrix: test-core-screenshot
test-core-clean-build
14s
test-core-lint
52s
test-core-spec
44s
verify-screenshots
5s
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
2s
verify-test-react-router-e2e
2s
verify-test-vue-e2e
5s
Annotations
10 errors and 20 notices
|
test-react-e2e (react18)
Process completed with exit code 1.
|
|
test-react-e2e (react17)
Process completed with exit code 1.
|
|
test-react-e2e (react19)
Process completed with exit code 1.
|
|
verify-test-react-e2e
Process completed with exit code 1.
|
|
[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
3) [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
2) [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
|
|
[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
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
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
|
|
[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
|
|
[Mobile Safari] › src/components/item/test/inputs/item.e2e.ts:32:9 › disabled state rendering - md/ltr › disabled controls should not have visual regressions:
src/components/item/test/inputs/item.e2e.ts#L44
1) [Mobile Safari] › src/components/item/test/inputs/item.e2e.ts:32:9 › disabled state rendering - md/ltr › disabled controls should not have visual regressions
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(page).toHaveScreenshot(expected)
1670 pixels (ratio 0.01 of all image pixels) are different.
Snapshot: item-inputs-disabled-md-ltr.png
Call log:
- Expect "toHaveScreenshot(item-inputs-disabled-md-ltr.png)" with timeout 5000ms
- verifying given screenshot expectation
- taking page screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- 1670 pixels (ratio 0.01 of all image pixels) are different.
- waiting 100ms before taking screenshot
- taking page screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- captured a stable screenshot
- 1670 pixels (ratio 0.01 of all image pixels) are different.
42 |
43 | await page.setIonViewport();
> 44 | await expect(page).toHaveScreenshot(screenshot(`item-inputs-disabled`));
| ^
45 | });
46 | });
47 | });
at /ionic/src/components/item/test/inputs/item.e2e.ts:44:26
|
|
[Mobile Safari] › src/components/item/test/inputs/item.e2e.ts:32:9 › disabled state rendering - md/ltr › disabled controls should not have visual regressions:
src/components/item/test/inputs/item.e2e.ts#L44
1) [Mobile Safari] › src/components/item/test/inputs/item.e2e.ts:32:9 › disabled state rendering - md/ltr › disabled controls should not have visual regressions
Error: expect(page).toHaveScreenshot(expected)
1670 pixels (ratio 0.01 of all image pixels) are different.
Snapshot: item-inputs-disabled-md-ltr.png
Call log:
- Expect "toHaveScreenshot(item-inputs-disabled-md-ltr.png)" with timeout 5000ms
- verifying given screenshot expectation
- taking page screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- 1670 pixels (ratio 0.01 of all image pixels) are different.
- waiting 100ms before taking screenshot
- taking page screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- captured a stable screenshot
- 1670 pixels (ratio 0.01 of all image pixels) are different.
42 |
43 | await page.setIonViewport();
> 44 | await expect(page).toHaveScreenshot(screenshot(`item-inputs-disabled`));
| ^
45 | });
46 | });
47 | });
at /ionic/src/components/item/test/inputs/item.e2e.ts:44:26
|
|
🎭 Playwright Run Summary
407 passed (2.5m)
|
|
🎭 Playwright Run Summary
216 skipped
257 passed (2.3m)
|
|
🎭 Playwright Run Summary
1 skipped
534 passed (3.2m)
|
|
🎭 Playwright Run Summary
212 skipped
303 passed (3.4m)
|
|
🎭 Playwright Run Summary
1 skipped
529 passed (3.0m)
|
|
🎭 Playwright Run Summary
4 skipped
510 passed (3.5m)
|
|
🎭 Playwright Run Summary
4 skipped
635 passed (3.7m)
|
|
🎭 Playwright Run Summary
638 passed (4.2m)
|
|
🎭 Playwright Run Summary
10 skipped
503 passed (4.7m)
|
|
🎭 Playwright Run Summary
14 skipped
399 passed (5.0m)
|
|
🎭 Playwright Run Summary
5 skipped
510 passed (4.9m)
|
|
🎭 Playwright Run Summary
10 skipped
526 passed (6.4m)
|
|
🎭 Playwright Run Summary
4 skipped
528 passed (7.0m)
|
|
🎭 Playwright Run Summary
1 skipped
537 passed (7.1m)
|
|
🎭 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: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
506 passed (7.1m)
|
|
🎭 Playwright Run Summary
1 flaky
[Mobile Safari] › src/components/item/test/inputs/item.e2e.ts:32:9 › disabled state rendering - md/ltr › disabled controls should not have visual regressions
5 skipped
514 passed (7.2m)
|
|
🎭 Playwright Run Summary
1 skipped
523 passed (6.9m)
|
|
🎭 Playwright Run Summary
14 skipped
497 passed (7.3m)
|
|
🎭 Playwright Run Summary
5 skipped
563 passed (7.5m)
|
|
🎭 Playwright Run Summary
7 skipped
507 passed (8.4m)
|
Artifacts
Produced during runtime
| Name | Size | Digest | |
|---|---|---|---|
|
ionic-angular
Expired
|
666 KB |
sha256:55f7bb7a666d7cadbc27423ae421755d3ca3012b509a3622b93c7afc682cf3e6
|
|
|
ionic-angular-server
Expired
|
8.54 KB |
sha256:24c23473daf5f8748975d056f071c533af71898ff160e5a9dd61d25c188e0e5f
|
|
|
ionic-core
Expired
|
4.51 MB |
sha256:8ef963ab64dc3fcd28019164cddd96d10bf89b18f535da3d203f74dfd0574144
|
|
|
ionic-react
Expired
|
211 KB |
sha256:caf04df15eb90a347023cfc77e056160b33d67b32a392bde7bd20828cfbcd908
|
|
|
ionic-react-router
Expired
|
27.9 KB |
sha256:9bcd0a281ea08db99f43f9c8b0e95f5dad6b4a39af7caebe269ef1aad314a9c1
|
|
|
ionic-vue
Expired
|
233 KB |
sha256:3d71371eba21b3d1f275d1fcc56fbc051e48270d0271df9c7cac72b73a4ff66d
|
|
|
ionic-vue-router
Expired
|
17 KB |
sha256:42f89fb32d4ce1e2a7c4d19b51b3fba635a1101254886a732e64c29a20a49693
|
|
|
test-results-1-20
Expired
|
430 KB |
sha256:c1e6ee625dfa150cbb16780cf066cdbe3b0aaee1294d5c62f7f62a87dba45b13
|
|
|
test-results-10-20
Expired
|
405 KB |
sha256:34cfc23856b688d338682f7bf5791768ee681d85bd77f98b156ca515fd7e196b
|
|
|
test-results-11-20
Expired
|
492 KB |
sha256:4a24b22b56abe635437b5f8e6b0f3fa6bfb6a47f400062e0900f4b6b512032d9
|
|
|
test-results-12-20
Expired
|
442 KB |
sha256:1c019cf977124c68546418cab00618de1ea75c826b60dd2931ea7e3f5e80b141
|
|
|
test-results-13-20
Expired
|
436 KB |
sha256:e132306d0c8e67bbea6664f72fb725442c2aa3c86238e7dfb1d02eef247f8944
|
|
|
test-results-14-20
Expired
|
397 KB |
sha256:a7420d98e228e678df3111e4fdbb2ef0a257ccabdfdeb66745ff3a581f11cdd9
|
|
|
test-results-15-20
Expired
|
2.77 MB |
sha256:2e7c9422c68e3b223e579eb5d80994479cac0a870791c1fa6673d2fba0542647
|
|
|
test-results-16-20
Expired
|
419 KB |
sha256:4020afba7510f10aa6fdc817620d5f5212db4a1e0a308ac4650146efde85daae
|
|
|
test-results-17-20
Expired
|
2.03 MB |
sha256:eccea02d8d62366c5f7c581cd6dee4a1597202ca1cfd6961f884b77fcbd9a363
|
|
|
test-results-18-20
Expired
|
502 KB |
sha256:cdf7ef9623c59e7e27ffcff0cde6255015c030b7f281dffd918ced244623c000
|
|
|
test-results-19-20
Expired
|
389 KB |
sha256:a89127634b54eebbd3f4c547ae59faaa4bdc94d45a8c24677e3d7961f0cb4cc3
|
|
|
test-results-2-20
Expired
|
467 KB |
sha256:4ab4de4889c3ed2d50e22e34e21a50276588555961c170ae0d9930f01f57fd37
|
|
|
test-results-20-20
Expired
|
343 KB |
sha256:ca6c061be3874eef732ac4f1fe3f8df033ff541e4e219ff1efcff616aadd51a2
|
|
|
test-results-3-20
Expired
|
424 KB |
sha256:347b7915abffdbc5d0a7e4aaa0dcba57accf0cd04466c840558f3340b80672a8
|
|
|
test-results-4-20
Expired
|
517 KB |
sha256:69307398a96aa9c05f773ae4499dcafe0136784be622151ff9d52fe3acc2e51e
|
|
|
test-results-5-20
Expired
|
449 KB |
sha256:81af610b54154141c90ffac2a9dd08306a677f75c78fe1f3e938eaf73cf81025
|
|
|
test-results-6-20
Expired
|
436 KB |
sha256:1a0dff922d74f450d7bc4f0693b20433148bf8b43c44e0b74061694cf87367ad
|
|
|
test-results-7-20
Expired
|
339 KB |
sha256:9ac141637a8c0e13eacb1f0e788996deee70eaa1a7429d0fe99124fae2ba8fda
|
|
|
test-results-8-20
Expired
|
415 KB |
sha256:3d0ebdee5d299f41a55358cd8717b320292f8b0b3789ed1b3f24d738de79b6b8
|
|
|
test-results-9-20
Expired
|
476 KB |
sha256:5390a9250b5fc97f087b600a28ca7894e8ee3238900d93b0bab5bb215f169835
|
|