fix(tabs): respect stencil lifecycle order for tab selection #17137
ShaneKbuild.yml
on: pull_request
build-core
1m 6s
Matrix: test-core-screenshot
test-core-clean-build
12s
test-core-lint
53s
test-core-spec
48s
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
2s
verify-test-vue-e2e
2s
Annotations
51 errors and 6 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 (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 (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 (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 (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 (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 (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 (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 (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 (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 (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
|
|
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 (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 (4, 20)
Process completed with exit code 12.
|
|
test-core-screenshot (15, 20)
Process completed with exit code 12.
|
|
test-core-screenshot (4, 20)
The operation was canceled.
|
|
test-core-screenshot (15, 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 (15, 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 (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
|
|
verify-screenshots
Process completed with exit code 1.
|
|
🎭 Playwright Run Summary
216 skipped
257 passed (2.3m)
|
|
🎭 Playwright Run Summary
407 passed (2.5m)
|
|
🎭 Playwright Run Summary
1 skipped
529 passed (3.2m)
|
|
🎭 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.3m)
|
|
🎭 Playwright Run Summary
212 skipped
303 passed (3.5m)
|
|
🎭 Playwright Run Summary
4 skipped
510 passed (3.5m)
|
Artifacts
Produced during runtime
| Name | Size | Digest | |
|---|---|---|---|
|
ionic-angular
Expired
|
667 KB |
sha256:c4a7c19813b074bc2a26e2f0d2a6122e379fd95dbfab7d95bec3f4b12493002b
|
|
|
ionic-angular-server
Expired
|
8.56 KB |
sha256:f597269609dd37deff18a067b9656a7f3c5e429ed834a79c24c97428841f110b
|
|
|
ionic-core
Expired
|
4.54 MB |
sha256:81cea92e66bb17c15a154e92e9b062c8e94671138e4d3bbb319ccbf70977041e
|
|
|
ionic-react
Expired
|
211 KB |
sha256:a5714ae1e8db7efa6bca3f04095164768393f46f1a597e5de14d7811c2c430ee
|
|
|
ionic-react-router
Expired
|
27.9 KB |
sha256:1532c1f462848b82b6463dbe4c35743c99f99086cae829ca4725276cd69e524b
|
|
|
ionic-vue
Expired
|
233 KB |
sha256:d16d2edf85d82d04bd6db675c5510fcec8d993db068212ab45361f935f27728d
|
|
|
ionic-vue-router
Expired
|
17 KB |
sha256:96b9da0fa6a9bb46bf4f5938af99f4d6b4b3dfa8eb67e682490347f6862589a5
|
|
|
test-results-10-20
Expired
|
395 KB |
sha256:425325629bf15ae9b230d73ea18107612a0aa099e53d08d67f290498c424050e
|
|
|
test-results-11-20
Expired
|
481 KB |
sha256:152879ae8d5436689b64a373472bc32ebb6adb9c4d653964afb589a9ab6d2b0e
|
|
|
test-results-12-20
Expired
|
1.98 MB |
sha256:016c8399b05764cfbfc8e6eeed50ea279bb122326604fa637bccfcd678c3ade1
|
|
|
test-results-20-20
Expired
|
338 KB |
sha256:d5ee4762ccffe850a0159bdb824a5045f9b55b6c02fb4be05c3b0c4eeca02df4
|
|
|
test-results-7-20
Expired
|
334 KB |
sha256:3081d87e7a81bc7e5403a466a3bb8a488ef7689b3d7072cfcd09340a4c42d765
|
|
|
test-results-8-20
Expired
|
408 KB |
sha256:deb7192359a2328ba233bb87af224a2608d03c90ab140483284ce16e74ba3f4d
|
|