Update Reference Screenshots #2241
OS-susmitabhowmikupdate-screenshots.yml
on: workflow_dispatch
build-core
1m 54s
Matrix: test-core-screenshot
update-reference-screenshots
0s
Annotations
51 errors and 20 notices
|
[Mobile Chrome] › src/components/tab-bar/test/scroll-effect-hide/tab-bar.e2e.ts:28:9 › tab-bar: scroll-effect-hide - ionic/ios/ltr/light › should show the tab bar again when scrolling back to the top:
src/components/tab-bar/test/scroll-effect-hide/tab-bar.e2e.ts#L35
4) [Mobile Chrome] › src/components/tab-bar/test/scroll-effect-hide/tab-bar.e2e.ts:28:9 › tab-bar: scroll-effect-hide - ionic/ios/ltr/light › should show the tab bar again when scrolling back to the top
Error: locator.waitFor: Test timeout of 30000ms exceeded.
Call log:
- waiting for locator('ion-tab-bar.tab-bar-scroll-hidden') to be visible
33 |
34 | await content.evaluate((el: HTMLIonContentElement) => el.scrollToBottom(0));
> 35 | await page.locator('ion-tab-bar.tab-bar-scroll-hidden').waitFor();
| ^
36 |
37 | await content.evaluate((el: HTMLIonContentElement) => el.scrollToTop(0));
38 | await page.locator('ion-tab-bar:not(.tab-bar-scroll-hidden)').waitFor();
at /ionic/src/components/tab-bar/test/scroll-effect-hide/tab-bar.e2e.ts:35:63
|
|
[Mobile Chrome] › src/components/tab-bar/test/scroll-effect-hide/tab-bar.e2e.ts:13:9 › tab-bar: scroll-effect-hide - ionic/ios/ltr/light › should hide the tab bar when scrolling down:
src/components/tab-bar/test/scroll-effect-hide/tab-bar.e2e.ts#L22
3) [Mobile Chrome] › src/components/tab-bar/test/scroll-effect-hide/tab-bar.e2e.ts:13:9 › tab-bar: scroll-effect-hide - ionic/ios/ltr/light › should hide the tab bar when scrolling down
Retry #2 ───────────────────────────────────────────────────────────────────────────────────────
Error: locator.waitFor: Test timeout of 30000ms exceeded.
Call log:
- waiting for locator('ion-tab-bar.tab-bar-scroll-hidden') to be visible
20 |
21 | await content.evaluate((el: HTMLIonContentElement) => el.scrollToBottom(0));
> 22 | await page.locator('ion-tab-bar.tab-bar-scroll-hidden').waitFor();
| ^
23 |
24 | await expect(tabBar).toHaveClass(/tab-bar-scroll-hidden/);
25 | await expect(tabBar).toHaveAttribute('inert', '');
at /ionic/src/components/tab-bar/test/scroll-effect-hide/tab-bar.e2e.ts:22:63
|
|
[Mobile Chrome] › src/components/tab-bar/test/scroll-effect-hide/tab-bar.e2e.ts:13:9 › tab-bar: scroll-effect-hide - ionic/ios/ltr/light › should hide the tab bar when scrolling down:
src/components/tab-bar/test/scroll-effect-hide/tab-bar.e2e.ts#L0
3) [Mobile Chrome] › src/components/tab-bar/test/scroll-effect-hide/tab-bar.e2e.ts:13:9 › tab-bar: scroll-effect-hide - ionic/ios/ltr/light › should hide the tab bar when scrolling down
Retry #2 ───────────────────────────────────────────────────────────────────────────────────────
Test timeout of 30000ms exceeded.
|
|
[Mobile Chrome] › src/components/tab-bar/test/scroll-effect-hide/tab-bar.e2e.ts:13:9 › tab-bar: scroll-effect-hide - ionic/ios/ltr/light › should hide the tab bar when scrolling down:
src/components/tab-bar/test/scroll-effect-hide/tab-bar.e2e.ts#L24
3) [Mobile Chrome] › src/components/tab-bar/test/scroll-effect-hide/tab-bar.e2e.ts:13:9 › tab-bar: scroll-effect-hide - ionic/ios/ltr/light › should hide the tab bar when scrolling down
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(locator).toHaveClass(expected) failed
Locator: locator('ion-tab-bar')
Expected pattern: /tab-bar-scroll-hidden/
Received string: "ionic tab-bar-scroll-effect-hide tab-bar-full tab-bar-round hydrated"
Timeout: 5000ms
Call log:
- Expect "toHaveClass" with timeout 5000ms
- waiting for locator('ion-tab-bar')
14 × locator resolved to <ion-tab-bar slot="bottom" role="tablist" scroll-effect="hide" class="ionic tab-bar-scroll-effect-hide tab-bar-full tab-bar-round hydrated">…</ion-tab-bar>
- unexpected value "ionic tab-bar-scroll-effect-hide tab-bar-full tab-bar-round hydrated"
22 | await page.locator('ion-tab-bar.tab-bar-scroll-hidden').waitFor();
23 |
> 24 | await expect(tabBar).toHaveClass(/tab-bar-scroll-hidden/);
| ^
25 | await expect(tabBar).toHaveAttribute('inert', '');
26 | });
27 |
at /ionic/src/components/tab-bar/test/scroll-effect-hide/tab-bar.e2e.ts:24:28
|
|
[Mobile Chrome] › src/components/tab-bar/test/scroll-effect-hide/tab-bar.e2e.ts:13:9 › tab-bar: scroll-effect-hide - ionic/ios/ltr/light › should hide the tab bar when scrolling down:
src/components/tab-bar/test/scroll-effect-hide/tab-bar.e2e.ts#L22
3) [Mobile Chrome] › src/components/tab-bar/test/scroll-effect-hide/tab-bar.e2e.ts:13:9 › tab-bar: scroll-effect-hide - ionic/ios/ltr/light › should hide the tab bar when scrolling down
Error: locator.waitFor: Test timeout of 30000ms exceeded.
Call log:
- waiting for locator('ion-tab-bar.tab-bar-scroll-hidden') to be visible
20 |
21 | await content.evaluate((el: HTMLIonContentElement) => el.scrollToBottom(0));
> 22 | await page.locator('ion-tab-bar.tab-bar-scroll-hidden').waitFor();
| ^
23 |
24 | await expect(tabBar).toHaveClass(/tab-bar-scroll-hidden/);
25 | await expect(tabBar).toHaveAttribute('inert', '');
at /ionic/src/components/tab-bar/test/scroll-effect-hide/tab-bar.e2e.ts:22:63
|
|
[Mobile Chrome] › src/components/tab-bar/test/scroll-effect-hide/tab-bar.e2e.ts:13:9 › tab-bar: scroll-effect-hide - md/ltr › should hide the tab bar when scrolling down:
src/components/tab-bar/test/scroll-effect-hide/tab-bar.e2e.ts#L24
2) [Mobile Chrome] › src/components/tab-bar/test/scroll-effect-hide/tab-bar.e2e.ts:13:9 › tab-bar: scroll-effect-hide - md/ltr › should hide the tab bar when scrolling down
Retry #2 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(locator).toHaveClass(expected) failed
Locator: locator('ion-tab-bar')
Expected pattern: /tab-bar-scroll-hidden/
Received string: "md tab-bar-scroll-effect-hide tab-bar-full hydrated"
Timeout: 5000ms
Call log:
- Expect "toHaveClass" with timeout 5000ms
- waiting for locator('ion-tab-bar')
14 × locator resolved to <ion-tab-bar slot="bottom" role="tablist" scroll-effect="hide" class="md tab-bar-scroll-effect-hide tab-bar-full hydrated">…</ion-tab-bar>
- unexpected value "md tab-bar-scroll-effect-hide tab-bar-full hydrated"
22 | await page.locator('ion-tab-bar.tab-bar-scroll-hidden').waitFor();
23 |
> 24 | await expect(tabBar).toHaveClass(/tab-bar-scroll-hidden/);
| ^
25 | await expect(tabBar).toHaveAttribute('inert', '');
26 | });
27 |
at /ionic/src/components/tab-bar/test/scroll-effect-hide/tab-bar.e2e.ts:24:28
|
|
[Mobile Chrome] › src/components/tab-bar/test/scroll-effect-hide/tab-bar.e2e.ts:13:9 › tab-bar: scroll-effect-hide - md/ltr › should hide the tab bar when scrolling down:
src/components/tab-bar/test/scroll-effect-hide/tab-bar.e2e.ts#L24
2) [Mobile Chrome] › src/components/tab-bar/test/scroll-effect-hide/tab-bar.e2e.ts:13:9 › tab-bar: scroll-effect-hide - md/ltr › should hide the tab bar when scrolling down
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(locator).toHaveClass(expected) failed
Locator: locator('ion-tab-bar')
Expected pattern: /tab-bar-scroll-hidden/
Received string: "md tab-bar-scroll-effect-hide tab-bar-full hydrated"
Timeout: 5000ms
Call log:
- Expect "toHaveClass" with timeout 5000ms
- waiting for locator('ion-tab-bar')
14 × locator resolved to <ion-tab-bar slot="bottom" role="tablist" scroll-effect="hide" class="md tab-bar-scroll-effect-hide tab-bar-full hydrated">…</ion-tab-bar>
- unexpected value "md tab-bar-scroll-effect-hide tab-bar-full hydrated"
22 | await page.locator('ion-tab-bar.tab-bar-scroll-hidden').waitFor();
23 |
> 24 | await expect(tabBar).toHaveClass(/tab-bar-scroll-hidden/);
| ^
25 | await expect(tabBar).toHaveAttribute('inert', '');
26 | });
27 |
at /ionic/src/components/tab-bar/test/scroll-effect-hide/tab-bar.e2e.ts:24:28
|
|
[Mobile Chrome] › src/components/tab-bar/test/scroll-effect-hide/tab-bar.e2e.ts:13:9 › tab-bar: scroll-effect-hide - ios/ltr › should hide the tab bar when scrolling down:
src/components/tab-bar/test/scroll-effect-hide/tab-bar.e2e.ts#L25
1) [Mobile Chrome] › src/components/tab-bar/test/scroll-effect-hide/tab-bar.e2e.ts:13:9 › tab-bar: scroll-effect-hide - ios/ltr › should hide the tab bar when scrolling down
Retry #2 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(locator).toHaveAttribute(expected) failed
Locator: locator('ion-tab-bar')
Expected: ""
Received: serializes to the same string
Timeout: 5000ms
Call log:
- Expect "toHaveAttribute" with timeout 5000ms
- waiting for locator('ion-tab-bar')
14 × locator resolved to <ion-tab-bar slot="bottom" role="tablist" scroll-effect="hide" class="ios tab-bar-scroll-effect-hide tab-bar-full hydrated">…</ion-tab-bar>
- unexpected value "null"
23 |
24 | await expect(tabBar).toHaveClass(/tab-bar-scroll-hidden/);
> 25 | await expect(tabBar).toHaveAttribute('inert', '');
| ^
26 | });
27 |
28 | test('should show the tab bar again when scrolling back to the top', async ({ page }) => {
at /ionic/src/components/tab-bar/test/scroll-effect-hide/tab-bar.e2e.ts:25:28
|
|
[Mobile Chrome] › src/components/tab-bar/test/scroll-effect-hide/tab-bar.e2e.ts:13:9 › tab-bar: scroll-effect-hide - ios/ltr › should hide the tab bar when scrolling down:
src/components/tab-bar/test/scroll-effect-hide/tab-bar.e2e.ts#L22
1) [Mobile Chrome] › src/components/tab-bar/test/scroll-effect-hide/tab-bar.e2e.ts:13:9 › tab-bar: scroll-effect-hide - ios/ltr › should hide the tab bar when scrolling down
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: locator.waitFor: Test timeout of 30000ms exceeded.
Call log:
- waiting for locator('ion-tab-bar.tab-bar-scroll-hidden') to be visible
20 |
21 | await content.evaluate((el: HTMLIonContentElement) => el.scrollToBottom(0));
> 22 | await page.locator('ion-tab-bar.tab-bar-scroll-hidden').waitFor();
| ^
23 |
24 | await expect(tabBar).toHaveClass(/tab-bar-scroll-hidden/);
25 | await expect(tabBar).toHaveAttribute('inert', '');
at /ionic/src/components/tab-bar/test/scroll-effect-hide/tab-bar.e2e.ts:22:63
|
|
[Mobile Chrome] › src/components/tab-bar/test/scroll-effect-hide/tab-bar.e2e.ts:13:9 › tab-bar: scroll-effect-hide - ios/ltr › should hide the tab bar when scrolling down:
src/components/tab-bar/test/scroll-effect-hide/tab-bar.e2e.ts#L0
1) [Mobile Chrome] › src/components/tab-bar/test/scroll-effect-hide/tab-bar.e2e.ts:13:9 › tab-bar: scroll-effect-hide - ios/ltr › should hide the tab bar when scrolling down
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Test timeout of 30000ms exceeded.
|
|
[Mobile Safari] › src/components/tab-bar/test/scroll-effect-hide/tab-bar.e2e.ts:28:9 › tab-bar: scroll-effect-hide - ios/ltr › should show the tab bar again when scrolling back to the top:
src/components/tab-bar/test/scroll-effect-hide/tab-bar.e2e.ts#L35
1) [Mobile Safari] › src/components/tab-bar/test/scroll-effect-hide/tab-bar.e2e.ts:28:9 › tab-bar: scroll-effect-hide - ios/ltr › should show the tab bar again when scrolling back to the top
Error: locator.waitFor: Test timeout of 30000ms exceeded.
Call log:
- waiting for locator('ion-tab-bar.tab-bar-scroll-hidden') to be visible
33 |
34 | await content.evaluate((el: HTMLIonContentElement) => el.scrollToBottom(0));
> 35 | await page.locator('ion-tab-bar.tab-bar-scroll-hidden').waitFor();
| ^
36 |
37 | await content.evaluate((el: HTMLIonContentElement) => el.scrollToTop(0));
38 | await page.locator('ion-tab-bar:not(.tab-bar-scroll-hidden)').waitFor();
at /ionic/src/components/tab-bar/test/scroll-effect-hide/tab-bar.e2e.ts:35:63
|
|
[Mobile Safari] › src/components/header/test/scroll-effect-hide/header.e2e.ts:13:9 › header: scroll-effect-hide - ios/ltr › should hide the header when scrolling down:
src/components/header/test/scroll-effect-hide/header.e2e.ts#L25
5) [Mobile Safari] › src/components/header/test/scroll-effect-hide/header.e2e.ts:13:9 › header: scroll-effect-hide - ios/ltr › should hide the header when scrolling down
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(locator).toHaveAttribute(expected) failed
Locator: locator('ion-header')
Expected: ""
Received: serializes to the same string
Timeout: 5000ms
Call log:
- Expect "toHaveAttribute" with timeout 5000ms
- waiting for locator('ion-header')
14 × locator resolved to <ion-header role="banner" scroll-effect="hide" class="ios header-ios header-collapse-none header-scroll-effect-hide hydrated">…</ion-header>
- unexpected value "null"
23 |
24 | await expect(header).toHaveClass(/header-scroll-hidden/);
> 25 | await expect(header).toHaveAttribute('inert', '');
| ^
26 | });
27 |
28 | test('should show the header again when scrolling back to the top', async ({ page }) => {
at /ionic/src/components/header/test/scroll-effect-hide/header.e2e.ts:25:28
|
|
[Mobile Safari] › src/components/footer/test/scroll-effect-hide/footer.e2e.ts:13:9 › footer: scroll-effect-hide - ionic/md/ltr/light › should hide the footer when scrolling down:
src/components/footer/test/scroll-effect-hide/footer.e2e.ts#L24
4) [Mobile Safari] › src/components/footer/test/scroll-effect-hide/footer.e2e.ts:13:9 › footer: scroll-effect-hide - ionic/md/ltr/light › should hide the footer when scrolling down
Retry #2 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(locator).toHaveClass(expected) failed
Locator: locator('ion-footer')
Expected pattern: /footer-scroll-hidden/
Received string: "ionic footer-ionic footer-toolbar-padding footer-scroll-effect-hide hydrated"
Timeout: 5000ms
Call log:
- Expect "toHaveClass" with timeout 5000ms
- waiting for locator('ion-footer')
14 × locator resolved to <ion-footer role="contentinfo" scroll-effect="hide" class="ionic footer-ionic footer-toolbar-padding footer-scroll-effect-hide hydrated">…</ion-footer>
- unexpected value "ionic footer-ionic footer-toolbar-padding footer-scroll-effect-hide hydrated"
22 | await page.locator('ion-footer.footer-scroll-hidden').waitFor();
23 |
> 24 | await expect(footer).toHaveClass(/footer-scroll-hidden/);
| ^
25 | await expect(footer).toHaveAttribute('inert', '');
26 | });
27 |
at /ionic/src/components/footer/test/scroll-effect-hide/footer.e2e.ts:24:28
|
|
[Mobile Safari] › src/components/footer/test/scroll-effect-hide/footer.e2e.ts:13:9 › footer: scroll-effect-hide - ionic/md/ltr/light › should hide the footer when scrolling down:
src/components/footer/test/scroll-effect-hide/footer.e2e.ts#L22
4) [Mobile Safari] › src/components/footer/test/scroll-effect-hide/footer.e2e.ts:13:9 › footer: scroll-effect-hide - ionic/md/ltr/light › should hide the footer when scrolling down
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: locator.waitFor: Test timeout of 30000ms exceeded.
Call log:
- waiting for locator('ion-footer.footer-scroll-hidden') to be visible
20 |
21 | await content.evaluate((el: HTMLIonContentElement) => el.scrollToBottom(0));
> 22 | await page.locator('ion-footer.footer-scroll-hidden').waitFor();
| ^
23 |
24 | await expect(footer).toHaveClass(/footer-scroll-hidden/);
25 | await expect(footer).toHaveAttribute('inert', '');
at /ionic/src/components/footer/test/scroll-effect-hide/footer.e2e.ts:22:61
|
|
[Mobile Safari] › src/components/footer/test/scroll-effect-hide/footer.e2e.ts:13:9 › footer: scroll-effect-hide - ionic/md/ltr/light › should hide the footer when scrolling down:
src/components/footer/test/scroll-effect-hide/footer.e2e.ts#L0
4) [Mobile Safari] › src/components/footer/test/scroll-effect-hide/footer.e2e.ts:13:9 › footer: scroll-effect-hide - ionic/md/ltr/light › should hide the footer when scrolling down
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Test timeout of 30000ms exceeded.
|
|
[Mobile Safari] › src/components/footer/test/scroll-effect-hide/footer.e2e.ts:13:9 › footer: scroll-effect-hide - ionic/ios/ltr/light › should hide the footer when scrolling down:
src/components/footer/test/scroll-effect-hide/footer.e2e.ts#L24
3) [Mobile Safari] › src/components/footer/test/scroll-effect-hide/footer.e2e.ts:13:9 › footer: scroll-effect-hide - ionic/ios/ltr/light › should hide the footer when scrolling down
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(locator).toHaveClass(expected) failed
Locator: locator('ion-footer')
Expected pattern: /footer-scroll-hidden/
Received string: "ionic footer-ionic footer-toolbar-padding footer-scroll-effect-hide hydrated"
Timeout: 5000ms
Call log:
- Expect "toHaveClass" with timeout 5000ms
- waiting for locator('ion-footer')
14 × locator resolved to <ion-footer role="contentinfo" scroll-effect="hide" class="ionic footer-ionic footer-toolbar-padding footer-scroll-effect-hide hydrated">…</ion-footer>
- unexpected value "ionic footer-ionic footer-toolbar-padding footer-scroll-effect-hide hydrated"
22 | await page.locator('ion-footer.footer-scroll-hidden').waitFor();
23 |
> 24 | await expect(footer).toHaveClass(/footer-scroll-hidden/);
| ^
25 | await expect(footer).toHaveAttribute('inert', '');
26 | });
27 |
at /ionic/src/components/footer/test/scroll-effect-hide/footer.e2e.ts:24:28
|
|
[Mobile Safari] › src/components/footer/test/scroll-effect-hide/footer.e2e.ts:13:9 › footer: scroll-effect-hide - ionic/ios/ltr/light › should hide the footer when scrolling down:
src/components/footer/test/scroll-effect-hide/footer.e2e.ts#L22
3) [Mobile Safari] › src/components/footer/test/scroll-effect-hide/footer.e2e.ts:13:9 › footer: scroll-effect-hide - ionic/ios/ltr/light › should hide the footer when scrolling down
Error: locator.waitFor: Test timeout of 30000ms exceeded.
Call log:
- waiting for locator('ion-footer.footer-scroll-hidden') to be visible
20 |
21 | await content.evaluate((el: HTMLIonContentElement) => el.scrollToBottom(0));
> 22 | await page.locator('ion-footer.footer-scroll-hidden').waitFor();
| ^
23 |
24 | await expect(footer).toHaveClass(/footer-scroll-hidden/);
25 | await expect(footer).toHaveAttribute('inert', '');
at /ionic/src/components/footer/test/scroll-effect-hide/footer.e2e.ts:22:61
|
|
[Mobile Safari] › src/components/footer/test/scroll-effect-hide/footer.e2e.ts:28:9 › footer: scroll-effect-hide - ios/ltr › should show the footer again when scrolling back to the top:
src/components/footer/test/scroll-effect-hide/footer.e2e.ts#L35
2) [Mobile Safari] › src/components/footer/test/scroll-effect-hide/footer.e2e.ts:28:9 › footer: scroll-effect-hide - ios/ltr › should show the footer again when scrolling back to the top
Error: locator.waitFor: Test timeout of 30000ms exceeded.
Call log:
- waiting for locator('ion-footer.footer-scroll-hidden') to be visible
33 |
34 | await content.evaluate((el: HTMLIonContentElement) => el.scrollToBottom(0));
> 35 | await page.locator('ion-footer.footer-scroll-hidden').waitFor();
| ^
36 |
37 | await content.evaluate((el: HTMLIonContentElement) => el.scrollToTop(0));
38 | await page.locator('ion-footer:not(.footer-scroll-hidden)').waitFor();
at /ionic/src/components/footer/test/scroll-effect-hide/footer.e2e.ts:35:61
|
|
[Mobile Safari] › src/components/footer/test/scroll-effect-hide/footer.e2e.ts:13:9 › footer: scroll-effect-hide - ios/ltr › should hide the footer when scrolling down:
src/components/footer/test/scroll-effect-hide/footer.e2e.ts#L24
1) [Mobile Safari] › src/components/footer/test/scroll-effect-hide/footer.e2e.ts:13:9 › footer: scroll-effect-hide - ios/ltr › should hide the footer when scrolling down
Retry #2 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(locator).toHaveClass(expected) failed
Locator: locator('ion-footer')
Expected pattern: /footer-scroll-hidden/
Received string: "ios footer-ios footer-toolbar-padding footer-scroll-effect-hide hydrated"
Timeout: 5000ms
Call log:
- Expect "toHaveClass" with timeout 5000ms
- waiting for locator('ion-footer')
14 × locator resolved to <ion-footer role="contentinfo" scroll-effect="hide" class="ios footer-ios footer-toolbar-padding footer-scroll-effect-hide hydrated">…</ion-footer>
- unexpected value "ios footer-ios footer-toolbar-padding footer-scroll-effect-hide hydrated"
22 | await page.locator('ion-footer.footer-scroll-hidden').waitFor();
23 |
> 24 | await expect(footer).toHaveClass(/footer-scroll-hidden/);
| ^
25 | await expect(footer).toHaveAttribute('inert', '');
26 | });
27 |
at /ionic/src/components/footer/test/scroll-effect-hide/footer.e2e.ts:24:28
|
|
[Mobile Safari] › src/components/footer/test/scroll-effect-hide/footer.e2e.ts:13:9 › footer: scroll-effect-hide - ios/ltr › should hide the footer when scrolling down:
src/components/footer/test/scroll-effect-hide/footer.e2e.ts#L24
1) [Mobile Safari] › src/components/footer/test/scroll-effect-hide/footer.e2e.ts:13:9 › footer: scroll-effect-hide - ios/ltr › should hide the footer when scrolling down
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(locator).toHaveClass(expected) failed
Locator: locator('ion-footer')
Expected pattern: /footer-scroll-hidden/
Received string: "ios footer-ios footer-toolbar-padding footer-scroll-effect-hide hydrated"
Timeout: 5000ms
Call log:
- Expect "toHaveClass" with timeout 5000ms
- waiting for locator('ion-footer')
14 × locator resolved to <ion-footer role="contentinfo" scroll-effect="hide" class="ios footer-ios footer-toolbar-padding footer-scroll-effect-hide hydrated">…</ion-footer>
- unexpected value "ios footer-ios footer-toolbar-padding footer-scroll-effect-hide hydrated"
22 | await page.locator('ion-footer.footer-scroll-hidden').waitFor();
23 |
> 24 | await expect(footer).toHaveClass(/footer-scroll-hidden/);
| ^
25 | await expect(footer).toHaveAttribute('inert', '');
26 | });
27 |
at /ionic/src/components/footer/test/scroll-effect-hide/footer.e2e.ts:24:28
|
|
[Mobile Safari] › src/components/footer/test/scroll-effect-hide/footer.e2e.ts:13:9 › footer: scroll-effect-hide - ios/ltr › should hide the footer when scrolling down:
src/components/footer/test/scroll-effect-hide/footer.e2e.ts#L22
1) [Mobile Safari] › src/components/footer/test/scroll-effect-hide/footer.e2e.ts:13:9 › footer: scroll-effect-hide - ios/ltr › should hide the footer when scrolling down
Error: locator.waitFor: Test timeout of 30000ms exceeded.
Call log:
- waiting for locator('ion-footer.footer-scroll-hidden') to be visible
20 |
21 | await content.evaluate((el: HTMLIonContentElement) => el.scrollToBottom(0));
> 22 | await page.locator('ion-footer.footer-scroll-hidden').waitFor();
| ^
23 |
24 | await expect(footer).toHaveClass(/footer-scroll-hidden/);
25 | await expect(footer).toHaveAttribute('inert', '');
at /ionic/src/components/footer/test/scroll-effect-hide/footer.e2e.ts:22:61
|
|
[Mobile Chrome] › src/components/footer/test/scroll-effect-hide/footer.e2e.ts:13:9 › footer: scroll-effect-hide - ionic/ios/ltr/light › should hide the footer when scrolling down:
src/components/footer/test/scroll-effect-hide/footer.e2e.ts#L0
5) [Mobile Chrome] › src/components/footer/test/scroll-effect-hide/footer.e2e.ts:13:9 › footer: scroll-effect-hide - ionic/ios/ltr/light › should hide the footer when scrolling down
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Test timeout of 30000ms exceeded.
|
|
[Mobile Chrome] › src/components/footer/test/scroll-effect-hide/footer.e2e.ts:28:9 › footer: scroll-effect-hide - md/ltr › should show the footer again when scrolling back to the top:
src/components/footer/test/scroll-effect-hide/footer.e2e.ts#L35
4) [Mobile Chrome] › src/components/footer/test/scroll-effect-hide/footer.e2e.ts:28:9 › footer: scroll-effect-hide - md/ltr › should show the footer again when scrolling back to the top
Error: locator.waitFor: Test timeout of 30000ms exceeded.
Call log:
- waiting for locator('ion-footer.footer-scroll-hidden') to be visible
33 |
34 | await content.evaluate((el: HTMLIonContentElement) => el.scrollToBottom(0));
> 35 | await page.locator('ion-footer.footer-scroll-hidden').waitFor();
| ^
36 |
37 | await content.evaluate((el: HTMLIonContentElement) => el.scrollToTop(0));
38 | await page.locator('ion-footer:not(.footer-scroll-hidden)').waitFor();
at /ionic/src/components/footer/test/scroll-effect-hide/footer.e2e.ts:35:61
|
|
[Mobile Chrome] › src/components/footer/test/scroll-effect-hide/footer.e2e.ts:13:9 › footer: scroll-effect-hide - md/ltr › should hide the footer when scrolling down:
src/components/footer/test/scroll-effect-hide/footer.e2e.ts#L24
3) [Mobile Chrome] › src/components/footer/test/scroll-effect-hide/footer.e2e.ts:13:9 › footer: scroll-effect-hide - md/ltr › should hide the footer when scrolling down
Retry #2 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(locator).toHaveClass(expected) failed
Locator: locator('ion-footer')
Expected pattern: /footer-scroll-hidden/
Received string: "md footer-md footer-toolbar-padding footer-scroll-effect-hide hydrated"
Timeout: 5000ms
Call log:
- Expect "toHaveClass" with timeout 5000ms
- waiting for locator('ion-footer')
14 × locator resolved to <ion-footer role="contentinfo" scroll-effect="hide" class="md footer-md footer-toolbar-padding footer-scroll-effect-hide hydrated">…</ion-footer>
- unexpected value "md footer-md footer-toolbar-padding footer-scroll-effect-hide hydrated"
22 | await page.locator('ion-footer.footer-scroll-hidden').waitFor();
23 |
> 24 | await expect(footer).toHaveClass(/footer-scroll-hidden/);
| ^
25 | await expect(footer).toHaveAttribute('inert', '');
26 | });
27 |
at /ionic/src/components/footer/test/scroll-effect-hide/footer.e2e.ts:24:28
|
|
[Mobile Chrome] › src/components/footer/test/scroll-effect-hide/footer.e2e.ts:13:9 › footer: scroll-effect-hide - md/ltr › should hide the footer when scrolling down:
src/components/footer/test/scroll-effect-hide/footer.e2e.ts#L24
3) [Mobile Chrome] › src/components/footer/test/scroll-effect-hide/footer.e2e.ts:13:9 › footer: scroll-effect-hide - md/ltr › should hide the footer when scrolling down
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(locator).toHaveClass(expected) failed
Locator: locator('ion-footer')
Expected pattern: /footer-scroll-hidden/
Received string: "md footer-md footer-toolbar-padding footer-scroll-effect-hide hydrated"
Timeout: 5000ms
Call log:
- Expect "toHaveClass" with timeout 5000ms
- waiting for locator('ion-footer')
14 × locator resolved to <ion-footer role="contentinfo" scroll-effect="hide" class="md footer-md footer-toolbar-padding footer-scroll-effect-hide hydrated">…</ion-footer>
- unexpected value "md footer-md footer-toolbar-padding footer-scroll-effect-hide hydrated"
22 | await page.locator('ion-footer.footer-scroll-hidden').waitFor();
23 |
> 24 | await expect(footer).toHaveClass(/footer-scroll-hidden/);
| ^
25 | await expect(footer).toHaveAttribute('inert', '');
26 | });
27 |
at /ionic/src/components/footer/test/scroll-effect-hide/footer.e2e.ts:24:28
|
|
[Mobile Chrome] › src/components/footer/test/scroll-effect-hide/footer.e2e.ts:13:9 › footer: scroll-effect-hide - md/ltr › should hide the footer when scrolling down:
src/components/footer/test/scroll-effect-hide/footer.e2e.ts#L22
3) [Mobile Chrome] › src/components/footer/test/scroll-effect-hide/footer.e2e.ts:13:9 › footer: scroll-effect-hide - md/ltr › should hide the footer when scrolling down
Error: locator.waitFor: Test timeout of 30000ms exceeded.
Call log:
- waiting for locator('ion-footer.footer-scroll-hidden') to be visible
20 |
21 | await content.evaluate((el: HTMLIonContentElement) => el.scrollToBottom(0));
> 22 | await page.locator('ion-footer.footer-scroll-hidden').waitFor();
| ^
23 |
24 | await expect(footer).toHaveClass(/footer-scroll-hidden/);
25 | await expect(footer).toHaveAttribute('inert', '');
at /ionic/src/components/footer/test/scroll-effect-hide/footer.e2e.ts:22:61
|
|
[Mobile Chrome] › src/components/footer/test/scroll-effect-hide/footer.e2e.ts:28:9 › footer: scroll-effect-hide - ios/ltr › should show the footer again when scrolling back to the top:
src/components/footer/test/scroll-effect-hide/footer.e2e.ts#L35
2) [Mobile Chrome] › src/components/footer/test/scroll-effect-hide/footer.e2e.ts:28:9 › footer: scroll-effect-hide - ios/ltr › should show the footer again when scrolling back to the top
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: locator.waitFor: Test timeout of 30000ms exceeded.
Call log:
- waiting for locator('ion-footer.footer-scroll-hidden') to be visible
33 |
34 | await content.evaluate((el: HTMLIonContentElement) => el.scrollToBottom(0));
> 35 | await page.locator('ion-footer.footer-scroll-hidden').waitFor();
| ^
36 |
37 | await content.evaluate((el: HTMLIonContentElement) => el.scrollToTop(0));
38 | await page.locator('ion-footer:not(.footer-scroll-hidden)').waitFor();
at /ionic/src/components/footer/test/scroll-effect-hide/footer.e2e.ts:35:61
|
|
[Mobile Chrome] › src/components/footer/test/scroll-effect-hide/footer.e2e.ts:28:9 › footer: scroll-effect-hide - ios/ltr › should show the footer again when scrolling back to the top:
src/components/footer/test/scroll-effect-hide/footer.e2e.ts#L0
2) [Mobile Chrome] › src/components/footer/test/scroll-effect-hide/footer.e2e.ts:28:9 › footer: scroll-effect-hide - ios/ltr › should show the footer again when scrolling back to the top
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Test timeout of 30000ms exceeded.
|
|
[Mobile Chrome] › src/components/footer/test/scroll-effect-hide/footer.e2e.ts:28:9 › footer: scroll-effect-hide - ios/ltr › should show the footer again when scrolling back to the top:
src/components/footer/test/scroll-effect-hide/footer.e2e.ts#L35
2) [Mobile Chrome] › src/components/footer/test/scroll-effect-hide/footer.e2e.ts:28:9 › footer: scroll-effect-hide - ios/ltr › should show the footer again when scrolling back to the top
Error: locator.waitFor: Test timeout of 30000ms exceeded.
Call log:
- waiting for locator('ion-footer.footer-scroll-hidden') to be visible
33 |
34 | await content.evaluate((el: HTMLIonContentElement) => el.scrollToBottom(0));
> 35 | await page.locator('ion-footer.footer-scroll-hidden').waitFor();
| ^
36 |
37 | await content.evaluate((el: HTMLIonContentElement) => el.scrollToTop(0));
38 | await page.locator('ion-footer:not(.footer-scroll-hidden)').waitFor();
at /ionic/src/components/footer/test/scroll-effect-hide/footer.e2e.ts:35:61
|
|
[Mobile Chrome] › src/components/footer/test/scroll-effect-hide/footer.e2e.ts:13:9 › footer: scroll-effect-hide - ios/ltr › should hide the footer when scrolling down:
src/components/footer/test/scroll-effect-hide/footer.e2e.ts#L24
1) [Mobile Chrome] › src/components/footer/test/scroll-effect-hide/footer.e2e.ts:13:9 › footer: scroll-effect-hide - ios/ltr › should hide the footer when scrolling down
Retry #2 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(locator).toHaveClass(expected) failed
Locator: locator('ion-footer')
Expected pattern: /footer-scroll-hidden/
Received string: "ios footer-ios footer-toolbar-padding footer-scroll-effect-hide hydrated"
Timeout: 5000ms
Call log:
- Expect "toHaveClass" with timeout 5000ms
- waiting for locator('ion-footer')
14 × locator resolved to <ion-footer role="contentinfo" scroll-effect="hide" class="ios footer-ios footer-toolbar-padding footer-scroll-effect-hide hydrated">…</ion-footer>
- unexpected value "ios footer-ios footer-toolbar-padding footer-scroll-effect-hide hydrated"
22 | await page.locator('ion-footer.footer-scroll-hidden').waitFor();
23 |
> 24 | await expect(footer).toHaveClass(/footer-scroll-hidden/);
| ^
25 | await expect(footer).toHaveAttribute('inert', '');
26 | });
27 |
at /ionic/src/components/footer/test/scroll-effect-hide/footer.e2e.ts:24:28
|
|
[Mobile Chrome] › src/components/footer/test/scroll-effect-hide/footer.e2e.ts:13:9 › footer: scroll-effect-hide - ios/ltr › should hide the footer when scrolling down:
src/components/footer/test/scroll-effect-hide/footer.e2e.ts#L25
1) [Mobile Chrome] › src/components/footer/test/scroll-effect-hide/footer.e2e.ts:13:9 › footer: scroll-effect-hide - ios/ltr › should hide the footer when scrolling down
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(locator).toHaveAttribute(expected) failed
Locator: locator('ion-footer')
Expected: ""
Received: serializes to the same string
Timeout: 5000ms
Call log:
- Expect "toHaveAttribute" with timeout 5000ms
- waiting for locator('ion-footer')
14 × locator resolved to <ion-footer role="contentinfo" scroll-effect="hide" class="ios footer-ios footer-toolbar-padding footer-scroll-effect-hide hydrated">…</ion-footer>
- unexpected value "null"
23 |
24 | await expect(footer).toHaveClass(/footer-scroll-hidden/);
> 25 | await expect(footer).toHaveAttribute('inert', '');
| ^
26 | });
27 |
28 | test('should show the footer again when scrolling back to the top', async ({ page }) => {
at /ionic/src/components/footer/test/scroll-effect-hide/footer.e2e.ts:25:28
|
|
[Mobile Firefox] › src/components/tab-bar/test/scroll-effect-hide/tab-bar.e2e.ts:13:9 › tab-bar: scroll-effect-hide - md/ltr › should hide the tab bar when scrolling down:
src/components/tab-bar/test/scroll-effect-hide/tab-bar.e2e.ts#L22
3) [Mobile Firefox] › src/components/tab-bar/test/scroll-effect-hide/tab-bar.e2e.ts:13:9 › tab-bar: scroll-effect-hide - md/ltr › should hide the tab bar when scrolling down
Error: locator.waitFor: Test timeout of 30000ms exceeded.
Call log:
- waiting for locator('ion-tab-bar.tab-bar-scroll-hidden') to be visible
20 |
21 | await content.evaluate((el: HTMLIonContentElement) => el.scrollToBottom(0));
> 22 | await page.locator('ion-tab-bar.tab-bar-scroll-hidden').waitFor();
| ^
23 |
24 | await expect(tabBar).toHaveClass(/tab-bar-scroll-hidden/);
25 | await expect(tabBar).toHaveAttribute('inert', '');
at /ionic/src/components/tab-bar/test/scroll-effect-hide/tab-bar.e2e.ts:22:63
|
|
[Mobile Firefox] › src/components/tab-bar/test/scroll-effect-hide/tab-bar.e2e.ts:28:9 › tab-bar: scroll-effect-hide - ios/ltr › should show the tab bar again when scrolling back to the top:
src/components/tab-bar/test/scroll-effect-hide/tab-bar.e2e.ts#L35
2) [Mobile Firefox] › src/components/tab-bar/test/scroll-effect-hide/tab-bar.e2e.ts:28:9 › tab-bar: scroll-effect-hide - ios/ltr › should show the tab bar again when scrolling back to the top
Retry #2 ───────────────────────────────────────────────────────────────────────────────────────
Error: locator.waitFor: Test timeout of 30000ms exceeded.
Call log:
- waiting for locator('ion-tab-bar.tab-bar-scroll-hidden') to be visible
33 |
34 | await content.evaluate((el: HTMLIonContentElement) => el.scrollToBottom(0));
> 35 | await page.locator('ion-tab-bar.tab-bar-scroll-hidden').waitFor();
| ^
36 |
37 | await content.evaluate((el: HTMLIonContentElement) => el.scrollToTop(0));
38 | await page.locator('ion-tab-bar:not(.tab-bar-scroll-hidden)').waitFor();
at /ionic/src/components/tab-bar/test/scroll-effect-hide/tab-bar.e2e.ts:35:63
|
|
[Mobile Firefox] › src/components/tab-bar/test/scroll-effect-hide/tab-bar.e2e.ts:28:9 › tab-bar: scroll-effect-hide - ios/ltr › should show the tab bar again when scrolling back to the top:
src/components/tab-bar/test/scroll-effect-hide/tab-bar.e2e.ts#L0
2) [Mobile Firefox] › src/components/tab-bar/test/scroll-effect-hide/tab-bar.e2e.ts:28:9 › tab-bar: scroll-effect-hide - ios/ltr › should show the tab bar again when scrolling back to the top
Retry #2 ───────────────────────────────────────────────────────────────────────────────────────
Test timeout of 30000ms exceeded.
|
|
[Mobile Firefox] › src/components/tab-bar/test/scroll-effect-hide/tab-bar.e2e.ts:28:9 › tab-bar: scroll-effect-hide - ios/ltr › should show the tab bar again when scrolling back to the top:
src/components/tab-bar/test/scroll-effect-hide/tab-bar.e2e.ts#L35
2) [Mobile Firefox] › src/components/tab-bar/test/scroll-effect-hide/tab-bar.e2e.ts:28:9 › tab-bar: scroll-effect-hide - ios/ltr › should show the tab bar again when scrolling back to the top
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: locator.waitFor: Test timeout of 30000ms exceeded.
Call log:
- waiting for locator('ion-tab-bar.tab-bar-scroll-hidden') to be visible
33 |
34 | await content.evaluate((el: HTMLIonContentElement) => el.scrollToBottom(0));
> 35 | await page.locator('ion-tab-bar.tab-bar-scroll-hidden').waitFor();
| ^
36 |
37 | await content.evaluate((el: HTMLIonContentElement) => el.scrollToTop(0));
38 | await page.locator('ion-tab-bar:not(.tab-bar-scroll-hidden)').waitFor();
at /ionic/src/components/tab-bar/test/scroll-effect-hide/tab-bar.e2e.ts:35:63
|
|
[Mobile Firefox] › src/components/tab-bar/test/scroll-effect-hide/tab-bar.e2e.ts:28:9 › tab-bar: scroll-effect-hide - ios/ltr › should show the tab bar again when scrolling back to the top:
src/components/tab-bar/test/scroll-effect-hide/tab-bar.e2e.ts#L0
2) [Mobile Firefox] › src/components/tab-bar/test/scroll-effect-hide/tab-bar.e2e.ts:28:9 › tab-bar: scroll-effect-hide - ios/ltr › should show the tab bar again when scrolling back to the top
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Test timeout of 30000ms exceeded.
|
|
[Mobile Firefox] › src/components/tab-bar/test/scroll-effect-hide/tab-bar.e2e.ts:28:9 › tab-bar: scroll-effect-hide - ios/ltr › should show the tab bar again when scrolling back to the top:
src/components/tab-bar/test/scroll-effect-hide/tab-bar.e2e.ts#L35
2) [Mobile Firefox] › src/components/tab-bar/test/scroll-effect-hide/tab-bar.e2e.ts:28:9 › tab-bar: scroll-effect-hide - ios/ltr › should show the tab bar again when scrolling back to the top
Error: locator.waitFor: Test timeout of 30000ms exceeded.
Call log:
- waiting for locator('ion-tab-bar.tab-bar-scroll-hidden') to be visible
33 |
34 | await content.evaluate((el: HTMLIonContentElement) => el.scrollToBottom(0));
> 35 | await page.locator('ion-tab-bar.tab-bar-scroll-hidden').waitFor();
| ^
36 |
37 | await content.evaluate((el: HTMLIonContentElement) => el.scrollToTop(0));
38 | await page.locator('ion-tab-bar:not(.tab-bar-scroll-hidden)').waitFor();
at /ionic/src/components/tab-bar/test/scroll-effect-hide/tab-bar.e2e.ts:35:63
|
|
[Mobile Firefox] › src/components/tab-bar/test/scroll-effect-hide/tab-bar.e2e.ts:13:9 › tab-bar: scroll-effect-hide - ios/ltr › should hide the tab bar when scrolling down:
src/components/tab-bar/test/scroll-effect-hide/tab-bar.e2e.ts#L22
1) [Mobile Firefox] › src/components/tab-bar/test/scroll-effect-hide/tab-bar.e2e.ts:13:9 › tab-bar: scroll-effect-hide - ios/ltr › should hide the tab bar when scrolling down
Retry #2 ───────────────────────────────────────────────────────────────────────────────────────
Error: locator.waitFor: Test timeout of 30000ms exceeded.
Call log:
- waiting for locator('ion-tab-bar.tab-bar-scroll-hidden') to be visible
20 |
21 | await content.evaluate((el: HTMLIonContentElement) => el.scrollToBottom(0));
> 22 | await page.locator('ion-tab-bar.tab-bar-scroll-hidden').waitFor();
| ^
23 |
24 | await expect(tabBar).toHaveClass(/tab-bar-scroll-hidden/);
25 | await expect(tabBar).toHaveAttribute('inert', '');
at /ionic/src/components/tab-bar/test/scroll-effect-hide/tab-bar.e2e.ts:22:63
|
|
[Mobile Firefox] › src/components/tab-bar/test/scroll-effect-hide/tab-bar.e2e.ts:13:9 › tab-bar: scroll-effect-hide - ios/ltr › should hide the tab bar when scrolling down:
src/components/tab-bar/test/scroll-effect-hide/tab-bar.e2e.ts#L0
1) [Mobile Firefox] › src/components/tab-bar/test/scroll-effect-hide/tab-bar.e2e.ts:13:9 › tab-bar: scroll-effect-hide - ios/ltr › should hide the tab bar when scrolling down
Retry #2 ───────────────────────────────────────────────────────────────────────────────────────
Test timeout of 30000ms exceeded.
|
|
[Mobile Firefox] › src/components/tab-bar/test/scroll-effect-hide/tab-bar.e2e.ts:13:9 › tab-bar: scroll-effect-hide - ios/ltr › should hide the tab bar when scrolling down:
src/components/tab-bar/test/scroll-effect-hide/tab-bar.e2e.ts#L22
1) [Mobile Firefox] › src/components/tab-bar/test/scroll-effect-hide/tab-bar.e2e.ts:13:9 › tab-bar: scroll-effect-hide - ios/ltr › should hide the tab bar when scrolling down
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: locator.waitFor: Test timeout of 30000ms exceeded.
Call log:
- waiting for locator('ion-tab-bar.tab-bar-scroll-hidden') to be visible
20 |
21 | await content.evaluate((el: HTMLIonContentElement) => el.scrollToBottom(0));
> 22 | await page.locator('ion-tab-bar.tab-bar-scroll-hidden').waitFor();
| ^
23 |
24 | await expect(tabBar).toHaveClass(/tab-bar-scroll-hidden/);
25 | await expect(tabBar).toHaveAttribute('inert', '');
at /ionic/src/components/tab-bar/test/scroll-effect-hide/tab-bar.e2e.ts:22:63
|
|
[Mobile Firefox] › src/components/tab-bar/test/scroll-effect-hide/tab-bar.e2e.ts:13:9 › tab-bar: scroll-effect-hide - ios/ltr › should hide the tab bar when scrolling down:
src/components/tab-bar/test/scroll-effect-hide/tab-bar.e2e.ts#L0
1) [Mobile Firefox] › src/components/tab-bar/test/scroll-effect-hide/tab-bar.e2e.ts:13:9 › tab-bar: scroll-effect-hide - ios/ltr › should hide the tab bar when scrolling down
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Test timeout of 30000ms exceeded.
|
|
[Mobile Firefox] › src/components/footer/test/scroll-effect-hide/footer.e2e.ts:13:9 › footer: scroll-effect-hide - md/ltr › should hide the footer when scrolling down:
src/components/footer/test/scroll-effect-hide/footer.e2e.ts#L22
3) [Mobile Firefox] › src/components/footer/test/scroll-effect-hide/footer.e2e.ts:13:9 › footer: scroll-effect-hide - md/ltr › should hide the footer when scrolling down
Error: locator.waitFor: Test timeout of 30000ms exceeded.
Call log:
- waiting for locator('ion-footer.footer-scroll-hidden') to be visible
20 |
21 | await content.evaluate((el: HTMLIonContentElement) => el.scrollToBottom(0));
> 22 | await page.locator('ion-footer.footer-scroll-hidden').waitFor();
| ^
23 |
24 | await expect(footer).toHaveClass(/footer-scroll-hidden/);
25 | await expect(footer).toHaveAttribute('inert', '');
at /ionic/src/components/footer/test/scroll-effect-hide/footer.e2e.ts:22:61
|
|
[Mobile Firefox] › src/components/footer/test/scroll-effect-hide/footer.e2e.ts:28:9 › footer: scroll-effect-hide - ios/ltr › should show the footer again when scrolling back to the top:
src/components/footer/test/scroll-effect-hide/footer.e2e.ts#L35
2) [Mobile Firefox] › src/components/footer/test/scroll-effect-hide/footer.e2e.ts:28:9 › footer: scroll-effect-hide - ios/ltr › should show the footer again when scrolling back to the top
Retry #2 ───────────────────────────────────────────────────────────────────────────────────────
Error: locator.waitFor: Test timeout of 30000ms exceeded.
Call log:
- waiting for locator('ion-footer.footer-scroll-hidden') to be visible
33 |
34 | await content.evaluate((el: HTMLIonContentElement) => el.scrollToBottom(0));
> 35 | await page.locator('ion-footer.footer-scroll-hidden').waitFor();
| ^
36 |
37 | await content.evaluate((el: HTMLIonContentElement) => el.scrollToTop(0));
38 | await page.locator('ion-footer:not(.footer-scroll-hidden)').waitFor();
at /ionic/src/components/footer/test/scroll-effect-hide/footer.e2e.ts:35:61
|
|
[Mobile Firefox] › src/components/footer/test/scroll-effect-hide/footer.e2e.ts:28:9 › footer: scroll-effect-hide - ios/ltr › should show the footer again when scrolling back to the top:
src/components/footer/test/scroll-effect-hide/footer.e2e.ts#L0
2) [Mobile Firefox] › src/components/footer/test/scroll-effect-hide/footer.e2e.ts:28:9 › footer: scroll-effect-hide - ios/ltr › should show the footer again when scrolling back to the top
Retry #2 ───────────────────────────────────────────────────────────────────────────────────────
Test timeout of 30000ms exceeded.
|
|
[Mobile Firefox] › src/components/footer/test/scroll-effect-hide/footer.e2e.ts:28:9 › footer: scroll-effect-hide - ios/ltr › should show the footer again when scrolling back to the top:
src/components/footer/test/scroll-effect-hide/footer.e2e.ts#L35
2) [Mobile Firefox] › src/components/footer/test/scroll-effect-hide/footer.e2e.ts:28:9 › footer: scroll-effect-hide - ios/ltr › should show the footer again when scrolling back to the top
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: locator.waitFor: Test timeout of 30000ms exceeded.
Call log:
- waiting for locator('ion-footer.footer-scroll-hidden') to be visible
33 |
34 | await content.evaluate((el: HTMLIonContentElement) => el.scrollToBottom(0));
> 35 | await page.locator('ion-footer.footer-scroll-hidden').waitFor();
| ^
36 |
37 | await content.evaluate((el: HTMLIonContentElement) => el.scrollToTop(0));
38 | await page.locator('ion-footer:not(.footer-scroll-hidden)').waitFor();
at /ionic/src/components/footer/test/scroll-effect-hide/footer.e2e.ts:35:61
|
|
[Mobile Firefox] › src/components/footer/test/scroll-effect-hide/footer.e2e.ts:28:9 › footer: scroll-effect-hide - ios/ltr › should show the footer again when scrolling back to the top:
src/components/footer/test/scroll-effect-hide/footer.e2e.ts#L0
2) [Mobile Firefox] › src/components/footer/test/scroll-effect-hide/footer.e2e.ts:28:9 › footer: scroll-effect-hide - ios/ltr › should show the footer again when scrolling back to the top
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Test timeout of 30000ms exceeded.
|
|
[Mobile Firefox] › src/components/footer/test/scroll-effect-hide/footer.e2e.ts:28:9 › footer: scroll-effect-hide - ios/ltr › should show the footer again when scrolling back to the top:
src/components/footer/test/scroll-effect-hide/footer.e2e.ts#L35
2) [Mobile Firefox] › src/components/footer/test/scroll-effect-hide/footer.e2e.ts:28:9 › footer: scroll-effect-hide - ios/ltr › should show the footer again when scrolling back to the top
Error: locator.waitFor: Test timeout of 30000ms exceeded.
Call log:
- waiting for locator('ion-footer.footer-scroll-hidden') to be visible
33 |
34 | await content.evaluate((el: HTMLIonContentElement) => el.scrollToBottom(0));
> 35 | await page.locator('ion-footer.footer-scroll-hidden').waitFor();
| ^
36 |
37 | await content.evaluate((el: HTMLIonContentElement) => el.scrollToTop(0));
38 | await page.locator('ion-footer:not(.footer-scroll-hidden)').waitFor();
at /ionic/src/components/footer/test/scroll-effect-hide/footer.e2e.ts:35:61
|
|
[Mobile Firefox] › src/components/footer/test/scroll-effect-hide/footer.e2e.ts:13:9 › footer: scroll-effect-hide - ios/ltr › should hide the footer when scrolling down:
src/components/footer/test/scroll-effect-hide/footer.e2e.ts#L22
1) [Mobile Firefox] › src/components/footer/test/scroll-effect-hide/footer.e2e.ts:13:9 › footer: scroll-effect-hide - ios/ltr › should hide the footer when scrolling down
Retry #2 ───────────────────────────────────────────────────────────────────────────────────────
Error: locator.waitFor: Test timeout of 30000ms exceeded.
Call log:
- waiting for locator('ion-footer.footer-scroll-hidden') to be visible
20 |
21 | await content.evaluate((el: HTMLIonContentElement) => el.scrollToBottom(0));
> 22 | await page.locator('ion-footer.footer-scroll-hidden').waitFor();
| ^
23 |
24 | await expect(footer).toHaveClass(/footer-scroll-hidden/);
25 | await expect(footer).toHaveAttribute('inert', '');
at /ionic/src/components/footer/test/scroll-effect-hide/footer.e2e.ts:22:61
|
|
[Mobile Firefox] › src/components/footer/test/scroll-effect-hide/footer.e2e.ts:13:9 › footer: scroll-effect-hide - ios/ltr › should hide the footer when scrolling down:
src/components/footer/test/scroll-effect-hide/footer.e2e.ts#L0
1) [Mobile Firefox] › src/components/footer/test/scroll-effect-hide/footer.e2e.ts:13:9 › footer: scroll-effect-hide - ios/ltr › should hide the footer when scrolling down
Retry #2 ───────────────────────────────────────────────────────────────────────────────────────
Test timeout of 30000ms exceeded.
|
|
[Mobile Firefox] › src/components/footer/test/scroll-effect-hide/footer.e2e.ts:13:9 › footer: scroll-effect-hide - ios/ltr › should hide the footer when scrolling down:
src/components/footer/test/scroll-effect-hide/footer.e2e.ts#L22
1) [Mobile Firefox] › src/components/footer/test/scroll-effect-hide/footer.e2e.ts:13:9 › footer: scroll-effect-hide - ios/ltr › should hide the footer when scrolling down
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: locator.waitFor: Test timeout of 30000ms exceeded.
Call log:
- waiting for locator('ion-footer.footer-scroll-hidden') to be visible
20 |
21 | await content.evaluate((el: HTMLIonContentElement) => el.scrollToBottom(0));
> 22 | await page.locator('ion-footer.footer-scroll-hidden').waitFor();
| ^
23 |
24 | await expect(footer).toHaveClass(/footer-scroll-hidden/);
25 | await expect(footer).toHaveAttribute('inert', '');
at /ionic/src/components/footer/test/scroll-effect-hide/footer.e2e.ts:22:61
|
|
[Mobile Firefox] › src/components/footer/test/scroll-effect-hide/footer.e2e.ts:13:9 › footer: scroll-effect-hide - ios/ltr › should hide the footer when scrolling down:
src/components/footer/test/scroll-effect-hide/footer.e2e.ts#L0
1) [Mobile Firefox] › src/components/footer/test/scroll-effect-hide/footer.e2e.ts:13:9 › footer: scroll-effect-hide - ios/ltr › should hide the footer when scrolling down
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Test timeout of 30000ms exceeded.
|
|
🎭 Playwright Run Summary
360 skipped
389 passed (3.8m)
|
|
🎭 Playwright Run Summary
8 skipped
755 passed (3.6m)
|
|
🎭 Playwright Run Summary
2 skipped
756 passed (4.6m)
|
|
🎭 Playwright Run Summary
36 skipped
741 passed (4.8m)
|
|
🎭 Playwright Run Summary
368 skipped
394 passed (5.5m)
|
|
🎭 Playwright Run Summary
5 skipped
760 passed (6.2m)
|
|
🎭 Playwright Run Summary
3 skipped
771 passed (8.9m)
|
|
🎭 Playwright Run Summary
4 failed
[Mobile Chrome] › src/components/tab-bar/test/scroll-effect-hide/tab-bar.e2e.ts:13:9 › tab-bar: scroll-effect-hide - ios/ltr › should hide the tab bar when scrolling down
[Mobile Chrome] › src/components/tab-bar/test/scroll-effect-hide/tab-bar.e2e.ts:13:9 › tab-bar: scroll-effect-hide - md/ltr › should hide the tab bar when scrolling down
[Mobile Chrome] › src/components/tab-bar/test/scroll-effect-hide/tab-bar.e2e.ts:13:9 › tab-bar: scroll-effect-hide - ionic/ios/ltr/light › should hide the tab bar when scrolling down
[Mobile Chrome] › src/components/tab-bar/test/scroll-effect-hide/tab-bar.e2e.ts:13:9 › tab-bar: scroll-effect-hide - ionic/md/ltr/light › should hide the tab bar when scrolling down
1 flaky
[Mobile Chrome] › src/components/tab-bar/test/scroll-effect-hide/tab-bar.e2e.ts:28:9 › tab-bar: scroll-effect-hide - ionic/ios/ltr/light › should show the tab bar again when scrolling back to the top
1 skipped
758 passed (8.8m)
|
|
🎭 Playwright Run Summary
1 flaky
[Mobile Safari] › src/components/tab-bar/test/scroll-effect-hide/tab-bar.e2e.ts:28:9 › tab-bar: scroll-effect-hide - ios/ltr › should show the tab bar again when scrolling back to the top
14 skipped
733 passed (9.4m)
|
|
🎭 Playwright Run Summary
4 skipped
795 passed (9.9m)
|
|
🎭 Playwright Run Summary
12 skipped
751 passed (10.3m)
|
|
🎭 Playwright Run Summary
14 skipped
750 passed (10.1m)
|
|
🎭 Playwright Run Summary
33 skipped
749 passed (11.1m)
|
|
🎭 Playwright Run Summary
1 skipped
764 passed (11.5m)
|
|
🎭 Playwright Run Summary
5 skipped
749 passed (11.4m)
|
|
🎭 Playwright Run Summary
15 skipped
752 passed (11.5m)
|
|
🎭 Playwright Run Summary
5 failed
[Mobile Safari] › src/components/footer/test/scroll-effect-hide/footer.e2e.ts:13:9 › footer: scroll-effect-hide - ios/ltr › should hide the footer when scrolling down
[Mobile Safari] › src/components/footer/test/scroll-effect-hide/footer.e2e.ts:13:9 › footer: scroll-effect-hide - ionic/md/ltr/light › should hide the footer when scrolling down
[Mobile Safari] › src/components/header/test/scroll-effect-hide/header.e2e.ts:13:9 › header: scroll-effect-hide - ios/ltr › should hide the header when scrolling down
[Mobile Safari] › src/components/header/test/scroll-effect-hide/header.e2e.ts:13:9 › header: scroll-effect-hide - ionic/ios/ltr/light › should hide the header when scrolling down
[Mobile Safari] › src/components/header/test/scroll-effect-hide/header.e2e.ts:13:9 › header: scroll-effect-hide - ionic/md/ltr/light › should hide the header when scrolling down
2 flaky
[Mobile Safari] › src/components/footer/test/scroll-effect-hide/footer.e2e.ts:28:9 › footer: scroll-effect-hide - ios/ltr › should show the footer again when scrolling back to the top
[Mobile Safari] › src/components/footer/test/scroll-effect-hide/footer.e2e.ts:13:9 › footer: scroll-effect-hide - ionic/ios/ltr/light › should hide the footer when scrolling down
5 skipped
755 passed (11.7m)
|
|
🎭 Playwright Run Summary
8 failed
[Mobile Chrome] › src/components/footer/test/scroll-effect-hide/footer.e2e.ts:13:9 › footer: scroll-effect-hide - ios/ltr › should hide the footer when scrolling down
[Mobile Chrome] › src/components/footer/test/scroll-effect-hide/footer.e2e.ts:13:9 › footer: scroll-effect-hide - md/ltr › should hide the footer when scrolling down
[Mobile Chrome] › src/components/footer/test/scroll-effect-hide/footer.e2e.ts:13:9 › footer: scroll-effect-hide - ionic/ios/ltr/light › should hide the footer when scrolling down
[Mobile Chrome] › src/components/footer/test/scroll-effect-hide/footer.e2e.ts:13:9 › footer: scroll-effect-hide - ionic/md/ltr/light › should hide the footer when scrolling down
[Mobile Chrome] › src/components/header/test/scroll-effect-hide/header.e2e.ts:13:9 › header: scroll-effect-hide - ios/ltr › should hide the header when scrolling down
[Mobile Chrome] › src/components/header/test/scroll-effect-hide/header.e2e.ts:13:9 › header: scroll-effect-hide - md/ltr › should hide the header when scrolling down
[Mobile Chrome] › src/components/header/test/scroll-effect-hide/header.e2e.ts:13:9 › header: scroll-effect-hide - ionic/ios/ltr/light › should hide the header when scrolling down
[Mobile Chrome] › src/components/header/test/scroll-effect-hide/header.e2e.ts:13:9 › header: scroll-effect-hide - ionic/md/ltr/light › should hide the header when scrolling down
5 flaky
[Mobile Chrome] › src/components/footer/test/scroll-effect-hide/footer.e2e.ts:28:9 › footer: scroll-effect-hide - ios/ltr › should show the footer again when scrolling back to the top
[Mobile Chrome] › src/components/footer/test/scroll-effect-hide/footer.e2e.ts:28:9 › footer: scroll-effect-hide - md/ltr › should show the footer again when scrolling back to the top
[Mobile Chrome] › src/components/footer/test/scroll-effect-hide/footer.e2e.ts:28:9 › footer: scroll-effect-hide - ionic/ios/ltr/light › should show the footer again when scrolling back to the top
[Mobile Chrome] › src/components/footer/test/scroll-effect-hide/footer.e2e.ts:28:9 › footer: scroll-effect-hide - ionic/md/ltr/light › should show the footer again when scrolling back to the top
[Mobile Chrome] › src/components/header/test/scroll-effect-hide/header.e2e.ts:28:9 › header: scroll-effect-hide - ios/ltr › should show the header again when scrolling back to the top
8 skipped
752 passed (16.0m)
|
|
🎭 Playwright Run Summary
8 failed
[Mobile Firefox] › src/components/tab-bar/test/scroll-effect-hide/tab-bar.e2e.ts:13:9 › tab-bar: scroll-effect-hide - ios/ltr › should hide the tab bar when scrolling down
[Mobile Firefox] › src/components/tab-bar/test/scroll-effect-hide/tab-bar.e2e.ts:28:9 › tab-bar: scroll-effect-hide - ios/ltr › should show the tab bar again when scrolling back to the top
[Mobile Firefox] › src/components/tab-bar/test/scroll-effect-hide/tab-bar.e2e.ts:13:9 › tab-bar: scroll-effect-hide - md/ltr › should hide the tab bar when scrolling down
[Mobile Firefox] › src/components/tab-bar/test/scroll-effect-hide/tab-bar.e2e.ts:28:9 › tab-bar: scroll-effect-hide - md/ltr › should show the tab bar again when scrolling back to the top
[Mobile Firefox] › src/components/tab-bar/test/scroll-effect-hide/tab-bar.e2e.ts:13:9 › tab-bar: scroll-effect-hide - ionic/ios/ltr/light › should hide the tab bar when scrolling down
[Mobile Firefox] › src/components/tab-bar/test/scroll-effect-hide/tab-bar.e2e.ts:28:9 › tab-bar: scroll-effect-hide - ionic/ios/ltr/light › should show the tab bar again when scrolling back to the top
[Mobile Firefox] › src/components/tab-bar/test/scroll-effect-hide/tab-bar.e2e.ts:13:9 › tab-bar: scroll-effect-hide - ionic/md/ltr/light › should hide the tab bar when scrolling down
[Mobile Firefox] › src/components/tab-bar/test/scroll-effect-hide/tab-bar.e2e.ts:28:9 › tab-bar: scroll-effect-hide - ionic/md/ltr/light › should show the tab bar again when scrolling back to the top
7 skipped
756 passed (20.7m)
|
|
🎭 Playwright Run Summary
14 failed
[Mobile Firefox] › src/components/footer/test/scroll-effect-hide/footer.e2e.ts:13:9 › footer: scroll-effect-hide - ios/ltr › should hide the footer when scrolling down
[Mobile Firefox] › src/components/footer/test/scroll-effect-hide/footer.e2e.ts:28:9 › footer: scroll-effect-hide - ios/ltr › should show the footer again when scrolling back to the top
[Mobile Firefox] › src/components/footer/test/scroll-effect-hide/footer.e2e.ts:13:9 › footer: scroll-effect-hide - md/ltr › should hide the footer when scrolling down
[Mobile Firefox] › src/components/footer/test/scroll-effect-hide/footer.e2e.ts:13:9 › footer: scroll-effect-hide - ionic/ios/ltr/light › should hide the footer when scrolling down
[Mobile Firefox] › src/components/footer/test/scroll-effect-hide/footer.e2e.ts:28:9 › footer: scroll-effect-hide - ionic/ios/ltr/light › should show the footer again when scrolling back to the top
[Mobile Firefox] › src/components/footer/test/scroll-effect-hide/footer.e2e.ts:13:9 › footer: scroll-effect-hide - ionic/md/ltr/light › should hide the footer when scrolling down
[Mobile Firefox] › src/components/footer/test/scroll-effect-hide/footer.e2e.ts:28:9 › footer: scroll-effect-hide - ionic/md/ltr/light › should show the footer again when scrolling back to the top
[Mobile Firefox] › src/components/header/test/scroll-effect-hide/header.e2e.ts:13:9 › header: scroll-effect-hide - ios/ltr › should hide the header when scrolling down
[Mobile Firefox] › src/components/header/test/scroll-effect-hide/header.e2e.ts:13:9 › header: scroll-effect-hide - md/ltr › should hide the header when scrolling down
[Mobile Firefox] › src/components/header/test/scroll-effect-hide/header.e2e.ts:28:9 › header: scroll-effect-hide - md/ltr › should show the header again when scrolling back to the top
[Mobile Firefox] › src/components/header/test/scroll-effect-hide/header.e2e.ts:13:9 › header: scroll-effect-hide - ionic/ios/ltr/light › should hide the header when scrolling down
[Mobile Firefox] › src/components/header/test/scroll-effect-hide/header.e2e.ts:28:9 › header: scroll-effect-hide - ionic/ios/ltr/light › should show the header again when scrolling back to the top
[Mobile Firefox] › src/components/header/test/scroll-effect-hide/header.e2e.ts:13:9 › header: scroll-effect-hide - ionic/md/ltr/light › should hide the header when scrolling down
[Mobile Firefox] › src/components/header/test/scroll-effect-hide/header.e2e.ts:28:9 › header: scroll-effect-hide - ionic/md/ltr/light › should show the header again when scrolling back to the top
1 flaky
[Mobile Firefox] › src/components/header/test/scroll-effect-hide/header.e2e.ts:28:9 › header: scroll-effect-hide - ios/ltr › should show the header again when scrolling back to the top
18 skipped
699 passed (31.3m)
|
Artifacts
Produced during runtime
| Name | Size | Digest | |
|---|---|---|---|
|
ionic-core
|
5.41 MB |
sha256:41d45a34e0059db989a88c40f6f19b3c78f3b7f10ab7120e003481c927747c7f
|
|
|
test-results-1-20
|
551 KB |
sha256:e3216b63034e4d678e7812eb633df1d33fd6ac4c23b7ff2196d0ee291dc669d4
|
|
|
test-results-10-20
|
518 KB |
sha256:b69d5e4280a1fc5c480fcfe8208412553b4f1aced3e75280e89d4c1b499a4e9b
|
|
|
test-results-11-20
|
665 KB |
sha256:24512ce9811e75cb0bf36e0e6964c4136421cc172162bcc7aaa41346479635cc
|
|
|
test-results-12-20
|
12.3 MB |
sha256:d258882aabed2b7de8a4bbe3253b22d84be5c61e7b5cdd5a427c8a05c3c35a12
|
|
|
test-results-13-20
|
496 KB |
sha256:1fc9dd85e46dc8d7b30008ee3137ba279d396e125d21079168767d09384915e3
|
|
|
test-results-14-20
|
571 KB |
sha256:2ed61ea60846011c66d192b90e6beab3e1049c01d0b1357d8ac7c116a3e76345
|
|
|
test-results-15-20
|
531 KB |
sha256:e4ce7a67c6e4273aba820f59daa5d4fe4cce5268c17e83280cdcbfa75cfb30f7
|
|
|
test-results-16-20
|
15.7 MB |
sha256:6df8b539415e78dc4d7ee8f72df91205a92452d494cfdab4fda72895c8bb94f3
|
|
|
test-results-17-20
|
642 KB |
sha256:ae0076c52ae0f64c055492f50b54ff186320773098f07fe224d72d4be242b56e
|
|
|
test-results-18-20
|
651 KB |
sha256:db188472564491d04eafedf324a77fce8a0bf96959bbf2fc67cd9208c44d6edf
|
|
|
test-results-19-20
|
1.8 MB |
sha256:e176a58e2c026e10b16a93ef121fe27161a3d7b0704d15e82a78460bee6d0006
|
|
|
test-results-2-20
|
469 MB |
sha256:dc542fe662ce30f59575f87bf697ffb9a2a104931abb8290efd6138f8058956d
|
|
|
test-results-20-20
|
407 KB |
sha256:73897f5c49adc50393d448f59ac6052c07125146b14e1fec4eb76bce57ef9868
|
|
|
test-results-3-20
|
520 KB |
sha256:63f04b675793bfb3311795c4e41d1109a8af8a69889b813892010257ec682b37
|
|
|
test-results-4-20
|
650 KB |
sha256:2c589c276136b417a1914bec62e288c7781f0c303def8f4b42b92c48263c4ae6
|
|
|
test-results-5-20
|
592 KB |
sha256:54a0f37a019e20f9bf8f78b75eeb3bc4bce5317aab76a56f3877b3c69f6abb23
|
|
|
test-results-6-20
|
278 MB |
sha256:f687081d72e405c5dbccaf94c7b7e0e297cc93e15c254ecdd29650b8094e99cb
|
|
|
test-results-7-20
|
427 KB |
sha256:0d42787e13974d45fa485ea7aaa0f402468df83c5615624683c6dccf460e962f
|
|
|
test-results-8-20
|
501 KB |
sha256:bcc58eb02a7d708a425d010facb8e6dfbdf7cf49bbf6d80188da1a4e7d3589b6
|
|
|
test-results-9-20
|
26.6 MB |
sha256:305e424dd62bbfe2820f9c39e3278ac4dd249b6217a26b359a0f13729ccca2b2
|
|
|
updated-screenshots-17-20
|
2.64 KB |
sha256:ddd3032bbb7e7d46df5755a304767a826247a1d8af66586c0873716994801db8
|
|