fix(tabs): respect stencil lifecycle order for tab selection #17141
build.yml
on: pull_request
build-core
1m 13s
Matrix: test-core-screenshot
test-core-clean-build
17s
test-core-lint
45s
test-core-spec
46s
verify-screenshots
3s
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
2s
verify-test-react-router-e2e
3s
verify-test-vue-e2e
3s
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
|
|