Skip to content

fix(tabs): respect stencil lifecycle order for tab selection #17141

fix(tabs): respect stencil lifecycle order for tab selection

fix(tabs): respect stencil lifecycle order for tab selection #17141

Triggered via pull request September 30, 2025 20:23
@ShaneKShaneK
synchronize #30702
FW-6775
Status Failure
Total duration 6m 23s
Artifacts 11

build.yml

on: pull_request
build-react
54s
build-react
build-vue
33s
build-vue
Matrix: test-core-screenshot
build-angular
51s
build-angular
build-angular-server
35s
build-angular-server
test-core-clean-build
17s
test-core-clean-build
test-core-lint
45s
test-core-lint
test-core-spec
46s
test-core-spec
build-react-router
26s
build-react-router
build-vue-router
48s
build-vue-router
verify-screenshots
3s
verify-screenshots
Matrix: test-angular-e2e
Matrix: test-react-e2e
Matrix: test-react-router-e2e
Matrix: test-vue-e2e
verify-test-angular-e2e
3s
verify-test-angular-e2e
verify-test-react-e2e
2s
verify-test-react-e2e
verify-test-react-router-e2e
3s
verify-test-react-router-e2e
verify-test-vue-e2e
3s
verify-test-vue-e2e
Fit to window
Zoom out
Zoom in

Annotations

54 errors and 4 notices
test-core-screenshot (12, 20)
Process completed with exit code 1.
[Mobile Chrome] › src/components/tab-bar/test/translucent/tab-bar.e2e.ts:42:9 › tab-bar: translucent - ios/ltr › should render translucent tab bar even when wrapped in a page container: src/components/tab-bar/test/translucent/tab-bar.e2e.ts#L75
1) [Mobile Chrome] › src/components/tab-bar/test/translucent/tab-bar.e2e.ts:42:9 › tab-bar: translucent - ios/ltr › should render translucent tab bar even when wrapped in a page container Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(locator).toHaveScreenshot(expected) failed 118 pixels (ratio 0.01 of all image pixels) are different. Snapshot: tab-bar-translucent-container-ios-ltr.png Call log: - Expect "toHaveScreenshot(tab-bar-translucent-container-ios-ltr.png)" with timeout 5000ms - verifying given screenshot expectation - waiting for locator('ion-tab-bar') - locator resolved to <ion-tab-bar slot="bottom" role="tablist" selected-tab="1" translucent="true" class="ios tab-bar-translucent hydrated">…</ion-tab-bar> - 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 - 118 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('ion-tab-bar') - locator resolved to <ion-tab-bar slot="bottom" role="tablist" selected-tab="1" translucent="true" class="ios tab-bar-translucent hydrated">…</ion-tab-bar> - 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 - 118 pixels (ratio 0.01 of all image pixels) are different. 73 | const tabBar = page.locator('ion-tab-bar'); 74 | > 75 | await expect(tabBar).toHaveScreenshot(screenshot(`tab-bar-translucent-container`)); | ^ 76 | }); 77 | }); 78 | }); at /ionic/src/components/tab-bar/test/translucent/tab-bar.e2e.ts:75:28
[Mobile Chrome] › src/components/tab-bar/test/translucent/tab-bar.e2e.ts:42:9 › tab-bar: translucent - ios/ltr › should render translucent tab bar even when wrapped in a page container: src/components/tab-bar/test/translucent/tab-bar.e2e.ts#L75
1) [Mobile Chrome] › src/components/tab-bar/test/translucent/tab-bar.e2e.ts:42:9 › tab-bar: translucent - ios/ltr › should render translucent tab bar even when wrapped in a page container Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(locator).toHaveScreenshot(expected) failed 118 pixels (ratio 0.01 of all image pixels) are different. Snapshot: tab-bar-translucent-container-ios-ltr.png Call log: - Expect "toHaveScreenshot(tab-bar-translucent-container-ios-ltr.png)" with timeout 5000ms - verifying given screenshot expectation - waiting for locator('ion-tab-bar') - locator resolved to <ion-tab-bar slot="bottom" role="tablist" selected-tab="1" translucent="true" class="ios tab-bar-translucent hydrated">…</ion-tab-bar> - 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 - 118 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('ion-tab-bar') - locator resolved to <ion-tab-bar slot="bottom" role="tablist" selected-tab="1" translucent="true" class="ios tab-bar-translucent hydrated">…</ion-tab-bar> - 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 - 118 pixels (ratio 0.01 of all image pixels) are different. 73 | const tabBar = page.locator('ion-tab-bar'); 74 | > 75 | await expect(tabBar).toHaveScreenshot(screenshot(`tab-bar-translucent-container`)); | ^ 76 | }); 77 | }); 78 | }); at /ionic/src/components/tab-bar/test/translucent/tab-bar.e2e.ts:75:28
[Mobile Chrome] › src/components/tab-bar/test/translucent/tab-bar.e2e.ts:42:9 › tab-bar: translucent - ios/ltr › should render translucent tab bar even when wrapped in a page container: src/components/tab-bar/test/translucent/tab-bar.e2e.ts#L75
1) [Mobile Chrome] › src/components/tab-bar/test/translucent/tab-bar.e2e.ts:42:9 › tab-bar: translucent - ios/ltr › should render translucent tab bar even when wrapped in a page container Error: expect(locator).toHaveScreenshot(expected) failed 118 pixels (ratio 0.01 of all image pixels) are different. Snapshot: tab-bar-translucent-container-ios-ltr.png Call log: - Expect "toHaveScreenshot(tab-bar-translucent-container-ios-ltr.png)" with timeout 5000ms - verifying given screenshot expectation - waiting for locator('ion-tab-bar') - locator resolved to <ion-tab-bar slot="bottom" role="tablist" selected-tab="1" translucent="true" class="ios tab-bar-translucent hydrated">…</ion-tab-bar> - 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 - 118 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('ion-tab-bar') - locator resolved to <ion-tab-bar slot="bottom" role="tablist" selected-tab="1" translucent="true" class="ios tab-bar-translucent hydrated">…</ion-tab-bar> - 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 - 118 pixels (ratio 0.01 of all image pixels) are different. 73 | const tabBar = page.locator('ion-tab-bar'); 74 | > 75 | await expect(tabBar).toHaveScreenshot(screenshot(`tab-bar-translucent-container`)); | ^ 76 | }); 77 | }); 78 | }); at /ionic/src/components/tab-bar/test/translucent/tab-bar.e2e.ts:75:28
test-core-screenshot (8, 20)
The strategy configuration was canceled because "test-core-screenshot._12_20" failed
test-core-screenshot (1, 20)
Process completed with exit code 12.
test-core-screenshot (1, 20)
The operation was canceled.
test-core-screenshot (1, 20)
The strategy configuration was canceled because "test-core-screenshot._12_20" failed
test-core-screenshot (2, 20)
Process completed with exit code 12.
test-core-screenshot (2, 20)
The operation was canceled.
test-core-screenshot (2, 20)
The strategy configuration was canceled because "test-core-screenshot._12_20" failed
test-core-screenshot (14, 20)
Process completed with exit code 12.
test-core-screenshot (14, 20)
The operation was canceled.
test-core-screenshot (14, 20)
The strategy configuration was canceled because "test-core-screenshot._12_20" failed
test-core-screenshot (5, 20)
Process completed with exit code 12.
test-core-screenshot (5, 20)
The operation was canceled.
test-core-screenshot (5, 20)
The strategy configuration was canceled because "test-core-screenshot._12_20" failed
test-core-screenshot (6, 20)
Process completed with exit code 12.
test-core-screenshot (6, 20)
The operation was canceled.
test-core-screenshot (6, 20)
The strategy configuration was canceled because "test-core-screenshot._12_20" failed
test-core-screenshot (15, 20)
Process completed with exit code 12.
test-core-screenshot (15, 20)
The operation was canceled.
test-core-screenshot (15, 20)
The strategy configuration was canceled because "test-core-screenshot._12_20" failed
test-core-screenshot (17, 20)
Process completed with exit code 12.
test-core-screenshot (17, 20)
The operation was canceled.
test-core-screenshot (17, 20)
The strategy configuration was canceled because "test-core-screenshot._12_20" failed
test-core-screenshot (19, 20)
Process completed with exit code 12.
test-core-screenshot (19, 20)
The operation was canceled.
test-core-screenshot (19, 20)
The strategy configuration was canceled because "test-core-screenshot._12_20" failed
test-core-screenshot (3, 20)
Process completed with exit code 12.
test-core-screenshot (3, 20)
The operation was canceled.
test-core-screenshot (3, 20)
The strategy configuration was canceled because "test-core-screenshot._12_20" failed
test-core-screenshot (4, 20)
Process completed with exit code 12.
test-core-screenshot (4, 20)
The operation was canceled.
test-core-screenshot (4, 20)
The strategy configuration was canceled because "test-core-screenshot._12_20" failed
test-core-screenshot (16, 20)
Process completed with exit code 12.
test-core-screenshot (16, 20)
The operation was canceled.
test-core-screenshot (16, 20)
The strategy configuration was canceled because "test-core-screenshot._12_20" failed
test-core-screenshot (18, 20)
Process completed with exit code 12.
test-core-screenshot (18, 20)
The operation was canceled.
test-core-screenshot (18, 20)
The strategy configuration was canceled because "test-core-screenshot._12_20" failed
test-core-screenshot (20, 20)
Process completed with exit code 12.
test-core-screenshot (20, 20)
The operation was canceled.
test-core-screenshot (20, 20)
The strategy configuration was canceled because "test-core-screenshot._12_20" failed
test-core-screenshot (9, 20)
Process completed with exit code 12.
test-core-screenshot (9, 20)
The operation was canceled.
test-core-screenshot (9, 20)
The strategy configuration was canceled because "test-core-screenshot._12_20" failed
test-core-screenshot (11, 20)
Process completed with exit code 12.
test-core-screenshot (11, 20)
The operation was canceled.
test-core-screenshot (11, 20)
The strategy configuration was canceled because "test-core-screenshot._12_20" failed
test-core-screenshot (13, 20)
Process completed with exit code 12.
test-core-screenshot (13, 20)
The operation was canceled.
test-core-screenshot (13, 20)
The strategy configuration was canceled because "test-core-screenshot._12_20" failed
verify-screenshots
Process completed with exit code 1.
🎭 Playwright Run Summary
216 skipped 257 passed (2.3m)
🎭 Playwright Run Summary
407 passed (2.6m)
🎭 Playwright Run Summary
1 failed [Mobile Chrome] › src/components/tab-bar/test/translucent/tab-bar.e2e.ts:42:9 › tab-bar: translucent - ios/ltr › should render translucent tab bar even when wrapped in a page container 1 skipped 538 passed (3.2m)
🎭 Playwright Run Summary
1 skipped 529 passed (3.2m)

Artifacts

Produced during runtime
Name Size Digest
ionic-angular Expired
667 KB
sha256:f45f1ace0f328aeef0e4e1c77a357044b884f57400770e7502c2213273da98b3
ionic-angular-server Expired
8.54 KB
sha256:26a5bd0d90ec1e263198d8d34d70c781c893c93a416e4b1d26ded20fd1e9a4ae
ionic-core Expired
4.54 MB
sha256:ea22888351922b59de7c32f03b9e56f20b199c4cc91dc267a0e5ab5b6d5ec359
ionic-react Expired
211 KB
sha256:43699953b378767c56d245c9fafc80b8ca68369a88cf1d286704036bce678fcf
ionic-react-router Expired
27.9 KB
sha256:7c5f5c62e76a850f2060a4b1164a6ab610ccdeec4743785d71dd938c12233421
ionic-vue Expired
233 KB
sha256:6aa96b60607b6915a195a6c5452a9ac60026dd9a551cd10e433f064541b52c12
ionic-vue-router Expired
17.1 KB
sha256:cd004bfb10d6ba31d4eae609803d23b283be43f9d3659b7a9f9c6cac57f261fe
test-results-10-20 Expired
396 KB
sha256:c63167c48d028b19c93a3fa5f390061a8370386417483eb7f640e645a5f7ba3e
test-results-12-20 Expired
1.99 MB
sha256:ab86313c69a861fa4ac9808a3a8225bd379e6e5f9ea1fb99e04ebff26550f05b
test-results-7-20 Expired
335 KB
sha256:9a16eef148c712e69e1ba826dd735f0975b2c3c3a709d167116d39ba4e93e254
test-results-8-20 Expired
408 KB
sha256:754581b0c28740a7d5ea7b96bca17b025f9a92de6e7c9ec02a7ae28a3f36d36c