Skip to content

test(react): general navigation improvement #16820

test(react): general navigation improvement

test(react): general navigation improvement #16820

Triggered via pull request August 5, 2025 15:10
Status Failure
Total duration 11m 2s
Artifacts 27

build.yml

on: pull_request
build-react
49s
build-react
build-vue
37s
build-vue
Matrix: test-core-screenshot
build-angular
54s
build-angular
build-angular-server
33s
build-angular-server
test-core-clean-build
14s
test-core-clean-build
test-core-lint
52s
test-core-lint
test-core-spec
44s
test-core-spec
build-react-router
27s
build-react-router
build-vue-router
38s
build-vue-router
verify-screenshots
5s
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
2s
verify-test-react-e2e
verify-test-react-router-e2e
2s
verify-test-react-router-e2e
verify-test-vue-e2e
5s
verify-test-vue-e2e
Fit to window
Zoom out
Zoom in

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