Skip to content

Stencil Nightly Build #596

Stencil Nightly Build

Stencil Nightly Build #596

Triggered via schedule February 27, 2025 06:04
Status In progress
Total duration
Artifacts 13

stencil-nightly.yml

on: schedule
build-core-with-stencil-nightly
1m 16s
build-core-with-stencil-nightly
build-react
48s
build-react
build-vue
35s
build-vue
Matrix: test-core-screenshot
build-angular
52s
build-angular
build-angular-server
29s
build-angular-server
test-core-clean-build
7s
test-core-clean-build
test-core-lint
43s
test-core-lint
test-core-spec
42s
test-core-spec
build-react-router
0s
build-react-router
build-vue-router
0s
build-vue-router
verify-screenshots
verify-screenshots
Matrix: test-angular-e2e
Matrix: test-react-e2e
Matrix: test-react-router-e2e
Matrix: test-vue-e2e
verify-test-angular-e2e
0s
verify-test-angular-e2e
verify-test-react-e2e
0s
verify-test-react-e2e
verify-test-react-router-e2e
0s
verify-test-react-router-e2e
verify-test-vue-e2e
0s
verify-test-vue-e2e
Fit to window
Zoom out
Zoom in

Annotations

118 errors and 11 notices
test-core-clean-build
Process completed with exit code 1.
build-vue
Process completed with exit code 1.
verify-test-vue-e2e
Process completed with exit code 1.
build-react
Process completed with exit code 1.
build-angular
Process completed with exit code 1.
verify-test-react-router-e2e
Process completed with exit code 1.
verify-test-react-e2e
Process completed with exit code 1.
verify-test-angular-e2e
Process completed with exit code 1.
[Mobile Safari] › src/components/select/test/popover-size/select.e2e.ts:45:9 › select: popover sizing - ios/ltr › popover should have cover size with a floating label: src/components/select/test/popover-size/select.e2e.ts#L1
1) [Mobile Safari] › src/components/select/test/popover-size/select.e2e.ts:45:9 › select: popover sizing - ios/ltr › popover should have cover size with a floating label Test timeout of 30000ms exceeded.
[Mobile Safari] › src/components/select/test/popover-size/select.e2e.ts:45:9 › select: popover sizing - ios/ltr › popover should have cover size with a floating label: src/components/select/test/popover-size/select.e2e.ts#L29
1) [Mobile Safari] › src/components/select/test/popover-size/select.e2e.ts:45:9 › select: popover sizing - ios/ltr › popover should have cover size with a floating label Error: page.click: Test timeout of 30000ms exceeded. Call log: - waiting for locator('ion-select') - locator resolved to <ion-select label="My Label" interface="popover" label-placement="floating" class="ios ion-focusable select-ltr select-label-placement-floating hydrated">…</ion-select> - attempting click action - waiting for element to be visible, enabled and stable - element is not visible - retrying click action, attempt #1 - waiting for element to be visible, enabled and stable - element is not visible - retrying click action, attempt #2 - waiting 20ms - waiting for element to be visible, enabled and stable - element is not visible - retrying click action, attempt #3 - waiting 100ms - waiting for element to be visible, enabled and stable - element is not visible - retrying click action, attempt #4 - waiting 100ms - waiting for element to be visible, enabled and stable - element is not visible - retrying click action, attempt #5 - waiting 500ms - waiting for element to be visible, enabled and stable - element is not visible - retrying click action, attempt #6 - waiting 500ms - waiting for element to be visible, enabled and stable - element is not visible - retrying click action, attempt #7 - waiting 500ms - waiting for element to be visible, enabled and stable - element is not visible - retrying click action, attempt #8 - waiting 500ms - waiting for element to be visible, enabled and stable - element is not visible - retrying click action, attempt #9 - waiting 500ms - waiting for element to be visible, enabled and stable - element is not visible - retrying click action, attempt #10 - waiting 500ms - waiting for element to be visible, enabled and stable - element is not visible - retrying click action, attempt #11 - waiting 500ms - waiting for element to be visible, enabled and stable - element is not visible - retrying click action, attempt #12 - waiting 500ms - waiting for element to be visible, enabled and stable - element is not visible - retrying click action, attempt #13 - waiting 500ms - waiting for element to be visible, enabled and stable - element is not visible - retrying click action, attempt #14 - waiting 500ms - waiting for element to be visible, enabled and stable - element is not visible - retrying click action, attempt #15 - waiting 500ms - waiting for element to be visible, enabled and stable - element is not visible - retrying click action, attempt #16 - waiting 500ms - waiting for element to be visible, enabled and stable - element is not visible - retrying click action, attempt #17 - waiting 500ms - waiting for element to be visible, enabled and stable - element is not visible - retrying click action, attempt #18 - waiting 500ms - waiting for element to be visible, enabled and stable - element is not visible - retrying click action, attempt #19 - waiting 500ms - waiting for element to be visible, enabled and stable - element is not visible - retrying click action, attempt #20 - waiting 500ms - waiting for element to be visible, enabled and stable - element is not visible - retrying click action, attempt #21 - waiting 500ms - waiting for element to be visible, enabled and stable - element is not visible - retrying click action, attempt #22 - waiting 500ms
[Mobile Safari] › src/components/select/test/popover-size/select.e2e.ts:45:9 › select: popover sizing - ios/ltr › popover should have cover size with a floating label: src/components/select/test/popover-size/select.e2e.ts#L1
1) [Mobile Safari] › src/components/select/test/popover-size/select.e2e.ts:45:9 › select: popover sizing - ios/ltr › popover should have cover size with a floating label Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Test timeout of 30000ms exceeded.
[Mobile Safari] › src/components/select/test/popover-size/select.e2e.ts:45:9 › select: popover sizing - ios/ltr › popover should have cover size with a floating label: src/components/select/test/popover-size/select.e2e.ts#L29
1) [Mobile Safari] › src/components/select/test/popover-size/select.e2e.ts:45:9 › select: popover sizing - ios/ltr › popover should have cover size with a floating label Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: page.click: Test timeout of 30000ms exceeded. Call log: - waiting for locator('ion-select') - locator resolved to <ion-select label="My Label" interface="popover" label-placement="floating" class="ios ion-focusable select-ltr select-label-placement-floating hydrated">…</ion-select> - attempting click action - waiting for element to be visible, enabled and stable - element is not visible - retrying click action, attempt #1 - waiting for element to be visible, enabled and stable - element is not visible - retrying click action, attempt #2 - waiting 20ms - waiting for element to be visible, enabled and stable - element is not visible - retrying click action, attempt #3 - waiting 100ms - waiting for element to be visible, enabled and stable - element is not visible - retrying click action, attempt #4 - waiting 100ms - waiting for element to be visible, enabled and stable - element is not visible - retrying click action, attempt #5 - waiting 500ms - waiting for element to be visible, enabled and stable - element is not visible - retrying click action, attempt #6 - waiting 500ms - waiting for element to be visible, enabled and stable - element is not visible - retrying click action, attempt #7 - waiting 500ms - waiting for element to be visible, enabled and stable - element is not visible - retrying click action, attempt #8 - waiting 500ms - waiting for element to be visible, enabled and stable - element is not visible - retrying click action, attempt #9 - waiting 500ms - waiting for element to be visible, enabled and stable - element is not visible - retrying click action, attempt #10 - waiting 500ms - waiting for element to be visible, enabled and stable - element is not visible - retrying click action, attempt #11 - waiting 500ms - waiting for element to be visible, enabled and stable - element is not visible - retrying click action, attempt #12 - waiting 500ms - waiting for element to be visible, enabled and stable - element is not visible - retrying click action, attempt #13 - waiting 500ms - waiting for element to be visible, enabled and stable - element is not visible - retrying click action, attempt #14 - waiting 500ms - waiting for element to be visible, enabled and stable - element is not visible - retrying click action, attempt #15 - waiting 500ms - waiting for element to be visible, enabled and stable - element is not visible - retrying click action, attempt #16 - waiting 500ms - waiting for element to be visible, enabled and stable - element is not visible - retrying click action, attempt #17 - waiting 500ms - waiting for element to be visible, enabled and stable - element is not visible - retrying click action, attempt #18 - waiting 500ms - waiting for element to be visible, enabled and stable - element is not visible - retrying click action, attempt #19 - waiting 500ms - waiting for element to be visible, enabled and stable - element is not visible - retrying click action, attempt #20 - waiting 500ms - waiting for element to be visible, enabled and stable - element is not visible - retrying click action, attempt #21 - waiting 500ms - waiting for element to be visible, enabled and stable
[Mobile Safari] › src/components/select/test/popover-size/select.e2e.ts:45:9 › select: popover sizing - ios/ltr › popover should have cover size with a floating label: src/components/select/test/popover-size/select.e2e.ts#L1
1) [Mobile Safari] › src/components/select/test/popover-size/select.e2e.ts:45:9 › select: popover sizing - ios/ltr › popover should have cover size with a floating label Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Test timeout of 30000ms exceeded.
[Mobile Safari] › src/components/select/test/popover-size/select.e2e.ts:45:9 › select: popover sizing - ios/ltr › popover should have cover size with a floating label: src/components/select/test/popover-size/select.e2e.ts#L29
1) [Mobile Safari] › src/components/select/test/popover-size/select.e2e.ts:45:9 › select: popover sizing - ios/ltr › popover should have cover size with a floating label Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: page.click: Test timeout of 30000ms exceeded. Call log: - waiting for locator('ion-select') - locator resolved to <ion-select label="My Label" interface="popover" label-placement="floating" class="ios ion-focusable select-ltr select-label-placement-floating hydrated">…</ion-select> - attempting click action - waiting for element to be visible, enabled and stable - element is not visible - retrying click action, attempt #1 - waiting for element to be visible, enabled and stable - element is not visible - retrying click action, attempt #2 - waiting 20ms - waiting for element to be visible, enabled and stable - element is not visible - retrying click action, attempt #3 - waiting 100ms - waiting for element to be visible, enabled and stable - element is not visible - retrying click action, attempt #4 - waiting 100ms - waiting for element to be visible, enabled and stable - element is not visible - retrying click action, attempt #5 - waiting 500ms - waiting for element to be visible, enabled and stable - element is not visible - retrying click action, attempt #6 - waiting 500ms - waiting for element to be visible, enabled and stable - element is not visible - retrying click action, attempt #7 - waiting 500ms - waiting for element to be visible, enabled and stable - element is not visible - retrying click action, attempt #8 - waiting 500ms - waiting for element to be visible, enabled and stable - element is not visible - retrying click action, attempt #9 - waiting 500ms - waiting for element to be visible, enabled and stable - element is not visible - retrying click action, attempt #10 - waiting 500ms - waiting for element to be visible, enabled and stable - element is not visible - retrying click action, attempt #11 - waiting 500ms - waiting for element to be visible, enabled and stable - element is not visible - retrying click action, attempt #12 - waiting 500ms - waiting for element to be visible, enabled and stable - element is not visible - retrying click action, attempt #13 - waiting 500ms - waiting for element to be visible, enabled and stable - element is not visible - retrying click action, attempt #14 - waiting 500ms - waiting for element to be visible, enabled and stable - element is not visible - retrying click action, attempt #15 - waiting 500ms - waiting for element to be visible, enabled and stable - element is not visible - retrying click action, attempt #16 - waiting 500ms - waiting for element to be visible, enabled and stable - element is not visible - retrying click action, attempt #17 - waiting 500ms - waiting for element to be visible, enabled and stable - element is not visible - retrying click action, attempt #18 - waiting 500ms - waiting for element to be visible, enabled and stable - element is not visible - retrying click action, attempt #19 - waiting 500ms - waiting for element to be visible, enabled and stable - element is not visible - retrying click action, attempt #20 - waiting 500ms - waiting for element to be visible, enabled and stable - element is not visible - retrying click action, attempt #21 - waiting 500ms - waiting for element to be visible, enabled and stable
[Mobile Safari] › src/components/select/test/popover-size/select.e2e.ts:53:9 › select: popover sizing - ios/ltr › popover should have cover size with a stacked label: src/components/select/test/popover-size/select.e2e.ts#L1
2) [Mobile Safari] › src/components/select/test/popover-size/select.e2e.ts:53:9 › select: popover sizing - ios/ltr › popover should have cover size with a stacked label Test timeout of 30000ms exceeded.
[Mobile Safari] › src/components/select/test/popover-size/select.e2e.ts:53:9 › select: popover sizing - ios/ltr › popover should have cover size with a stacked label: src/components/select/test/popover-size/select.e2e.ts#L29
2) [Mobile Safari] › src/components/select/test/popover-size/select.e2e.ts:53:9 › select: popover sizing - ios/ltr › popover should have cover size with a stacked label Error: page.click: Test timeout of 30000ms exceeded. Call log: - waiting for locator('ion-select') - locator resolved to <ion-select label="My Label" interface="popover" label-placement="stacked" class="ios label-floating ion-focusable select-ltr select-label-placement-stacked hydrated">…</ion-select> - attempting click action - waiting for element to be visible, enabled and stable - element is not visible - retrying click action, attempt #1 - waiting for element to be visible, enabled and stable - element is not visible - retrying click action, attempt #2 - waiting 20ms - waiting for element to be visible, enabled and stable - element is not visible - retrying click action, attempt #3 - waiting 100ms - waiting for element to be visible, enabled and stable - element is not visible - retrying click action, attempt #4 - waiting 100ms - waiting for element to be visible, enabled and stable - element is not visible - retrying click action, attempt #5 - waiting 500ms - waiting for element to be visible, enabled and stable - element is not visible - retrying click action, attempt #6 - waiting 500ms - waiting for element to be visible, enabled and stable - element is not visible - retrying click action, attempt #7 - waiting 500ms - waiting for element to be visible, enabled and stable - element is not visible - retrying click action, attempt #8 - waiting 500ms - waiting for element to be visible, enabled and stable - element is not visible - retrying click action, attempt #9 - waiting 500ms - waiting for element to be visible, enabled and stable - element is not visible - retrying click action, attempt #10 - waiting 500ms - waiting for element to be visible, enabled and stable - element is not visible - retrying click action, attempt #11 - waiting 500ms - waiting for element to be visible, enabled and stable - element is not visible - retrying click action, attempt #12 - waiting 500ms - waiting for element to be visible, enabled and stable - element is not visible - retrying click action, attempt #13 - waiting 500ms - waiting for element to be visible, enabled and stable - element is not visible - retrying click action, attempt #14 - waiting 500ms - waiting for element to be visible, enabled and stable - element is not visible - retrying click action, attempt #15 - waiting 500ms - waiting for element to be visible, enabled and stable - element is not visible - retrying click action, attempt #16 - waiting 500ms - waiting for element to be visible, enabled and stable - element is not visible - retrying click action, attempt #17 - waiting 500ms - waiting for element to be visible, enabled and stable - element is not visible - retrying click action, attempt #18 - waiting 500ms - waiting for element to be visible, enabled and stable - element is not visible - retrying click action, attempt #19 - waiting 500ms - waiting for element to be visible, enabled and stable - element is not visible - retrying click action, attempt #20 - waiting 500ms - waiting for element to be visible, enabled and stable - element is not visible - retrying click action, attempt #21 - waiting 500ms - waiting for element to be visible, enabled and stable - element is not visible - retrying click action, attempt #22 - waiting
[Mobile Safari] › src/components/select/test/popover-size/select.e2e.ts:53:9 › select: popover sizing - ios/ltr › popover should have cover size with a stacked label: src/components/select/test/popover-size/select.e2e.ts#L1
2) [Mobile Safari] › src/components/select/test/popover-size/select.e2e.ts:53:9 › select: popover sizing - ios/ltr › popover should have cover size with a stacked label Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Test timeout of 30000ms exceeded.
[Mobile Safari] › src/components/select/test/popover-size/select.e2e.ts:53:9 › select: popover sizing - ios/ltr › popover should have cover size with a stacked label: src/components/select/test/popover-size/select.e2e.ts#L29
2) [Mobile Safari] › src/components/select/test/popover-size/select.e2e.ts:53:9 › select: popover sizing - ios/ltr › popover should have cover size with a stacked label Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: page.click: Test timeout of 30000ms exceeded. Call log: - waiting for locator('ion-select') - locator resolved to <ion-select label="My Label" interface="popover" label-placement="stacked" class="ios label-floating ion-focusable select-ltr select-label-placement-stacked hydrated">…</ion-select> - attempting click action - waiting for element to be visible, enabled and stable - element is not visible - retrying click action, attempt #1 - waiting for element to be visible, enabled and stable - element is not visible - retrying click action, attempt #2 - waiting 20ms - waiting for element to be visible, enabled and stable - element is not visible - retrying click action, attempt #3 - waiting 100ms - waiting for element to be visible, enabled and stable - element is not visible - retrying click action, attempt #4 - waiting 100ms - waiting for element to be visible, enabled and stable - element is not visible - retrying click action, attempt #5 - waiting 500ms - waiting for element to be visible, enabled and stable - element is not visible - retrying click action, attempt #6 - waiting 500ms - waiting for element to be visible, enabled and stable - element is not visible - retrying click action, attempt #7 - waiting 500ms - waiting for element to be visible, enabled and stable - element is not visible - retrying click action, attempt #8 - waiting 500ms - waiting for element to be visible, enabled and stable - element is not visible - retrying click action, attempt #9 - waiting 500ms - waiting for element to be visible, enabled and stable - element is not visible - retrying click action, attempt #10 - waiting 500ms - waiting for element to be visible, enabled and stable - element is not visible - retrying click action, attempt #11 - waiting 500ms - waiting for element to be visible, enabled and stable - element is not visible - retrying click action, attempt #12 - waiting 500ms - waiting for element to be visible, enabled and stable - element is not visible - retrying click action, attempt #13 - waiting 500ms - waiting for element to be visible, enabled and stable - element is not visible - retrying click action, attempt #14 - waiting 500ms - waiting for element to be visible, enabled and stable - element is not visible - retrying click action, attempt #15 - waiting 500ms - waiting for element to be visible, enabled and stable - element is not visible - retrying click action, attempt #16 - waiting 500ms - waiting for element to be visible, enabled and stable - element is not visible - retrying click action, attempt #17 - waiting 500ms - waiting for element to be visible, enabled and stable - element is not visible - retrying click action, attempt #18 - waiting 500ms - waiting for element to be visible, enabled and stable - element is not visible - retrying click action, attempt #19 - waiting 500ms - waiting for element to be visible, enabled and stable - element is not visible - retrying click action, attempt #20 - waiting 500ms - waiting for element to be visible, enabled and stable - element is not visible - retrying click action, attempt #21 - waiting 500ms - waiting for element to be visible, enabled an
[Mobile Safari] › src/components/toast/test/basic/toast.e2e.ts:54:9 › toast: position rendering - ios/ltr › should render toast at the top: src/components/toast/test/basic/toast.e2e.ts#L1
1) [Mobile Safari] › src/components/toast/test/basic/toast.e2e.ts:54:9 › toast: position rendering - ios/ltr › should render toast at the top Test timeout of 30000ms exceeded.
[Mobile Safari] › src/components/toast/test/basic/toast.e2e.ts:54:9 › toast: position rendering - ios/ltr › should render toast at the top: src/components/toast/test/basic/toast.e2e.ts#L24
1) [Mobile Safari] › src/components/toast/test/basic/toast.e2e.ts:54:9 › toast: position rendering - ios/ltr › should render toast at the top Error: locator.click: Test timeout of 30000ms exceeded. Call log: - waiting for locator('#show-top-toast') - locator resolved to <button class="expand" id="show-top-toast" onclick="openToast({ message: 'Hellooo', position: 'top', duration: 2000 })">↵ Position Top↵ </button> - attempting click action - waiting for element to be visible, enabled and stable - element is not visible - retrying click action, attempt #1 - waiting for element to be visible, enabled and stable - element is not visible - retrying click action, attempt #2 - waiting 20ms - waiting for element to be visible, enabled and stable - element is not visible - retrying click action, attempt #3 - waiting 100ms - waiting for element to be visible, enabled and stable - element is not visible - retrying click action, attempt #4 - waiting 100ms - waiting for element to be visible, enabled and stable - element is not visible - retrying click action, attempt #5 - waiting 500ms - waiting for element to be visible, enabled and stable - element is not visible - retrying click action, attempt #6 - waiting 500ms - waiting for element to be visible, enabled and stable - element is not visible - retrying click action, attempt #7 - waiting 500ms - waiting for element to be visible, enabled and stable - element is not visible - retrying click action, attempt #8 - waiting 500ms - waiting for element to be visible, enabled and stable - element is not visible - retrying click action, attempt #9 - waiting 500ms - waiting for element to be visible, enabled and stable - element is not visible - retrying click action, attempt #10 - waiting 500ms - waiting for element to be visible, enabled and stable - element is not visible - retrying click action, attempt #11 - waiting 500ms - waiting for element to be visible, enabled and stable - element is not visible - retrying click action, attempt #12 - waiting 500ms - waiting for element to be visible, enabled and stable - element is not visible - retrying click action, attempt #13 - waiting 500ms - waiting for element to be visible, enabled and stable - element is not visible - retrying click action, attempt #14 - waiting 500ms - waiting for element to be visible, enabled and stable - element is not visible - retrying click action, attempt #15 - waiting 500ms - waiting for element to be visible, enabled and stable - element is not visible - retrying click action, attempt #16 - waiting 500ms - waiting for element to be visible, enabled and stable - element is not visible - retrying click action, attempt #17 - waiting 500ms - waiting for element to be visible, enabled and stable - element is not visible - retrying click action, attempt #18 - waiting 500ms - waiting for element to be visible, enabled and stable - element is not visible - retrying click action, attempt #19 - waiting 500ms - waiting for element to be visible, enabled and stable - element is not visible - retrying click action, attempt #20 - waiting 500ms - waiting for element to be visible, enabled and stable - element is not visible - retrying click action, attempt #21 - waiting 500ms - waiting for element to be visible, enabled and stable - element is not visible - retrying click action, attempt #22 - waiting 500ms - waiting for element to
[Mobile Safari] › src/components/toast/test/basic/toast.e2e.ts:54:9 › toast: position rendering - ios/ltr › should render toast at the top: src/components/toast/test/basic/toast.e2e.ts#L1
1) [Mobile Safari] › src/components/toast/test/basic/toast.e2e.ts:54:9 › toast: position rendering - ios/ltr › should render toast at the top Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Test timeout of 30000ms exceeded.
[Mobile Safari] › src/components/toast/test/basic/toast.e2e.ts:54:9 › toast: position rendering - ios/ltr › should render toast at the top: src/components/toast/test/basic/toast.e2e.ts#L24
1) [Mobile Safari] › src/components/toast/test/basic/toast.e2e.ts:54:9 › toast: position rendering - ios/ltr › should render toast at the top Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: locator.click: Test timeout of 30000ms exceeded. Call log: - waiting for locator('#show-top-toast') - locator resolved to <button class="expand" id="show-top-toast" onclick="openToast({ message: 'Hellooo', position: 'top', duration: 2000 })">↵ Position Top↵ </button> - attempting click action - waiting for element to be visible, enabled and stable - element is not visible - retrying click action, attempt #1 - waiting for element to be visible, enabled and stable - element is not visible - retrying click action, attempt #2 - waiting 20ms - waiting for element to be visible, enabled and stable - element is not visible - retrying click action, attempt #3 - waiting 100ms - waiting for element to be visible, enabled and stable - element is not visible - retrying click action, attempt #4 - waiting 100ms - waiting for element to be visible, enabled and stable - element is not visible - retrying click action, attempt #5 - waiting 500ms - waiting for element to be visible, enabled and stable - element is not visible - retrying click action, attempt #6 - waiting 500ms - waiting for element to be visible, enabled and stable - element is not visible - retrying click action, attempt #7 - waiting 500ms - waiting for element to be visible, enabled and stable - element is not visible - retrying click action, attempt #8 - waiting 500ms - waiting for element to be visible, enabled and stable - element is not visible - retrying click action, attempt #9 - waiting 500ms - waiting for element to be visible, enabled and stable - element is not visible - retrying click action, attempt #10 - waiting 500ms - waiting for element to be visible, enabled and stable - element is not visible - retrying click action, attempt #11 - waiting 500ms - waiting for element to be visible, enabled and stable - element is not visible - retrying click action, attempt #12 - waiting 500ms - waiting for element to be visible, enabled and stable - element is not visible - retrying click action, attempt #13 - waiting 500ms - waiting for element to be visible, enabled and stable - element is not visible - retrying click action, attempt #14 - waiting 500ms - waiting for element to be visible, enabled and stable - element is not visible - retrying click action, attempt #15 - waiting 500ms - waiting for element to be visible, enabled and stable - element is not visible - retrying click action, attempt #16 - waiting 500ms - waiting for element to be visible, enabled and stable - element is not visible - retrying click action, attempt #17 - waiting 500ms - waiting for element to be visible, enabled and stable - element is not visible - retrying click action, attempt #18 - waiting 500ms - waiting for element to be visible, enabled and stable - element is not visible - retrying click action, attempt #19 - waiting 500ms - waiting for element to be visible, enabled and stable - element is not visible - retrying click action, attempt #20 - waiting 500ms - waiting for element to be visible, enabled and stable - element is not visible - retrying click action, attempt #21 - waiting 500ms - waiting for element to be visible, enabled and stable - element is not visib
[Mobile Safari] › src/components/toast/test/basic/toast.e2e.ts:54:9 › toast: position rendering - ios/ltr › should render toast at the top: src/components/toast/test/basic/toast.e2e.ts#L1
1) [Mobile Safari] › src/components/toast/test/basic/toast.e2e.ts:54:9 › toast: position rendering - ios/ltr › should render toast at the top Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Test timeout of 30000ms exceeded.
[Mobile Safari] › src/components/toast/test/basic/toast.e2e.ts:54:9 › toast: position rendering - ios/ltr › should render toast at the top: src/components/toast/test/basic/toast.e2e.ts#L24
1) [Mobile Safari] › src/components/toast/test/basic/toast.e2e.ts:54:9 › toast: position rendering - ios/ltr › should render toast at the top Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: locator.click: Test timeout of 30000ms exceeded. Call log: - waiting for locator('#show-top-toast') - locator resolved to <button class="expand" id="show-top-toast" onclick="openToast({ message: 'Hellooo', position: 'top', duration: 2000 })">↵ Position Top↵ </button> - attempting click action - waiting for element to be visible, enabled and stable - element is not visible - retrying click action, attempt #1 - waiting for element to be visible, enabled and stable - element is not visible - retrying click action, attempt #2 - waiting 20ms - waiting for element to be visible, enabled and stable - element is not visible - retrying click action, attempt #3 - waiting 100ms - waiting for element to be visible, enabled and stable - element is not visible - retrying click action, attempt #4 - waiting 100ms - waiting for element to be visible, enabled and stable - element is not visible - retrying click action, attempt #5 - waiting 500ms - waiting for element to be visible, enabled and stable - element is not visible - retrying click action, attempt #6 - waiting 500ms - waiting for element to be visible, enabled and stable - element is not visible - retrying click action, attempt #7 - waiting 500ms - waiting for element to be visible, enabled and stable - element is not visible - retrying click action, attempt #8 - waiting 500ms - waiting for element to be visible, enabled and stable - element is not visible - retrying click action, attempt #9 - waiting 500ms - waiting for element to be visible, enabled and stable - element is not visible - retrying click action, attempt #10 - waiting 500ms - waiting for element to be visible, enabled and stable - element is not visible - retrying click action, attempt #11 - waiting 500ms - waiting for element to be visible, enabled and stable - element is not visible - retrying click action, attempt #12 - waiting 500ms - waiting for element to be visible, enabled and stable - element is not visible - retrying click action, attempt #13 - waiting 500ms - waiting for element to be visible, enabled and stable - element is not visible - retrying click action, attempt #14 - waiting 500ms - waiting for element to be visible, enabled and stable - element is not visible - retrying click action, attempt #15 - waiting 500ms - waiting for element to be visible, enabled and stable - element is not visible - retrying click action, attempt #16 - waiting 500ms - waiting for element to be visible, enabled and stable - element is not visible - retrying click action, attempt #17 - waiting 500ms - waiting for element to be visible, enabled and stable - element is not visible - retrying click action, attempt #18 - waiting 500ms - waiting for element to be visible, enabled and stable - element is not visible - retrying click action, attempt #19 - waiting 500ms - waiting for element to be visible, enabled and stable - element is not visible - retrying click action, attempt #20 - waiting 500ms - waiting for element to be visible, enabled and stable - element is not visible - retrying click action, attempt #21 - waiting 500ms - waiting for element to be visible, enabled and stable - element is not visib
[Mobile Safari] › src/components/toast/test/basic/toast.e2e.ts:58:9 › toast: position rendering - ios/ltr › should render toast at the middle: src/components/toast/test/basic/toast.e2e.ts#L1
2) [Mobile Safari] › src/components/toast/test/basic/toast.e2e.ts:58:9 › toast: position rendering - ios/ltr › should render toast at the middle Test timeout of 30000ms exceeded.
[Mobile Safari] › src/components/toast/test/basic/toast.e2e.ts:58:9 › toast: position rendering - ios/ltr › should render toast at the middle: src/components/toast/test/basic/toast.e2e.ts#L24
2) [Mobile Safari] › src/components/toast/test/basic/toast.e2e.ts:58:9 › toast: position rendering - ios/ltr › should render toast at the middle Error: locator.click: Test timeout of 30000ms exceeded. Call log: - waiting for locator('#show-middle-toast') - locator resolved to <button class="expand" id="show-middle-toast" onclick="openToast({ message: 'Hellooo', position: 'middle', duration: 2000 })">↵ Position Middle↵ </button> - attempting click action - waiting for element to be visible, enabled and stable - element is not visible - retrying click action, attempt #1 - waiting for element to be visible, enabled and stable - element is not visible - retrying click action, attempt #2 - waiting 20ms - waiting for element to be visible, enabled and stable - element is not visible - retrying click action, attempt #3 - waiting 100ms - waiting for element to be visible, enabled and stable - element is not visible - retrying click action, attempt #4 - waiting 100ms - waiting for element to be visible, enabled and stable - element is not visible - retrying click action, attempt #5 - waiting 500ms - waiting for element to be visible, enabled and stable - element is not visible - retrying click action, attempt #6 - waiting 500ms - waiting for element to be visible, enabled and stable - element is not visible - retrying click action, attempt #7 - waiting 500ms - waiting for element to be visible, enabled and stable - element is not visible - retrying click action, attempt #8 - waiting 500ms - waiting for element to be visible, enabled and stable - element is not visible - retrying click action, attempt #9 - waiting 500ms - waiting for element to be visible, enabled and stable - element is not visible - retrying click action, attempt #10 - waiting 500ms - waiting for element to be visible, enabled and stable - element is not visible - retrying click action, attempt #11 - waiting 500ms - waiting for element to be visible, enabled and stable - element is not visible - retrying click action, attempt #12 - waiting 500ms - waiting for element to be visible, enabled and stable - element is not visible - retrying click action, attempt #13 - waiting 500ms - waiting for element to be visible, enabled and stable - element is not visible - retrying click action, attempt #14 - waiting 500ms - waiting for element to be visible, enabled and stable - element is not visible - retrying click action, attempt #15 - waiting 500ms - waiting for element to be visible, enabled and stable - element is not visible - retrying click action, attempt #16 - waiting 500ms - waiting for element to be visible, enabled and stable - element is not visible - retrying click action, attempt #17 - waiting 500ms - waiting for element to be visible, enabled and stable - element is not visible - retrying click action, attempt #18 - waiting 500ms - waiting for element to be visible, enabled and stable - element is not visible - retrying click action, attempt #19 - waiting 500ms - waiting for element to be visible, enabled and stable - element is not visible - retrying click action, attempt #20 - waiting 500ms - waiting for element to be visible, enabled and stable - element is not visible - retrying click action, attempt #21 - waiting 500ms - waiting for element to be visible, enabled and stable - element is not visible - retrying click action, attempt #22 - waiting 500ms - waiting
[Mobile Safari] › src/components/toast/test/basic/toast.e2e.ts:58:9 › toast: position rendering - ios/ltr › should render toast at the middle: src/components/toast/test/basic/toast.e2e.ts#L1
2) [Mobile Safari] › src/components/toast/test/basic/toast.e2e.ts:58:9 › toast: position rendering - ios/ltr › should render toast at the middle Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Test timeout of 30000ms exceeded.
[Mobile Safari] › src/components/toast/test/basic/toast.e2e.ts:58:9 › toast: position rendering - ios/ltr › should render toast at the middle: src/components/toast/test/basic/toast.e2e.ts#L24
2) [Mobile Safari] › src/components/toast/test/basic/toast.e2e.ts:58:9 › toast: position rendering - ios/ltr › should render toast at the middle Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: locator.click: Test timeout of 30000ms exceeded. Call log: - waiting for locator('#show-middle-toast') - locator resolved to <button class="expand" id="show-middle-toast" onclick="openToast({ message: 'Hellooo', position: 'middle', duration: 2000 })">↵ Position Middle↵ </button> - attempting click action - waiting for element to be visible, enabled and stable - element is not visible - retrying click action, attempt #1 - waiting for element to be visible, enabled and stable - element is not visible - retrying click action, attempt #2 - waiting 20ms - waiting for element to be visible, enabled and stable - element is not visible - retrying click action, attempt #3 - waiting 100ms - waiting for element to be visible, enabled and stable - element is not visible - retrying click action, attempt #4 - waiting 100ms - waiting for element to be visible, enabled and stable - element is not visible - retrying click action, attempt #5 - waiting 500ms - waiting for element to be visible, enabled and stable - element is not visible - retrying click action, attempt #6 - waiting 500ms - waiting for element to be visible, enabled and stable - element is not visible - retrying click action, attempt #7 - waiting 500ms - waiting for element to be visible, enabled and stable - element is not visible - retrying click action, attempt #8 - waiting 500ms - waiting for element to be visible, enabled and stable - element is not visible - retrying click action, attempt #9 - waiting 500ms - waiting for element to be visible, enabled and stable - element is not visible - retrying click action, attempt #10 - waiting 500ms - waiting for element to be visible, enabled and stable - element is not visible - retrying click action, attempt #11 - waiting 500ms - waiting for element to be visible, enabled and stable - element is not visible - retrying click action, attempt #12 - waiting 500ms - waiting for element to be visible, enabled and stable - element is not visible - retrying click action, attempt #13 - waiting 500ms - waiting for element to be visible, enabled and stable - element is not visible - retrying click action, attempt #14 - waiting 500ms - waiting for element to be visible, enabled and stable - element is not visible - retrying click action, attempt #15 - waiting 500ms - waiting for element to be visible, enabled and stable - element is not visible - retrying click action, attempt #16 - waiting 500ms - waiting for element to be visible, enabled and stable - element is not visible - retrying click action, attempt #17 - waiting 500ms - waiting for element to be visible, enabled and stable - element is not visible - retrying click action, attempt #18 - waiting 500ms - waiting for element to be visible, enabled and stable - element is not visible - retrying click action, attempt #19 - waiting 500ms - waiting for element to be visible, enabled and stable - element is not visible - retrying click action, attempt #20 - waiting 500ms - waiting for element to be visible, enabled and stable - element is not visible - retrying click action, attempt #21 - waiting 500ms - waiting for element to be visible, enabled and stable - eleme
[Mobile Chrome] › src/components/segment/test/a11y/segment.e2e.ts:10:9 › segment: a11y for ion-color() - md/ltr › should not have accessibility violations: src/components/segment/test/a11y/segment.e2e.ts#L29
1) [Mobile Chrome] › src/components/segment/test/a11y/segment.e2e.ts:10:9 › segment: a11y for ion-color() - md/ltr › should not have accessibility violations Error: expect(received).toEqual(expected) // deep equality - Expected - 1 + Received + 68 - Array [] + Array [ + Object { + "description": "Ensure the document has a main landmark", + "help": "Document should have one main landmark", + "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/landmark-one-main?application=playwright", + "id": "landmark-one-main", + "impact": "moderate", + "nodes": Array [ + Object { + "all": Array [ + Object { + "data": null, + "id": "page-has-main", + "impact": "moderate", + "message": "Document does not have a main landmark", + "relatedNodes": Array [], + }, + ], + "any": Array [], + "failureSummary": "Fix all of the following: + Document does not have a main landmark", + "html": "<html dir=\"ltr\" lang=\"en\" class=\"plt-android plt-phablet plt-mobile plt-mobileweb md\" mode=\"md\">", + "impact": "moderate", + "none": Array [], + "target": Array [ + "html", + ], + }, + ], + "tags": Array [ + "cat.semantics", + "best-practice", + ], + }, + Object { + "description": "Ensure that the page, or at least one of its frames contains a level-one heading", + "help": "Page should contain a level-one heading", + "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/page-has-heading-one?application=playwright", + "id": "page-has-heading-one", + "impact": "moderate", + "nodes": Array [ + Object { + "all": Array [ + Object { + "data": null, + "id": "page-has-heading-one", + "impact": "moderate", + "message": "Page must have a level-one heading", + "relatedNodes": Array [], + }, + ], + "any": Array [], + "failureSummary": "Fix all of the following: + Page must have a level-one heading", + "html": "<html dir=\"ltr\" lang=\"en\" class=\"plt-android plt-phablet plt-mobile plt-mobileweb md\" mode=\"md\">", + "impact": "moderate", + "none": Array [], + "target": Array [ + "html", + ], + }, + ], + "tags": Array [ + "cat.semantics", + "best-practice", + ], + }, + ] 27 | const results = await new AxeBuilder({ page }).analyze(); 28 | > 29 | expect(results.violations).toEqual([]); | ^ 30 | }); 31 | }); 32 | }); at /ionic/src/components/segment/test/a11y/segment.e2e.ts:29:34
[Mobile Chrome] › src/components/segment/test/a11y/segment.e2e.ts:10:9 › segment: a11y for ion-color() - md/ltr › should not have accessibility violations: src/components/segment/test/a11y/segment.e2e.ts#L29
1) [Mobile Chrome] › src/components/segment/test/a11y/segment.e2e.ts:10:9 › segment: a11y for ion-color() - md/ltr › should not have accessibility violations Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(received).toEqual(expected) // deep equality - Expected - 1 + Received + 68 - Array [] + Array [ + Object { + "description": "Ensure the document has a main landmark", + "help": "Document should have one main landmark", + "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/landmark-one-main?application=playwright", + "id": "landmark-one-main", + "impact": "moderate", + "nodes": Array [ + Object { + "all": Array [ + Object { + "data": null, + "id": "page-has-main", + "impact": "moderate", + "message": "Document does not have a main landmark", + "relatedNodes": Array [], + }, + ], + "any": Array [], + "failureSummary": "Fix all of the following: + Document does not have a main landmark", + "html": "<html dir=\"ltr\" lang=\"en\" class=\"plt-android plt-phablet plt-mobile plt-mobileweb md\" mode=\"md\">", + "impact": "moderate", + "none": Array [], + "target": Array [ + "html", + ], + }, + ], + "tags": Array [ + "cat.semantics", + "best-practice", + ], + }, + Object { + "description": "Ensure that the page, or at least one of its frames contains a level-one heading", + "help": "Page should contain a level-one heading", + "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/page-has-heading-one?application=playwright", + "id": "page-has-heading-one", + "impact": "moderate", + "nodes": Array [ + Object { + "all": Array [ + Object { + "data": null, + "id": "page-has-heading-one", + "impact": "moderate", + "message": "Page must have a level-one heading", + "relatedNodes": Array [], + }, + ], + "any": Array [], + "failureSummary": "Fix all of the following: + Page must have a level-one heading", + "html": "<html dir=\"ltr\" lang=\"en\" class=\"plt-android plt-phablet plt-mobile plt-mobileweb md\" mode=\"md\">", + "impact": "moderate", + "none": Array [], + "target": Array [ + "html", + ], + }, + ], + "tags": Array [ + "cat.semantics", + "best-practice", + ], + }, + ] 27 | const results = await new AxeBuilder({ page }).analyze(); 28 | > 29 | expect(results.violations).toEqual([]); | ^ 30 | }); 31 | }); 32 | }); at /ionic/src/components/segment/test/a11y/segment.e2e.ts:29:34
[Mobile Chrome] › src/components/segment/test/a11y/segment.e2e.ts:10:9 › segment: a11y for ion-color() - md/ltr › should not have accessibility violations: src/components/segment/test/a11y/segment.e2e.ts#L29
1) [Mobile Chrome] › src/components/segment/test/a11y/segment.e2e.ts:10:9 › segment: a11y for ion-color() - md/ltr › should not have accessibility violations Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(received).toEqual(expected) // deep equality - Expected - 1 + Received + 68 - Array [] + Array [ + Object { + "description": "Ensure the document has a main landmark", + "help": "Document should have one main landmark", + "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/landmark-one-main?application=playwright", + "id": "landmark-one-main", + "impact": "moderate", + "nodes": Array [ + Object { + "all": Array [ + Object { + "data": null, + "id": "page-has-main", + "impact": "moderate", + "message": "Document does not have a main landmark", + "relatedNodes": Array [], + }, + ], + "any": Array [], + "failureSummary": "Fix all of the following: + Document does not have a main landmark", + "html": "<html dir=\"ltr\" lang=\"en\" class=\"plt-android plt-phablet plt-mobile plt-mobileweb md\" mode=\"md\">", + "impact": "moderate", + "none": Array [], + "target": Array [ + "html", + ], + }, + ], + "tags": Array [ + "cat.semantics", + "best-practice", + ], + }, + Object { + "description": "Ensure that the page, or at least one of its frames contains a level-one heading", + "help": "Page should contain a level-one heading", + "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/page-has-heading-one?application=playwright", + "id": "page-has-heading-one", + "impact": "moderate", + "nodes": Array [ + Object { + "all": Array [ + Object { + "data": null, + "id": "page-has-heading-one", + "impact": "moderate", + "message": "Page must have a level-one heading", + "relatedNodes": Array [], + }, + ], + "any": Array [], + "failureSummary": "Fix all of the following: + Page must have a level-one heading", + "html": "<html dir=\"ltr\" lang=\"en\" class=\"plt-android plt-phablet plt-mobile plt-mobileweb md\" mode=\"md\">", + "impact": "moderate", + "none": Array [], + "target": Array [ + "html", + ], + }, + ], + "tags": Array [ + "cat.semantics", + "best-practice", + ], + }, + ] 27 | const results = await new AxeBuilder({ page }).analyze(); 28 | > 29 | expect(results.violations).toEqual([]); | ^ 30 | }); 31 | }); 32 | }); at /ionic/src/components/segment/test/a11y/segment.e2e.ts:29:34
[Mobile Chrome] › src/components/segment/test/a11y/segment.e2e.ts:10:9 › segment: a11y for ion-color() - md/ltr/dark › should not have accessibility violations: src/components/segment/test/a11y/segment.e2e.ts#L29
2) [Mobile Chrome] › src/components/segment/test/a11y/segment.e2e.ts:10:9 › segment: a11y for ion-color() - md/ltr/dark › should not have accessibility violations Error: expect(received).toEqual(expected) // deep equality - Expected - 1 + Received + 68 - Array [] + Array [ + Object { + "description": "Ensure the document has a main landmark", + "help": "Document should have one main landmark", + "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/landmark-one-main?application=playwright", + "id": "landmark-one-main", + "impact": "moderate", + "nodes": Array [ + Object { + "all": Array [ + Object { + "data": null, + "id": "page-has-main", + "impact": "moderate", + "message": "Document does not have a main landmark", + "relatedNodes": Array [], + }, + ], + "any": Array [], + "failureSummary": "Fix all of the following: + Document does not have a main landmark", + "html": "<html dir=\"ltr\" lang=\"en\" class=\"plt-android plt-phablet plt-mobile plt-mobileweb md\" mode=\"md\">", + "impact": "moderate", + "none": Array [], + "target": Array [ + "html", + ], + }, + ], + "tags": Array [ + "cat.semantics", + "best-practice", + ], + }, + Object { + "description": "Ensure that the page, or at least one of its frames contains a level-one heading", + "help": "Page should contain a level-one heading", + "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/page-has-heading-one?application=playwright", + "id": "page-has-heading-one", + "impact": "moderate", + "nodes": Array [ + Object { + "all": Array [ + Object { + "data": null, + "id": "page-has-heading-one", + "impact": "moderate", + "message": "Page must have a level-one heading", + "relatedNodes": Array [], + }, + ], + "any": Array [], + "failureSummary": "Fix all of the following: + Page must have a level-one heading", + "html": "<html dir=\"ltr\" lang=\"en\" class=\"plt-android plt-phablet plt-mobile plt-mobileweb md\" mode=\"md\">", + "impact": "moderate", + "none": Array [], + "target": Array [ + "html", + ], + }, + ], + "tags": Array [ + "cat.semantics", + "best-practice", + ], + }, + ] 27 | const results = await new AxeBuilder({ page }).analyze(); 28 | > 29 | expect(results.violations).toEqual([]); | ^ 30 | }); 31 | }); 32 | }); at /ionic/src/components/segment/test/a11y/segment.e2e.ts:29:34
[Mobile Chrome] › src/components/segment/test/a11y/segment.e2e.ts:10:9 › segment: a11y for ion-color() - md/ltr/dark › should not have accessibility violations: src/components/segment/test/a11y/segment.e2e.ts#L29
2) [Mobile Chrome] › src/components/segment/test/a11y/segment.e2e.ts:10:9 › segment: a11y for ion-color() - md/ltr/dark › should not have accessibility violations Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(received).toEqual(expected) // deep equality - Expected - 1 + Received + 68 - Array [] + Array [ + Object { + "description": "Ensure the document has a main landmark", + "help": "Document should have one main landmark", + "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/landmark-one-main?application=playwright", + "id": "landmark-one-main", + "impact": "moderate", + "nodes": Array [ + Object { + "all": Array [ + Object { + "data": null, + "id": "page-has-main", + "impact": "moderate", + "message": "Document does not have a main landmark", + "relatedNodes": Array [], + }, + ], + "any": Array [], + "failureSummary": "Fix all of the following: + Document does not have a main landmark", + "html": "<html dir=\"ltr\" lang=\"en\" class=\"plt-android plt-phablet plt-mobile plt-mobileweb md\" mode=\"md\">", + "impact": "moderate", + "none": Array [], + "target": Array [ + "html", + ], + }, + ], + "tags": Array [ + "cat.semantics", + "best-practice", + ], + }, + Object { + "description": "Ensure that the page, or at least one of its frames contains a level-one heading", + "help": "Page should contain a level-one heading", + "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/page-has-heading-one?application=playwright", + "id": "page-has-heading-one", + "impact": "moderate", + "nodes": Array [ + Object { + "all": Array [ + Object { + "data": null, + "id": "page-has-heading-one", + "impact": "moderate", + "message": "Page must have a level-one heading", + "relatedNodes": Array [], + }, + ], + "any": Array [], + "failureSummary": "Fix all of the following: + Page must have a level-one heading", + "html": "<html dir=\"ltr\" lang=\"en\" class=\"plt-android plt-phablet plt-mobile plt-mobileweb md\" mode=\"md\">", + "impact": "moderate", + "none": Array [], + "target": Array [ + "html", + ], + }, + ], + "tags": Array [ + "cat.semantics", + "best-practice", + ], + }, + ] 27 | const results = await new AxeBuilder({ page }).analyze(); 28 | > 29 | expect(results.violations).toEqual([]); | ^ 30 | }); 31 | }); 32 | }); at /ionic/src/components/segment/test/a11y/segment.e2e.ts:29:34
[Mobile Chrome] › src/components/segment/test/a11y/segment.e2e.ts:10:9 › segment: a11y for ion-color() - md/ltr/dark › should not have accessibility violations: src/components/segment/test/a11y/segment.e2e.ts#L29
2) [Mobile Chrome] › src/components/segment/test/a11y/segment.e2e.ts:10:9 › segment: a11y for ion-color() - md/ltr/dark › should not have accessibility violations Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(received).toEqual(expected) // deep equality - Expected - 1 + Received + 68 - Array [] + Array [ + Object { + "description": "Ensure the document has a main landmark", + "help": "Document should have one main landmark", + "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/landmark-one-main?application=playwright", + "id": "landmark-one-main", + "impact": "moderate", + "nodes": Array [ + Object { + "all": Array [ + Object { + "data": null, + "id": "page-has-main", + "impact": "moderate", + "message": "Document does not have a main landmark", + "relatedNodes": Array [], + }, + ], + "any": Array [], + "failureSummary": "Fix all of the following: + Document does not have a main landmark", + "html": "<html dir=\"ltr\" lang=\"en\" class=\"plt-android plt-phablet plt-mobile plt-mobileweb md\" mode=\"md\">", + "impact": "moderate", + "none": Array [], + "target": Array [ + "html", + ], + }, + ], + "tags": Array [ + "cat.semantics", + "best-practice", + ], + }, + Object { + "description": "Ensure that the page, or at least one of its frames contains a level-one heading", + "help": "Page should contain a level-one heading", + "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/page-has-heading-one?application=playwright", + "id": "page-has-heading-one", + "impact": "moderate", + "nodes": Array [ + Object { + "all": Array [ + Object { + "data": null, + "id": "page-has-heading-one", + "impact": "moderate", + "message": "Page must have a level-one heading", + "relatedNodes": Array [], + }, + ], + "any": Array [], + "failureSummary": "Fix all of the following: + Page must have a level-one heading", + "html": "<html dir=\"ltr\" lang=\"en\" class=\"plt-android plt-phablet plt-mobile plt-mobileweb md\" mode=\"md\">", + "impact": "moderate", + "none": Array [], + "target": Array [ + "html", + ], + }, + ], + "tags": Array [ + "cat.semantics", + "best-practice", + ], + }, + ] 27 | const results = await new AxeBuilder({ page }).analyze(); 28 | > 29 | expect(results.violations).toEqual([]); | ^ 30 | }); 31 | }); 32 | }); at /ionic/src/components/segment/test/a11y/segment.e2e.ts:29:34
[Mobile Chrome] › src/components/segment/test/basic/segment.e2e.ts:6:9 › segment: rendering - ios/ltr › should not have visual regressions when no value is selected: src/components/segment/test/basic/segment.e2e.ts#L26
3) [Mobile Chrome] › src/components/segment/test/basic/segment.e2e.ts:6:9 › segment: rendering - ios/ltr › should not have visual regressions when no value is selected Error: Screenshot comparison failed: Timeout 5000ms exceeded. Expected: /ionic/src/components/segment/test/basic/segment.e2e.ts-snapshots/segment-no-value-ios-ltr-Mobile-Chrome-linux.png Call log: - expect.toHaveScreenshot(segment-no-value-ios-ltr.png) with timeout 5000ms - verifying given screenshot expectation - waiting for locator('ion-segment') - locator resolved to <ion-segment role="tablist" class="ios hydrated">…</ion-segment> - 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 - element is not visible - retrying scroll into view action, attempt #1 - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #2 - waiting 20ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #3 - waiting 100ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #4 - waiting 100ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #5 - waiting 500ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #6 - waiting 500ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #7 - waiting 500ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #8 - waiting 500ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #9 - waiting 500ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #10 - waiting 500ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #11 - waiting 500ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #12 - waiting 500ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #13 - waiting 500ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #14 - waiting 500ms - Timeout 5000ms exceeded. 24 | const segment = page.locator('ion-segment'); 25 | > 26 | await expect(segment).toHaveScreenshot(screenshot(`segment-no-value`)); | ^ 27 | }); 28 | test('should not have visual regressions when a value is selected', async ({ page }) => { 29 | await page.setContent( at /ionic/src/components/segment/test/basic/segment.e2e.ts:26:29
[Mobile Chrome] › src/components/segment/test/basic/segment.e2e.ts:6:9 › segment: rendering - ios/ltr › should not have visual regressions when no value is selected: src/components/segment/test/basic/segment.e2e.ts#L26
3) [Mobile Chrome] › src/components/segment/test/basic/segment.e2e.ts:6:9 › segment: rendering - ios/ltr › should not have visual regressions when no value is selected Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: Timeout 5000ms exceeded. Expected: /ionic/src/components/segment/test/basic/segment.e2e.ts-snapshots/segment-no-value-ios-ltr-Mobile-Chrome-linux.png Call log: - expect.toHaveScreenshot(segment-no-value-ios-ltr.png) with timeout 5000ms - verifying given screenshot expectation - waiting for locator('ion-segment') - locator resolved to <ion-segment role="tablist" class="ios hydrated">…</ion-segment> - 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 - element is not visible - retrying scroll into view action, attempt #1 - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #2 - waiting 20ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #3 - waiting 100ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #4 - waiting 100ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #5 - waiting 500ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #6 - waiting 500ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #7 - waiting 500ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #8 - waiting 500ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #9 - waiting 500ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #10 - waiting 500ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #11 - waiting 500ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #12 - waiting 500ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #13 - waiting 500ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #14 - waiting 500ms - Timeout 5000ms exceeded. 24 | const segment = page.locator('ion-segment'); 25 | > 26 | await expect(segment).toHaveScreenshot(screenshot(`segment-no-value`)); | ^ 27 | }); 28 | test('should not have visual regressions when a value is selected', async ({ page }) => { 29 | await page.setContent( at /ionic/src/components/segment/test/basic/segment.e2e.ts:26:29
[Mobile Chrome] › src/components/segment/test/basic/segment.e2e.ts:6:9 › segment: rendering - ios/ltr › should not have visual regressions when no value is selected: src/components/segment/test/basic/segment.e2e.ts#L26
3) [Mobile Chrome] › src/components/segment/test/basic/segment.e2e.ts:6:9 › segment: rendering - ios/ltr › should not have visual regressions when no value is selected Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: Timeout 5000ms exceeded. Expected: /ionic/src/components/segment/test/basic/segment.e2e.ts-snapshots/segment-no-value-ios-ltr-Mobile-Chrome-linux.png Call log: - expect.toHaveScreenshot(segment-no-value-ios-ltr.png) with timeout 5000ms - verifying given screenshot expectation - waiting for locator('ion-segment') - locator resolved to <ion-segment role="tablist" class="ios hydrated">…</ion-segment> - 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 - element is not visible - retrying scroll into view action, attempt #1 - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #2 - waiting 20ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #3 - waiting 100ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #4 - waiting 100ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #5 - waiting 500ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #6 - waiting 500ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #7 - waiting 500ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #8 - waiting 500ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #9 - waiting 500ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #10 - waiting 500ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #11 - waiting 500ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #12 - waiting 500ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #13 - waiting 500ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #14 - waiting 500ms - Timeout 5000ms exceeded. 24 | const segment = page.locator('ion-segment'); 25 | > 26 | await expect(segment).toHaveScreenshot(screenshot(`segment-no-value`)); | ^ 27 | }); 28 | test('should not have visual regressions when a value is selected', async ({ page }) => { 29 | await page.setContent( at /ionic/src/components/segment/test/basic/segment.e2e.ts:26:29
[Mobile Chrome] › src/components/segment/test/basic/segment.e2e.ts:28:9 › segment: rendering - ios/ltr › should not have visual regressions when a value is selected: src/components/segment/test/basic/segment.e2e.ts#L48
4) [Mobile Chrome] › src/components/segment/test/basic/segment.e2e.ts:28:9 › segment: rendering - ios/ltr › should not have visual regressions when a value is selected Error: Screenshot comparison failed: Timeout 5000ms exceeded. Expected: /ionic/src/components/segment/test/basic/segment.e2e.ts-snapshots/segment-value-ios-ltr-Mobile-Chrome-linux.png Call log: - expect.toHaveScreenshot(segment-value-ios-ltr.png) with timeout 5000ms - verifying given screenshot expectation - waiting for locator('ion-segment') - locator resolved to <ion-segment value="a" role="tablist" class="ios hydrated">…</ion-segment> - 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 - element is not visible - retrying scroll into view action, attempt #1 - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #2 - waiting 20ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #3 - waiting 100ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #4 - waiting 100ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #5 - waiting 500ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #6 - waiting 500ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #7 - waiting 500ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #8 - waiting 500ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #9 - waiting 500ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #10 - waiting 500ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #11 - waiting 500ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #12 - waiting 500ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #13 - waiting 500ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #14 - waiting 500ms - Timeout 5000ms exceeded. 46 | const segment = page.locator('ion-segment'); 47 | > 48 | await expect(segment).toHaveScreenshot(screenshot(`segment-value`)); | ^ 49 | }); 50 | }); 51 | }); at /ionic/src/components/segment/test/basic/segment.e2e.ts:48:29
[Mobile Chrome] › src/components/textarea/test/highlight/textarea.e2e.ts:10:11 › textarea: highlights - ios/ltr › textarea: no fill › should render valid state correctly: src/components/textarea/test/highlight/textarea.e2e.ts#L27
1) [Mobile Chrome] › src/components/textarea/test/highlight/textarea.e2e.ts:10:11 › textarea: highlights - ios/ltr › textarea: no fill › should render valid state correctly Error: Screenshot comparison failed: Timeout 5000ms exceeded. Expected: /ionic/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-no-fill-valid-ios-ltr-Mobile-Chrome-linux.png Call log: - expect.toHaveScreenshot(textarea-no-fill-valid-ios-ltr.png) with timeout 5000ms - verifying given screenshot expectation - waiting for locator('ion-textarea') - locator resolved to <ion-textarea label="Email" counter="true" maxlength="20" value="[email protected]" helper-text="Enter an email" error-text="Please enter a valid email" class="ion-valid has-focus sc-ion-textarea-ios-h ios has-value textarea-label-placement-start hydrated">…</ion-textarea> - 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 - element is not visible - retrying scroll into view action, attempt #1 - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #2 - waiting 20ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #3 - waiting 100ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #4 - waiting 100ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #5 - waiting 500ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #6 - waiting 500ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #7 - waiting 500ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #8 - waiting 500ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #9 - waiting 500ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #10 - waiting 500ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #11 - waiting 500ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #12 - waiting 500ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #13 - waiting 500ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #14 - waiting 500ms - Timeout 5000ms exceeded. 25 | 26 | const textarea = page.locator('ion-textarea'); > 27 | await expect(textarea).toHaveScreenshot(screenshot(`textarea-no-fill-valid`)); | ^ 28 | }); 29 | test('should render invalid state correctly', async ({ page }) => { 30 | await page.setContent( at /ionic/src/components/textarea/test/highlight/textarea.e2e.ts:27:32
[Mobile Chrome] › src/components/textarea/test/highlight/textarea.e2e.ts:10:11 › textarea: highlights - ios/ltr › textarea: no fill › should render valid state correctly: src/components/textarea/test/highlight/textarea.e2e.ts#L27
1) [Mobile Chrome] › src/components/textarea/test/highlight/textarea.e2e.ts:10:11 › textarea: highlights - ios/ltr › textarea: no fill › should render valid state correctly Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: Timeout 5000ms exceeded. Expected: /ionic/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-no-fill-valid-ios-ltr-Mobile-Chrome-linux.png Call log: - expect.toHaveScreenshot(textarea-no-fill-valid-ios-ltr.png) with timeout 5000ms - verifying given screenshot expectation - waiting for locator('ion-textarea') - locator resolved to <ion-textarea label="Email" counter="true" maxlength="20" value="[email protected]" helper-text="Enter an email" error-text="Please enter a valid email" class="ion-valid has-focus sc-ion-textarea-ios-h ios has-value textarea-label-placement-start hydrated">…</ion-textarea> - 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 - element is not visible - retrying scroll into view action, attempt #1 - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #2 - waiting 20ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #3 - waiting 100ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #4 - waiting 100ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #5 - waiting 500ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #6 - waiting 500ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #7 - waiting 500ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #8 - waiting 500ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #9 - waiting 500ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #10 - waiting 500ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #11 - waiting 500ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #12 - waiting 500ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #13 - waiting 500ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #14 - waiting 500ms - Timeout 5000ms exceeded. 25 | 26 | const textarea = page.locator('ion-textarea'); > 27 | await expect(textarea).toHaveScreenshot(screenshot(`textarea-no-fill-valid`)); | ^ 28 | }); 29 | test('should render invalid state correctly', async ({ page }) => { 30 | await page.setContent( at /ionic/src/components/textarea/test/highlight/textarea.e2e.ts:27:32
[Mobile Chrome] › src/components/textarea/test/highlight/textarea.e2e.ts:10:11 › textarea: highlights - ios/ltr › textarea: no fill › should render valid state correctly: src/components/textarea/test/highlight/textarea.e2e.ts#L27
1) [Mobile Chrome] › src/components/textarea/test/highlight/textarea.e2e.ts:10:11 › textarea: highlights - ios/ltr › textarea: no fill › should render valid state correctly Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: Timeout 5000ms exceeded. Expected: /ionic/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-no-fill-valid-ios-ltr-Mobile-Chrome-linux.png Call log: - expect.toHaveScreenshot(textarea-no-fill-valid-ios-ltr.png) with timeout 5000ms - verifying given screenshot expectation - waiting for locator('ion-textarea') - locator resolved to <ion-textarea label="Email" counter="true" maxlength="20" value="[email protected]" helper-text="Enter an email" error-text="Please enter a valid email" class="ion-valid has-focus sc-ion-textarea-ios-h ios has-value textarea-label-placement-start hydrated">…</ion-textarea> - 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 - element is not visible - retrying scroll into view action, attempt #1 - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #2 - waiting 20ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #3 - waiting 100ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #4 - waiting 100ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #5 - waiting 500ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #6 - waiting 500ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #7 - waiting 500ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #8 - waiting 500ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #9 - waiting 500ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #10 - waiting 500ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #11 - waiting 500ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #12 - waiting 500ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #13 - waiting 500ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #14 - waiting 500ms - Timeout 5000ms exceeded. 25 | 26 | const textarea = page.locator('ion-textarea'); > 27 | await expect(textarea).toHaveScreenshot(screenshot(`textarea-no-fill-valid`)); | ^ 28 | }); 29 | test('should render invalid state correctly', async ({ page }) => { 30 | await page.setContent( at /ionic/src/components/textarea/test/highlight/textarea.e2e.ts:27:32
[Mobile Chrome] › src/components/textarea/test/highlight/textarea.e2e.ts:29:11 › textarea: highlights - ios/ltr › textarea: no fill › should render invalid state correctly: src/components/textarea/test/highlight/textarea.e2e.ts#L46
2) [Mobile Chrome] › src/components/textarea/test/highlight/textarea.e2e.ts:29:11 › textarea: highlights - ios/ltr › textarea: no fill › should render invalid state correctly Error: Screenshot comparison failed: Timeout 5000ms exceeded. Expected: /ionic/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-no-fill-invalid-ios-ltr-Mobile-Chrome-linux.png Call log: - expect.toHaveScreenshot(textarea-no-fill-invalid-ios-ltr.png) with timeout 5000ms - verifying given screenshot expectation - waiting for locator('ion-textarea') - locator resolved to <ion-textarea label="Email" counter="true" maxlength="20" value="[email protected]" helper-text="Enter an email" error-text="Please enter a valid email" class="ion-touched ion-invalid sc-ion-textarea-ios-h ios has-value textarea-label-placement-start hydrated">…</ion-textarea> - 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 - element is not visible - retrying scroll into view action, attempt #1 - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #2 - waiting 20ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #3 - waiting 100ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #4 - waiting 100ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #5 - waiting 500ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #6 - waiting 500ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #7 - waiting 500ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #8 - waiting 500ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #9 - waiting 500ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #10 - waiting 500ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #11 - waiting 500ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #12 - waiting 500ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #13 - waiting 500ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #14 - waiting 500ms - Timeout 5000ms exceeded. 44 | 45 | const textarea = page.locator('ion-textarea'); > 46 | await expect(textarea).toHaveScreenshot(screenshot(`textarea-no-fill-invalid`)); | ^ 47 | }); 48 | test('should render focused state correctly', async ({ page }) => { 49 | await page.setContent( at /ionic/src/components/textarea/test/highlight/textarea.e2e.ts:46:32
[Mobile Chrome] › src/components/textarea/test/highlight/textarea.e2e.ts:29:11 › textarea: highlights - ios/ltr › textarea: no fill › should render invalid state correctly: src/components/textarea/test/highlight/textarea.e2e.ts#L46
2) [Mobile Chrome] › src/components/textarea/test/highlight/textarea.e2e.ts:29:11 › textarea: highlights - ios/ltr › textarea: no fill › should render invalid state correctly Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: Timeout 5000ms exceeded. Expected: /ionic/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-no-fill-invalid-ios-ltr-Mobile-Chrome-linux.png Call log: - expect.toHaveScreenshot(textarea-no-fill-invalid-ios-ltr.png) with timeout 5000ms - verifying given screenshot expectation - waiting for locator('ion-textarea') - locator resolved to <ion-textarea label="Email" counter="true" maxlength="20" value="[email protected]" helper-text="Enter an email" error-text="Please enter a valid email" class="ion-touched ion-invalid sc-ion-textarea-ios-h ios has-value textarea-label-placement-start hydrated">…</ion-textarea> - 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 - element is not visible - retrying scroll into view action, attempt #1 - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #2 - waiting 20ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #3 - waiting 100ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #4 - waiting 100ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #5 - waiting 500ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #6 - waiting 500ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #7 - waiting 500ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #8 - waiting 500ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #9 - waiting 500ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #10 - waiting 500ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #11 - waiting 500ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #12 - waiting 500ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #13 - waiting 500ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #14 - waiting 500ms - Timeout 5000ms exceeded. 44 | 45 | const textarea = page.locator('ion-textarea'); > 46 | await expect(textarea).toHaveScreenshot(screenshot(`textarea-no-fill-invalid`)); | ^ 47 | }); 48 | test('should render focused state correctly', async ({ page }) => { 49 | await page.setContent( at /ionic/src/components/textarea/test/highlight/textarea.e2e.ts:46:32
[Mobile Chrome] › src/components/textarea/test/highlight/textarea.e2e.ts:29:11 › textarea: highlights - ios/ltr › textarea: no fill › should render invalid state correctly: src/components/textarea/test/highlight/textarea.e2e.ts#L46
2) [Mobile Chrome] › src/components/textarea/test/highlight/textarea.e2e.ts:29:11 › textarea: highlights - ios/ltr › textarea: no fill › should render invalid state correctly Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: Timeout 5000ms exceeded. Expected: /ionic/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-no-fill-invalid-ios-ltr-Mobile-Chrome-linux.png Call log: - expect.toHaveScreenshot(textarea-no-fill-invalid-ios-ltr.png) with timeout 5000ms - verifying given screenshot expectation - waiting for locator('ion-textarea') - locator resolved to <ion-textarea label="Email" counter="true" maxlength="20" value="[email protected]" helper-text="Enter an email" error-text="Please enter a valid email" class="ion-touched ion-invalid sc-ion-textarea-ios-h ios has-value textarea-label-placement-start hydrated">…</ion-textarea> - 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 - element is not visible - retrying scroll into view action, attempt #1 - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #2 - waiting 20ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #3 - waiting 100ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #4 - waiting 100ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #5 - waiting 500ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #6 - waiting 500ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #7 - waiting 500ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #8 - waiting 500ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #9 - waiting 500ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #10 - waiting 500ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #11 - waiting 500ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #12 - waiting 500ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #13 - waiting 500ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #14 - waiting 500ms - Timeout 5000ms exceeded. 44 | 45 | const textarea = page.locator('ion-textarea'); > 46 | await expect(textarea).toHaveScreenshot(screenshot(`textarea-no-fill-invalid`)); | ^ 47 | }); 48 | test('should render focused state correctly', async ({ page }) => { 49 | await page.setContent( at /ionic/src/components/textarea/test/highlight/textarea.e2e.ts:46:32
[Mobile Chrome] › src/components/textarea/test/highlight/textarea.e2e.ts:48:11 › textarea: highlights - ios/ltr › textarea: no fill › should render focused state correctly: src/components/textarea/test/highlight/textarea.e2e.ts#L65
3) [Mobile Chrome] › src/components/textarea/test/highlight/textarea.e2e.ts:48:11 › textarea: highlights - ios/ltr › textarea: no fill › should render focused state correctly Error: Screenshot comparison failed: Timeout 5000ms exceeded. Expected: /ionic/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-no-fill-focus-ios-ltr-Mobile-Chrome-linux.png Call log: - expect.toHaveScreenshot(textarea-no-fill-focus-ios-ltr.png) with timeout 5000ms - verifying given screenshot expectation - waiting for locator('ion-textarea') - locator resolved to <ion-textarea label="Email" counter="true" maxlength="20" value="[email protected]" helper-text="Enter an email" error-text="Please enter a valid email" class="has-focus sc-ion-textarea-ios-h ios has-value textarea-label-placement-start hydrated">…</ion-textarea> - 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 - element is not visible - retrying scroll into view action, attempt #1 - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #2 - waiting 20ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #3 - waiting 100ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #4 - waiting 100ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #5 - waiting 500ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #6 - waiting 500ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #7 - waiting 500ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #8 - waiting 500ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #9 - waiting 500ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #10 - waiting 500ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #11 - waiting 500ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #12 - waiting 500ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #13 - waiting 500ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #14 - waiting 500ms - Timeout 5000ms exceeded. 63 | 64 | const textarea = page.locator('ion-textarea'); > 65 | await expect(textarea).toHaveScreenshot(screenshot(`textarea-no-fill-focus`)); | ^ 66 | }); 67 | test('should render custom highlight correctly', async ({ page }) => { 68 | await page.setContent( at /ionic/src/components/textarea/test/highlight/textarea.e2e.ts:65:32
[Mobile Chrome] › src/components/textarea/test/highlight/textarea.e2e.ts:48:11 › textarea: highlights - ios/ltr › textarea: no fill › should render focused state correctly: src/components/textarea/test/highlight/textarea.e2e.ts#L65
3) [Mobile Chrome] › src/components/textarea/test/highlight/textarea.e2e.ts:48:11 › textarea: highlights - ios/ltr › textarea: no fill › should render focused state correctly Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: Timeout 5000ms exceeded. Expected: /ionic/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-no-fill-focus-ios-ltr-Mobile-Chrome-linux.png Call log: - expect.toHaveScreenshot(textarea-no-fill-focus-ios-ltr.png) with timeout 5000ms - verifying given screenshot expectation - waiting for locator('ion-textarea') - locator resolved to <ion-textarea label="Email" counter="true" maxlength="20" value="[email protected]" helper-text="Enter an email" error-text="Please enter a valid email" class="has-focus sc-ion-textarea-ios-h ios has-value textarea-label-placement-start hydrated">…</ion-textarea> - 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 - element is not visible - retrying scroll into view action, attempt #1 - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #2 - waiting 20ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #3 - waiting 100ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #4 - waiting 100ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #5 - waiting 500ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #6 - waiting 500ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #7 - waiting 500ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #8 - waiting 500ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #9 - waiting 500ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #10 - waiting 500ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #11 - waiting 500ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #12 - waiting 500ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #13 - waiting 500ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #14 - waiting 500ms - Timeout 5000ms exceeded. 63 | 64 | const textarea = page.locator('ion-textarea'); > 65 | await expect(textarea).toHaveScreenshot(screenshot(`textarea-no-fill-focus`)); | ^ 66 | }); 67 | test('should render custom highlight correctly', async ({ page }) => { 68 | await page.setContent( at /ionic/src/components/textarea/test/highlight/textarea.e2e.ts:65:32
[Mobile Chrome] › src/components/textarea/test/highlight/textarea.e2e.ts:48:11 › textarea: highlights - ios/ltr › textarea: no fill › should render focused state correctly: src/components/textarea/test/highlight/textarea.e2e.ts#L65
3) [Mobile Chrome] › src/components/textarea/test/highlight/textarea.e2e.ts:48:11 › textarea: highlights - ios/ltr › textarea: no fill › should render focused state correctly Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: Timeout 5000ms exceeded. Expected: /ionic/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-no-fill-focus-ios-ltr-Mobile-Chrome-linux.png Call log: - expect.toHaveScreenshot(textarea-no-fill-focus-ios-ltr.png) with timeout 5000ms - verifying given screenshot expectation - waiting for locator('ion-textarea') - locator resolved to <ion-textarea label="Email" counter="true" maxlength="20" value="[email protected]" helper-text="Enter an email" error-text="Please enter a valid email" class="has-focus sc-ion-textarea-ios-h ios has-value textarea-label-placement-start hydrated">…</ion-textarea> - 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 - element is not visible - retrying scroll into view action, attempt #1 - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #2 - waiting 20ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #3 - waiting 100ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #4 - waiting 100ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #5 - waiting 500ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #6 - waiting 500ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #7 - waiting 500ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #8 - waiting 500ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #9 - waiting 500ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #10 - waiting 500ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #11 - waiting 500ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #12 - waiting 500ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #13 - waiting 500ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #14 - waiting 500ms - Timeout 5000ms exceeded. 63 | 64 | const textarea = page.locator('ion-textarea'); > 65 | await expect(textarea).toHaveScreenshot(screenshot(`textarea-no-fill-focus`)); | ^ 66 | }); 67 | test('should render custom highlight correctly', async ({ page }) => { 68 | await page.setContent( at /ionic/src/components/textarea/test/highlight/textarea.e2e.ts:65:32
[Mobile Chrome] › src/components/textarea/test/highlight/textarea.e2e.ts:67:11 › textarea: highlights - ios/ltr › textarea: no fill › should render custom highlight correctly: src/components/textarea/test/highlight/textarea.e2e.ts#L115
4) [Mobile Chrome] › src/components/textarea/test/highlight/textarea.e2e.ts:67:11 › textarea: highlights - ios/ltr › textarea: no fill › should render custom highlight correctly Error: Screenshot comparison failed: Timeout 5000ms exceeded. Expected: /ionic/src/components/textarea/test/highlight/textarea.e2e.ts-snapshots/textarea-no-fill-custom-highlight-ios-ltr-Mobile-Chrome-linux.png Call log: - expect.toHaveScreenshot(textarea-no-fill-custom-highlight-ios-ltr.png) with timeout 5000ms - verifying given screenshot expectation - waiting for locator('.container') - locator resolved to <div class="container">…</div> - 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 - element is not visible - retrying scroll into view action, attempt #1 - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #2 - waiting 20ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #3 - waiting 100ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #4 - waiting 100ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #5 - waiting 500ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #6 - waiting 500ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #7 - waiting 500ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #8 - waiting 500ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #9 - waiting 500ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #10 - waiting 500ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #11 - waiting 500ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #12 - waiting 500ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #13 - waiting 500ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #14 - waiting 500ms - Timeout 5000ms exceeded. 113 | 114 | const container = page.locator('.container'); > 115 | await expect(container).toHaveScreenshot(screenshot(`textarea-no-fill-custom-highlight`)); | ^ 116 | }); 117 | }); 118 | test.describe('textarea: solid', () => { at /ionic/src/components/textarea/test/highlight/textarea.e2e.ts:115:33
[Mobile Firefox] › src/components/input/test/basic/input.e2e.ts:7:11 › input: basic - ios/ltr › input with overflow › should not have visual regressions: src/components/input/test/basic/input.e2e.ts#L16
1) [Mobile Firefox] › src/components/input/test/basic/input.e2e.ts:7:11 › input: basic - ios/ltr › input with overflow › should not have visual regressions Error: Screenshot comparison failed: Timeout 5000ms exceeded. Expected: /ionic/src/components/input/test/basic/input.e2e.ts-snapshots/input-with-text-overflow-ios-ltr-Mobile-Firefox-linux.png Call log: - expect.toHaveScreenshot(input-with-text-overflow-ios-ltr.png) with timeout 5000ms - verifying given screenshot expectation - waiting for locator('ion-input') - locator resolved to <ion-input class="sc-ion-input-ios-h ios has-value input-label-placement-start hydrated" value="reallylonglonglonginputtoseetheedgesreallylonglonglonginputtoseetheedges">…</ion-input> - 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 - element is not visible - retrying scroll into view action, attempt #1 - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #2 - waiting 20ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #3 - waiting 100ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #4 - waiting 100ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #5 - waiting 500ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #6 - waiting 500ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #7 - waiting 500ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #8 - waiting 500ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #9 - waiting 500ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #10 - waiting 500ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #11 - waiting 500ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #12 - waiting 500ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #13 - waiting 500ms - waiting for element to be stable - Timeout 5000ms exceeded. 14 | const input = page.locator('ion-input'); 15 | // Validates the display of an input where text extends off the edge of the component. > 16 | await expect(input).toHaveScreenshot(screenshot(`input-with-text-overflow`)); | ^ 17 | }); 18 | }); 19 | test.describe('input with placeholder', () => { at /ionic/src/components/input/test/basic/input.e2e.ts:16:29
[Mobile Firefox] › src/components/input/test/basic/input.e2e.ts:7:11 › input: basic - ios/ltr › input with overflow › should not have visual regressions: src/components/input/test/basic/input.e2e.ts#L16
1) [Mobile Firefox] › src/components/input/test/basic/input.e2e.ts:7:11 › input: basic - ios/ltr › input with overflow › should not have visual regressions Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: Timeout 5000ms exceeded. Expected: /ionic/src/components/input/test/basic/input.e2e.ts-snapshots/input-with-text-overflow-ios-ltr-Mobile-Firefox-linux.png Call log: - expect.toHaveScreenshot(input-with-text-overflow-ios-ltr.png) with timeout 5000ms - verifying given screenshot expectation - waiting for locator('ion-input') - locator resolved to <ion-input class="sc-ion-input-ios-h ios has-value input-label-placement-start hydrated" value="reallylonglonglonginputtoseetheedgesreallylonglonglonginputtoseetheedges">…</ion-input> - 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 - element is not visible - retrying scroll into view action, attempt #1 - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #2 - waiting 20ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #3 - waiting 100ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #4 - waiting 100ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #5 - waiting 500ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #6 - waiting 500ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #7 - waiting 500ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #8 - waiting 500ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #9 - waiting 500ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #10 - waiting 500ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #11 - waiting 500ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #12 - waiting 500ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #13 - waiting 500ms - Timeout 5000ms exceeded. 14 | const input = page.locator('ion-input'); 15 | // Validates the display of an input where text extends off the edge of the component. > 16 | await expect(input).toHaveScreenshot(screenshot(`input-with-text-overflow`)); | ^ 17 | }); 18 | }); 19 | test.describe('input with placeholder', () => { at /ionic/src/components/input/test/basic/input.e2e.ts:16:29
[Mobile Firefox] › src/components/input/test/basic/input.e2e.ts:7:11 › input: basic - ios/ltr › input with overflow › should not have visual regressions: src/components/input/test/basic/input.e2e.ts#L16
1) [Mobile Firefox] › src/components/input/test/basic/input.e2e.ts:7:11 › input: basic - ios/ltr › input with overflow › should not have visual regressions Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: Timeout 5000ms exceeded. Expected: /ionic/src/components/input/test/basic/input.e2e.ts-snapshots/input-with-text-overflow-ios-ltr-Mobile-Firefox-linux.png Call log: - expect.toHaveScreenshot(input-with-text-overflow-ios-ltr.png) with timeout 5000ms - verifying given screenshot expectation - waiting for locator('ion-input') - locator resolved to <ion-input class="sc-ion-input-ios-h ios has-value input-label-placement-start hydrated" value="reallylonglonglonginputtoseetheedgesreallylonglonglonginputtoseetheedges">…</ion-input> - 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 - element is not visible - retrying scroll into view action, attempt #1 - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #2 - waiting 20ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #3 - waiting 100ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #4 - waiting 100ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #5 - waiting 500ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #6 - waiting 500ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #7 - waiting 500ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #8 - waiting 500ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #9 - waiting 500ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #10 - waiting 500ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #11 - waiting 500ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #12 - waiting 500ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #13 - waiting 500ms - Timeout 5000ms exceeded. 14 | const input = page.locator('ion-input'); 15 | // Validates the display of an input where text extends off the edge of the component. > 16 | await expect(input).toHaveScreenshot(screenshot(`input-with-text-overflow`)); | ^ 17 | }); 18 | }); 19 | test.describe('input with placeholder', () => { at /ionic/src/components/input/test/basic/input.e2e.ts:16:29
[Mobile Firefox] › src/components/input/test/basic/input.e2e.ts:20:11 › input: basic - ios/ltr › input with placeholder › should not have visual regressions: src/components/input/test/basic/input.e2e.ts#L29
2) [Mobile Firefox] › src/components/input/test/basic/input.e2e.ts:20:11 › input: basic - ios/ltr › input with placeholder › should not have visual regressions Error: Screenshot comparison failed: Timeout 5000ms exceeded. Expected: /ionic/src/components/input/test/basic/input.e2e.ts-snapshots/input-with-placeholder-ios-ltr-Mobile-Firefox-linux.png Call log: - expect.toHaveScreenshot(input-with-placeholder-ios-ltr.png) with timeout 5000ms - verifying given screenshot expectation - waiting for locator('ion-input') - locator resolved to <ion-input placeholder="Placeholder" class="sc-ion-input-ios-h ios input-label-placement-start hydrated">…</ion-input> - 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 - element is not visible - retrying scroll into view action, attempt #1 - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #2 - waiting 20ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #3 - waiting 100ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #4 - waiting 100ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #5 - waiting 500ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #6 - waiting 500ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #7 - waiting 500ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #8 - waiting 500ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #9 - waiting 500ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #10 - waiting 500ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #11 - waiting 500ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #12 - waiting 500ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #13 - waiting 500ms - Timeout 5000ms exceeded. 27 | const input = page.locator('ion-input'); 28 | // Validates the display of an input with a placeholder. > 29 | await expect(input).toHaveScreenshot(screenshot(`input-with-placeholder`)); | ^ 30 | }); 31 | }); 32 | at /ionic/src/components/input/test/basic/input.e2e.ts:29:29
[Mobile Firefox] › src/components/input/test/basic/input.e2e.ts:20:11 › input: basic - ios/ltr › input with placeholder › should not have visual regressions: src/components/input/test/basic/input.e2e.ts#L29
2) [Mobile Firefox] › src/components/input/test/basic/input.e2e.ts:20:11 › input: basic - ios/ltr › input with placeholder › should not have visual regressions Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: Timeout 5000ms exceeded. Expected: /ionic/src/components/input/test/basic/input.e2e.ts-snapshots/input-with-placeholder-ios-ltr-Mobile-Firefox-linux.png Call log: - expect.toHaveScreenshot(input-with-placeholder-ios-ltr.png) with timeout 5000ms - verifying given screenshot expectation - waiting for locator('ion-input') - locator resolved to <ion-input placeholder="Placeholder" class="sc-ion-input-ios-h ios input-label-placement-start hydrated">…</ion-input> - 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 - element is not visible - retrying scroll into view action, attempt #1 - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #2 - waiting 20ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #3 - waiting 100ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #4 - waiting 100ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #5 - waiting 500ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #6 - waiting 500ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #7 - waiting 500ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #8 - waiting 500ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #9 - waiting 500ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #10 - waiting 500ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #11 - waiting 500ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #12 - waiting 500ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #13 - waiting 500ms - Timeout 5000ms exceeded. 27 | const input = page.locator('ion-input'); 28 | // Validates the display of an input with a placeholder. > 29 | await expect(input).toHaveScreenshot(screenshot(`input-with-placeholder`)); | ^ 30 | }); 31 | }); 32 | at /ionic/src/components/input/test/basic/input.e2e.ts:29:29
[Mobile Firefox] › src/components/input/test/basic/input.e2e.ts:20:11 › input: basic - ios/ltr › input with placeholder › should not have visual regressions: src/components/input/test/basic/input.e2e.ts#L29
2) [Mobile Firefox] › src/components/input/test/basic/input.e2e.ts:20:11 › input: basic - ios/ltr › input with placeholder › should not have visual regressions Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: Timeout 5000ms exceeded. Expected: /ionic/src/components/input/test/basic/input.e2e.ts-snapshots/input-with-placeholder-ios-ltr-Mobile-Firefox-linux.png Call log: - expect.toHaveScreenshot(input-with-placeholder-ios-ltr.png) with timeout 5000ms - verifying given screenshot expectation - waiting for locator('ion-input') - locator resolved to <ion-input placeholder="Placeholder" class="sc-ion-input-ios-h ios input-label-placement-start hydrated">…</ion-input> - 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 - element is not visible - retrying scroll into view action, attempt #1 - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #2 - waiting 20ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #3 - waiting 100ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #4 - waiting 100ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #5 - waiting 500ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #6 - waiting 500ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #7 - waiting 500ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #8 - waiting 500ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #9 - waiting 500ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #10 - waiting 500ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #11 - waiting 500ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #12 - waiting 500ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #13 - waiting 500ms - Timeout 5000ms exceeded. 27 | const input = page.locator('ion-input'); 28 | // Validates the display of an input with a placeholder. > 29 | await expect(input).toHaveScreenshot(screenshot(`input-with-placeholder`)); | ^ 30 | }); 31 | }); 32 | at /ionic/src/components/input/test/basic/input.e2e.ts:29:29
[Mobile Firefox] › src/components/input/test/basic/input.e2e.ts:34:11 › input: basic - ios/ltr › input with clear button › should not have visual regressions with default label: src/components/input/test/basic/input.e2e.ts#L47
3) [Mobile Firefox] › src/components/input/test/basic/input.e2e.ts:34:11 › input: basic - ios/ltr › input with clear button › should not have visual regressions with default label Error: Screenshot comparison failed: Timeout 5000ms exceeded. Expected: /ionic/src/components/input/test/basic/input.e2e.ts-snapshots/input-with-clear-button-ios-ltr-Mobile-Firefox-linux.png Call log: - expect.toHaveScreenshot(input-with-clear-button-ios-ltr.png) with timeout 5000ms - verifying given screenshot expectation - waiting for locator('ion-input') - locator resolved to <ion-input value="Text" label="Label" clear-input="true" class="sc-ion-input-ios-h ios has-value input-label-placement-start hydrated">…</ion-input> - 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 - element is not visible - retrying scroll into view action, attempt #1 - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #2 - waiting 20ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #3 - waiting 100ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #4 - waiting 100ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #5 - waiting 500ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #6 - waiting 500ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #7 - waiting 500ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #8 - waiting 500ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #9 - waiting 500ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #10 - waiting 500ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #11 - waiting 500ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #12 - waiting 500ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #13 - waiting 500ms - Timeout 5000ms exceeded. 45 | const input = page.locator('ion-input'); 46 | // Validates the display of an input with a clear button. > 47 | await expect(input).toHaveScreenshot(screenshot(`input-with-clear-button`)); | ^ 48 | }); 49 | test('should not have visual regressions with stacked label', async ({ page }) => { 50 | await page.setContent( at /ionic/src/components/input/test/basic/input.e2e.ts:47:29
[Mobile Firefox] › src/components/input/test/basic/input.e2e.ts:34:11 › input: basic - ios/ltr › input with clear button › should not have visual regressions with default label: src/components/input/test/basic/input.e2e.ts#L47
3) [Mobile Firefox] › src/components/input/test/basic/input.e2e.ts:34:11 › input: basic - ios/ltr › input with clear button › should not have visual regressions with default label Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: Timeout 5000ms exceeded. Expected: /ionic/src/components/input/test/basic/input.e2e.ts-snapshots/input-with-clear-button-ios-ltr-Mobile-Firefox-linux.png Call log: - expect.toHaveScreenshot(input-with-clear-button-ios-ltr.png) with timeout 5000ms - verifying given screenshot expectation - waiting for locator('ion-input') - locator resolved to <ion-input value="Text" label="Label" clear-input="true" class="sc-ion-input-ios-h ios has-value input-label-placement-start hydrated">…</ion-input> - 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 - element is not visible - retrying scroll into view action, attempt #1 - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #2 - waiting 20ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #3 - waiting 100ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #4 - waiting 100ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #5 - waiting 500ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #6 - waiting 500ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #7 - waiting 500ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #8 - waiting 500ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #9 - waiting 500ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #10 - waiting 500ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #11 - waiting 500ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #12 - waiting 500ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #13 - waiting 500ms - Timeout 5000ms exceeded. 45 | const input = page.locator('ion-input'); 46 | // Validates the display of an input with a clear button. > 47 | await expect(input).toHaveScreenshot(screenshot(`input-with-clear-button`)); | ^ 48 | }); 49 | test('should not have visual regressions with stacked label', async ({ page }) => { 50 | await page.setContent( at /ionic/src/components/input/test/basic/input.e2e.ts:47:29
[Mobile Firefox] › src/components/input/test/basic/input.e2e.ts:34:11 › input: basic - ios/ltr › input with clear button › should not have visual regressions with default label: src/components/input/test/basic/input.e2e.ts#L47
3) [Mobile Firefox] › src/components/input/test/basic/input.e2e.ts:34:11 › input: basic - ios/ltr › input with clear button › should not have visual regressions with default label Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: Timeout 5000ms exceeded. Expected: /ionic/src/components/input/test/basic/input.e2e.ts-snapshots/input-with-clear-button-ios-ltr-Mobile-Firefox-linux.png Call log: - expect.toHaveScreenshot(input-with-clear-button-ios-ltr.png) with timeout 5000ms - verifying given screenshot expectation - waiting for locator('ion-input') - locator resolved to <ion-input value="Text" label="Label" clear-input="true" class="sc-ion-input-ios-h ios has-value input-label-placement-start hydrated">…</ion-input> - 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 - element is not visible - retrying scroll into view action, attempt #1 - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #2 - waiting 20ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #3 - waiting 100ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #4 - waiting 100ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #5 - waiting 500ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #6 - waiting 500ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #7 - waiting 500ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #8 - waiting 500ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #9 - waiting 500ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #10 - waiting 500ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #11 - waiting 500ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #12 - waiting 500ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #13 - waiting 500ms - waiting for element to be stable - Timeout 5000ms exceeded. 45 | const input = page.locator('ion-input'); 46 | // Validates the display of an input with a clear button. > 47 | await expect(input).toHaveScreenshot(screenshot(`input-with-clear-button`)); | ^ 48 | }); 49 | test('should not have visual regressions with stacked label', async ({ page }) => { 50 | await page.setContent( at /ionic/src/components/input/test/basic/input.e2e.ts:47:29
[Mobile Firefox] › src/components/input/test/basic/input.e2e.ts:49:11 › input: basic - ios/ltr › input with clear button › should not have visual regressions with stacked label: src/components/input/test/basic/input.e2e.ts#L63
4) [Mobile Firefox] › src/components/input/test/basic/input.e2e.ts:49:11 › input: basic - ios/ltr › input with clear button › should not have visual regressions with stacked label Error: Screenshot comparison failed: Timeout 5000ms exceeded. Expected: /ionic/src/components/input/test/basic/input.e2e.ts-snapshots/input-with-clear-button-stacked-ios-ltr-Mobile-Firefox-linux.png Call log: - expect.toHaveScreenshot(input-with-clear-button-stacked-ios-ltr.png) with timeout 5000ms - verifying given screenshot expectation - waiting for locator('ion-input') - locator resolved to <ion-input value="Text" label="Label" clear-input="true" label-placement="stacked" class="sc-ion-input-ios-h ios has-value label-floating input-label-placement-stacked hydrated">…</ion-input> - 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 - element is not visible - retrying scroll into view action, attempt #1 - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #2 - waiting 20ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #3 - waiting 100ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #4 - waiting 100ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #5 - waiting 500ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #6 - waiting 500ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #7 - waiting 500ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #8 - waiting 500ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #9 - waiting 500ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #10 - waiting 500ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #11 - waiting 500ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #12 - waiting 500ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #13 - waiting 500ms - Timeout 5000ms exceeded. 61 | const input = page.locator('ion-input'); 62 | // Validates the display of an input with a clear button. > 63 | await expect(input).toHaveScreenshot(screenshot(`input-with-clear-button-stacked`)); | ^ 64 | }); 65 | }); 66 | }); at /ionic/src/components/input/test/basic/input.e2e.ts:63:29
[Mobile Safari] › src/components/datetime/test/time-label/datetime.e2e.ts:6:9 › datetime: time label - ios/ltr › should render default time label: src/components/datetime/test/time-label/datetime.e2e.ts#L1
1) [Mobile Safari] › src/components/datetime/test/time-label/datetime.e2e.ts:6:9 › datetime: time label - ios/ltr › should render default time label Test timeout of 30000ms exceeded.
[Mobile Safari] › src/components/datetime/test/time-label/datetime.e2e.ts:6:9 › datetime: time label - ios/ltr › should render default time label: src/components/datetime/test/time-label/datetime.e2e.ts#L13
1) [Mobile Safari] › src/components/datetime/test/time-label/datetime.e2e.ts:6:9 › datetime: time label - ios/ltr › should render default time label Error: locator.waitFor: Test timeout of 30000ms exceeded. Call log: - waiting for locator('.datetime-ready') to be visible 11 | config 12 | ); > 13 | await page.locator('.datetime-ready').waitFor(); | ^ 14 | 15 | const timeLabel = page.locator('ion-datetime .time-header'); 16 | await expect(timeLabel).toHaveText('Time'); at /ionic/src/components/datetime/test/time-label/datetime.e2e.ts:13:45
[Mobile Safari] › src/components/datetime/test/time-label/datetime.e2e.ts:6:9 › datetime: time label - ios/ltr › should render default time label: src/components/datetime/test/time-label/datetime.e2e.ts#L1
1) [Mobile Safari] › src/components/datetime/test/time-label/datetime.e2e.ts:6:9 › datetime: time label - ios/ltr › should render default time label Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Test timeout of 30000ms exceeded.
[Mobile Safari] › src/components/datetime/test/time-label/datetime.e2e.ts:6:9 › datetime: time label - ios/ltr › should render default time label: src/components/datetime/test/time-label/datetime.e2e.ts#L13
1) [Mobile Safari] › src/components/datetime/test/time-label/datetime.e2e.ts:6:9 › datetime: time label - ios/ltr › should render default time label Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: locator.waitFor: Test timeout of 30000ms exceeded. Call log: - waiting for locator('.datetime-ready') to be visible 11 | config 12 | ); > 13 | await page.locator('.datetime-ready').waitFor(); | ^ 14 | 15 | const timeLabel = page.locator('ion-datetime .time-header'); 16 | await expect(timeLabel).toHaveText('Time'); at /ionic/src/components/datetime/test/time-label/datetime.e2e.ts:13:45
[Mobile Safari] › src/components/datetime/test/time-label/datetime.e2e.ts:6:9 › datetime: time label - ios/ltr › should render default time label: src/components/datetime/test/time-label/datetime.e2e.ts#L1
1) [Mobile Safari] › src/components/datetime/test/time-label/datetime.e2e.ts:6:9 › datetime: time label - ios/ltr › should render default time label Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Test timeout of 30000ms exceeded.
[Mobile Safari] › src/components/datetime/test/time-label/datetime.e2e.ts:6:9 › datetime: time label - ios/ltr › should render default time label: src/components/datetime/test/time-label/datetime.e2e.ts#L13
1) [Mobile Safari] › src/components/datetime/test/time-label/datetime.e2e.ts:6:9 › datetime: time label - ios/ltr › should render default time label Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: locator.waitFor: Test timeout of 30000ms exceeded. Call log: - waiting for locator('.datetime-ready') to be visible 11 | config 12 | ); > 13 | await page.locator('.datetime-ready').waitFor(); | ^ 14 | 15 | const timeLabel = page.locator('ion-datetime .time-header'); 16 | await expect(timeLabel).toHaveText('Time'); at /ionic/src/components/datetime/test/time-label/datetime.e2e.ts:13:45
[Mobile Safari] › src/components/datetime/test/time-label/datetime.e2e.ts:18:9 › datetime: time label - ios/ltr › should not render a custom time label: src/components/datetime/test/time-label/datetime.e2e.ts#L1
2) [Mobile Safari] › src/components/datetime/test/time-label/datetime.e2e.ts:18:9 › datetime: time label - ios/ltr › should not render a custom time label Test timeout of 30000ms exceeded.
[Mobile Safari] › src/components/datetime/test/time-label/datetime.e2e.ts:18:9 › datetime: time label - ios/ltr › should not render a custom time label: src/components/datetime/test/time-label/datetime.e2e.ts#L25
2) [Mobile Safari] › src/components/datetime/test/time-label/datetime.e2e.ts:18:9 › datetime: time label - ios/ltr › should not render a custom time label Error: locator.waitFor: Test timeout of 30000ms exceeded. Call log: - waiting for locator('.datetime-ready') to be visible 23 | config 24 | ); > 25 | await page.locator('.datetime-ready').waitFor(); | ^ 26 | 27 | const timeLabel = page.locator('ion-datetime .time-header'); 28 | await expect(timeLabel).toHaveText(''); at /ionic/src/components/datetime/test/time-label/datetime.e2e.ts:25:45
[Mobile Safari] › src/components/datetime/test/time-label/datetime.e2e.ts:18:9 › datetime: time label - ios/ltr › should not render a custom time label: src/components/datetime/test/time-label/datetime.e2e.ts#L1
2) [Mobile Safari] › src/components/datetime/test/time-label/datetime.e2e.ts:18:9 › datetime: time label - ios/ltr › should not render a custom time label Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Test timeout of 30000ms exceeded.
[Mobile Safari] › src/components/datetime/test/time-label/datetime.e2e.ts:18:9 › datetime: time label - ios/ltr › should not render a custom time label: src/components/datetime/test/time-label/datetime.e2e.ts#L25
2) [Mobile Safari] › src/components/datetime/test/time-label/datetime.e2e.ts:18:9 › datetime: time label - ios/ltr › should not render a custom time label Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: locator.waitFor: Test timeout of 30000ms exceeded. Call log: - waiting for locator('.datetime-ready') to be visible 23 | config 24 | ); > 25 | await page.locator('.datetime-ready').waitFor(); | ^ 26 | 27 | const timeLabel = page.locator('ion-datetime .time-header'); 28 | await expect(timeLabel).toHaveText(''); at /ionic/src/components/datetime/test/time-label/datetime.e2e.ts:25:45
[Mobile Safari] › src/components/radio/test/color/radio.e2e.ts:6:9 › radio: color - ios/ltr › should apply color when checked: src/components/radio/test/color/radio.e2e.ts#L17
1) [Mobile Safari] › src/components/radio/test/color/radio.e2e.ts:6:9 › radio: color - ios/ltr › should apply color when checked Error: Screenshot comparison failed: Timeout 5000ms exceeded. Expected: /ionic/src/components/radio/test/color/radio.e2e.ts-snapshots/radio-color-checked-ios-ltr-Mobile-Safari-linux.png Call log: - expect.toHaveScreenshot(radio-color-checked-ios-ltr.png) with timeout 5000ms - verifying given screenshot expectation - waiting for locator('ion-radio') - locator resolved to <ion-radio value="1" role="radio" tabindex="0" color="danger" aria-checked="true" class="ion-color ion-color-danger ios radio-checked radio-label-placement-start ion-activatable ion-focusable hydrated">Label</ion-radio> - 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 - element is not visible - retrying scroll into view action, attempt #1 - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #2 - waiting 20ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #3 - waiting 100ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #4 - waiting 100ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #5 - waiting 500ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #6 - waiting 500ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #7 - waiting 500ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #8 - waiting 500ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #9 - waiting 500ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #10 - waiting 500ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #11 - waiting 500ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #12 - waiting 500ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #13 - waiting 500ms - Timeout 5000ms exceeded. 15 | 16 | const radio = page.locator('ion-radio'); > 17 | await expect(radio).toHaveScreenshot(screenshot(`radio-color-checked`)); | ^ 18 | }); 19 | 20 | test('should not apply color when unchecked', async ({ page }) => { at /ionic/src/components/radio/test/color/radio.e2e.ts:17:27
[Mobile Safari] › src/components/radio/test/color/radio.e2e.ts:6:9 › radio: color - ios/ltr › should apply color when checked: src/components/radio/test/color/radio.e2e.ts#L17
1) [Mobile Safari] › src/components/radio/test/color/radio.e2e.ts:6:9 › radio: color - ios/ltr › should apply color when checked Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: Timeout 5000ms exceeded. Expected: /ionic/src/components/radio/test/color/radio.e2e.ts-snapshots/radio-color-checked-ios-ltr-Mobile-Safari-linux.png Call log: - expect.toHaveScreenshot(radio-color-checked-ios-ltr.png) with timeout 5000ms - verifying given screenshot expectation - waiting for locator('ion-radio') - locator resolved to <ion-radio value="1" role="radio" tabindex="0" color="danger" aria-checked="true" class="ion-color ion-color-danger ios radio-checked radio-label-placement-start ion-activatable ion-focusable hydrated">Label</ion-radio> - 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 - element is not visible - retrying scroll into view action, attempt #1 - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #2 - waiting 20ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #3 - waiting 100ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #4 - waiting 100ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #5 - waiting 500ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #6 - waiting 500ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #7 - waiting 500ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #8 - waiting 500ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #9 - waiting 500ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #10 - waiting 500ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #11 - waiting 500ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #12 - waiting 500ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #13 - waiting 500ms - Timeout 5000ms exceeded. 15 | 16 | const radio = page.locator('ion-radio'); > 17 | await expect(radio).toHaveScreenshot(screenshot(`radio-color-checked`)); | ^ 18 | }); 19 | 20 | test('should not apply color when unchecked', async ({ page }) => { at /ionic/src/components/radio/test/color/radio.e2e.ts:17:27
[Mobile Safari] › src/components/radio/test/color/radio.e2e.ts:6:9 › radio: color - ios/ltr › should apply color when checked: src/components/radio/test/color/radio.e2e.ts#L17
1) [Mobile Safari] › src/components/radio/test/color/radio.e2e.ts:6:9 › radio: color - ios/ltr › should apply color when checked Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: Timeout 5000ms exceeded. Expected: /ionic/src/components/radio/test/color/radio.e2e.ts-snapshots/radio-color-checked-ios-ltr-Mobile-Safari-linux.png Call log: - expect.toHaveScreenshot(radio-color-checked-ios-ltr.png) with timeout 5000ms - verifying given screenshot expectation - waiting for locator('ion-radio') - locator resolved to <ion-radio value="1" role="radio" tabindex="0" color="danger" aria-checked="true" class="ion-color ion-color-danger ios radio-checked radio-label-placement-start ion-activatable ion-focusable hydrated">Label</ion-radio> - 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 - element is not visible - retrying scroll into view action, attempt #1 - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #2 - waiting 20ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #3 - waiting 100ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #4 - waiting 100ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #5 - waiting 500ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #6 - waiting 500ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #7 - waiting 500ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #8 - waiting 500ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #9 - waiting 500ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #10 - waiting 500ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #11 - waiting 500ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #12 - waiting 500ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #13 - waiting 500ms - Timeout 5000ms exceeded. 15 | 16 | const radio = page.locator('ion-radio'); > 17 | await expect(radio).toHaveScreenshot(screenshot(`radio-color-checked`)); | ^ 18 | }); 19 | 20 | test('should not apply color when unchecked', async ({ page }) => { at /ionic/src/components/radio/test/color/radio.e2e.ts:17:27
[Mobile Safari] › src/components/radio/test/color/radio.e2e.ts:20:9 › radio: color - ios/ltr › should not apply color when unchecked: src/components/radio/test/color/radio.e2e.ts#L31
2) [Mobile Safari] › src/components/radio/test/color/radio.e2e.ts:20:9 › radio: color - ios/ltr › should not apply color when unchecked Error: Screenshot comparison failed: Timeout 5000ms exceeded. Expected: /ionic/src/components/radio/test/color/radio.e2e.ts-snapshots/radio-color-unchecked-ios-ltr-Mobile-Safari-linux.png Call log: - expect.toHaveScreenshot(radio-color-unchecked-ios-ltr.png) with timeout 5000ms - verifying given screenshot expectation - waiting for locator('ion-radio') - locator resolved to <ion-radio value="1" role="radio" tabindex="0" color="danger" aria-checked="false" class="ion-color ion-color-danger ios radio-label-placement-start ion-activatable ion-focusable hydrated">Label</ion-radio> - 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 - element is not visible - retrying scroll into view action, attempt #1 - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #2 - waiting 20ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #3 - waiting 100ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #4 - waiting 100ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #5 - waiting 500ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #6 - waiting 500ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #7 - waiting 500ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #8 - waiting 500ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #9 - waiting 500ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #10 - waiting 500ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #11 - waiting 500ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #12 - waiting 500ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #13 - waiting 500ms - Timeout 5000ms exceeded. 29 | 30 | const radio = page.locator('ion-radio'); > 31 | await expect(radio).toHaveScreenshot(screenshot(`radio-color-unchecked`)); | ^ 32 | }); 33 | }); 34 | }); at /ionic/src/components/radio/test/color/radio.e2e.ts:31:27
[Mobile Safari] › src/components/radio/test/color/radio.e2e.ts:20:9 › radio: color - ios/ltr › should not apply color when unchecked: src/components/radio/test/color/radio.e2e.ts#L31
2) [Mobile Safari] › src/components/radio/test/color/radio.e2e.ts:20:9 › radio: color - ios/ltr › should not apply color when unchecked Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: Timeout 5000ms exceeded. Expected: /ionic/src/components/radio/test/color/radio.e2e.ts-snapshots/radio-color-unchecked-ios-ltr-Mobile-Safari-linux.png Call log: - expect.toHaveScreenshot(radio-color-unchecked-ios-ltr.png) with timeout 5000ms - verifying given screenshot expectation - waiting for locator('ion-radio') - locator resolved to <ion-radio value="1" role="radio" tabindex="0" color="danger" aria-checked="false" class="ion-color ion-color-danger ios radio-label-placement-start ion-activatable ion-focusable hydrated">Label</ion-radio> - 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 - element is not visible - retrying scroll into view action, attempt #1 - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #2 - waiting 20ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #3 - waiting 100ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #4 - waiting 100ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #5 - waiting 500ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #6 - waiting 500ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #7 - waiting 500ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #8 - waiting 500ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #9 - waiting 500ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #10 - waiting 500ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #11 - waiting 500ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #12 - waiting 500ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #13 - waiting 500ms - Timeout 5000ms exceeded. 29 | 30 | const radio = page.locator('ion-radio'); > 31 | await expect(radio).toHaveScreenshot(screenshot(`radio-color-unchecked`)); | ^ 32 | }); 33 | }); 34 | }); at /ionic/src/components/radio/test/color/radio.e2e.ts:31:27
[Mobile Safari] › src/components/radio/test/color/radio.e2e.ts:20:9 › radio: color - ios/ltr › should not apply color when unchecked: src/components/radio/test/color/radio.e2e.ts#L31
2) [Mobile Safari] › src/components/radio/test/color/radio.e2e.ts:20:9 › radio: color - ios/ltr › should not apply color when unchecked Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: Timeout 5000ms exceeded. Expected: /ionic/src/components/radio/test/color/radio.e2e.ts-snapshots/radio-color-unchecked-ios-ltr-Mobile-Safari-linux.png Call log: - expect.toHaveScreenshot(radio-color-unchecked-ios-ltr.png) with timeout 5000ms - verifying given screenshot expectation - waiting for locator('ion-radio') - locator resolved to <ion-radio value="1" role="radio" tabindex="0" color="danger" aria-checked="false" class="ion-color ion-color-danger ios radio-label-placement-start ion-activatable ion-focusable hydrated">Label</ion-radio> - 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 - element is not visible - retrying scroll into view action, attempt #1 - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #2 - waiting 20ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #3 - waiting 100ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #4 - waiting 100ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #5 - waiting 500ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #6 - waiting 500ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #7 - waiting 500ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #8 - waiting 500ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #9 - waiting 500ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #10 - waiting 500ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #11 - waiting 500ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #12 - waiting 500ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #13 - waiting 500ms - Timeout 5000ms exceeded. 29 | 30 | const radio = page.locator('ion-radio'); > 31 | await expect(radio).toHaveScreenshot(screenshot(`radio-color-unchecked`)); | ^ 32 | }); 33 | }); 34 | }); at /ionic/src/components/radio/test/color/radio.e2e.ts:31:27
[Mobile Safari] › src/components/radio/test/color/radio.e2e.ts:6:9 › radio: color - md/ltr › should apply color when checked: src/components/radio/test/color/radio.e2e.ts#L17
3) [Mobile Safari] › src/components/radio/test/color/radio.e2e.ts:6:9 › radio: color - md/ltr › should apply color when checked Error: Screenshot comparison failed: Timeout 5000ms exceeded. Expected: /ionic/src/components/radio/test/color/radio.e2e.ts-snapshots/radio-color-checked-md-ltr-Mobile-Safari-linux.png Call log: - expect.toHaveScreenshot(radio-color-checked-md-ltr.png) with timeout 5000ms - verifying given screenshot expectation - waiting for locator('ion-radio') - locator resolved to <ion-radio value="1" role="radio" tabindex="0" color="danger" aria-checked="true" class="ion-color ion-color-danger md radio-checked radio-label-placement-start ion-activatable ion-focusable hydrated">Label</ion-radio> - 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 - element is not visible - retrying scroll into view action, attempt #1 - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #2 - waiting 20ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #3 - waiting 100ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #4 - waiting 100ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #5 - waiting 500ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #6 - waiting 500ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #7 - waiting 500ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #8 - waiting 500ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #9 - waiting 500ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #10 - waiting 500ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #11 - waiting 500ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #12 - waiting 500ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #13 - waiting 500ms - Timeout 5000ms exceeded. 15 | 16 | const radio = page.locator('ion-radio'); > 17 | await expect(radio).toHaveScreenshot(screenshot(`radio-color-checked`)); | ^ 18 | }); 19 | 20 | test('should not apply color when unchecked', async ({ page }) => { at /ionic/src/components/radio/test/color/radio.e2e.ts:17:27
[Mobile Safari] › src/components/radio/test/color/radio.e2e.ts:6:9 › radio: color - md/ltr › should apply color when checked: src/components/radio/test/color/radio.e2e.ts#L17
3) [Mobile Safari] › src/components/radio/test/color/radio.e2e.ts:6:9 › radio: color - md/ltr › should apply color when checked Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: Timeout 5000ms exceeded. Expected: /ionic/src/components/radio/test/color/radio.e2e.ts-snapshots/radio-color-checked-md-ltr-Mobile-Safari-linux.png Call log: - expect.toHaveScreenshot(radio-color-checked-md-ltr.png) with timeout 5000ms - verifying given screenshot expectation - waiting for locator('ion-radio') - locator resolved to <ion-radio value="1" role="radio" tabindex="0" color="danger" aria-checked="true" class="ion-color ion-color-danger md radio-checked radio-label-placement-start ion-activatable ion-focusable hydrated">Label</ion-radio> - 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 - element is not visible - retrying scroll into view action, attempt #1 - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #2 - waiting 20ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #3 - waiting 100ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #4 - waiting 100ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #5 - waiting 500ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #6 - waiting 500ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #7 - waiting 500ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #8 - waiting 500ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #9 - waiting 500ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #10 - waiting 500ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #11 - waiting 500ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #12 - waiting 500ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #13 - waiting 500ms - Timeout 5000ms exceeded. 15 | 16 | const radio = page.locator('ion-radio'); > 17 | await expect(radio).toHaveScreenshot(screenshot(`radio-color-checked`)); | ^ 18 | }); 19 | 20 | test('should not apply color when unchecked', async ({ page }) => { at /ionic/src/components/radio/test/color/radio.e2e.ts:17:27
[Mobile Safari] › src/components/radio/test/color/radio.e2e.ts:6:9 › radio: color - md/ltr › should apply color when checked: src/components/radio/test/color/radio.e2e.ts#L17
3) [Mobile Safari] › src/components/radio/test/color/radio.e2e.ts:6:9 › radio: color - md/ltr › should apply color when checked Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: Timeout 5000ms exceeded. Expected: /ionic/src/components/radio/test/color/radio.e2e.ts-snapshots/radio-color-checked-md-ltr-Mobile-Safari-linux.png Call log: - expect.toHaveScreenshot(radio-color-checked-md-ltr.png) with timeout 5000ms - verifying given screenshot expectation - waiting for locator('ion-radio') - locator resolved to <ion-radio value="1" role="radio" tabindex="0" color="danger" aria-checked="true" class="ion-color ion-color-danger md radio-checked radio-label-placement-start ion-activatable ion-focusable hydrated">Label</ion-radio> - 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 - element is not visible - retrying scroll into view action, attempt #1 - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #2 - waiting 20ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #3 - waiting 100ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #4 - waiting 100ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #5 - waiting 500ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #6 - waiting 500ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #7 - waiting 500ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #8 - waiting 500ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #9 - waiting 500ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #10 - waiting 500ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #11 - waiting 500ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #12 - waiting 500ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #13 - waiting 500ms - Timeout 5000ms exceeded. 15 | 16 | const radio = page.locator('ion-radio'); > 17 | await expect(radio).toHaveScreenshot(screenshot(`radio-color-checked`)); | ^ 18 | }); 19 | 20 | test('should not apply color when unchecked', async ({ page }) => { at /ionic/src/components/radio/test/color/radio.e2e.ts:17:27
[Mobile Safari] › src/components/radio/test/color/radio.e2e.ts:20:9 › radio: color - md/ltr › should not apply color when unchecked: src/components/radio/test/color/radio.e2e.ts#L31
4) [Mobile Safari] › src/components/radio/test/color/radio.e2e.ts:20:9 › radio: color - md/ltr › should not apply color when unchecked Error: Screenshot comparison failed: Timeout 5000ms exceeded. Expected: /ionic/src/components/radio/test/color/radio.e2e.ts-snapshots/radio-color-unchecked-md-ltr-Mobile-Safari-linux.png Call log: - expect.toHaveScreenshot(radio-color-unchecked-md-ltr.png) with timeout 5000ms - verifying given screenshot expectation - waiting for locator('ion-radio') - locator resolved to <ion-radio value="1" role="radio" tabindex="0" color="danger" aria-checked="false" class="ion-color ion-color-danger md radio-label-placement-start ion-activatable ion-focusable hydrated">Label</ion-radio> - 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 - element is not visible - retrying scroll into view action, attempt #1 - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #2 - waiting 20ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #3 - waiting 100ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #4 - waiting 100ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #5 - waiting 500ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #6 - waiting 500ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #7 - waiting 500ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #8 - waiting 500ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #9 - waiting 500ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #10 - waiting 500ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #11 - waiting 500ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #12 - waiting 500ms - waiting for element to be stable - element is not visible - retrying scroll into view action, attempt #13 - waiting 500ms - Timeout 5000ms exceeded. 29 | 30 | const radio = page.locator('ion-radio'); > 31 | await expect(radio).toHaveScreenshot(screenshot(`radio-color-unchecked`)); | ^ 32 | }); 33 | }); 34 | }); at /ionic/src/components/radio/test/color/radio.e2e.ts:31:27
[Mobile Firefox] › src/components/range/test/range-events.e2e.ts:10:11 › range: events: - ios/ltr › range: knob events › should emit start/end events: src/utils/test/playwright/drag-element.ts#L25
1) [Mobile Firefox] › src/components/range/test/range-events.e2e.ts:10:11 › range: events: - ios/ltr › range: knob events › should emit start/end events Error: Cannot get a bounding box for an element that is not visible. See https://playwright.dev/docs/api/class-locator#locator-bounding-box for more information at src/utils/test/playwright/drag-element.ts:25 23 | 24 | if (!boundingBox) { > 25 | throw new Error( | ^ 26 | 'Cannot get a bounding box for an element that is not visible. See https://playwright.dev/docs/api/class-locator#locator-bounding-box for more information' 27 | ); 28 | } at dragElementBy (/ionic/src/utils/test/playwright/drag-element.ts:25:11) at /ionic/src/components/range/test/range-events.e2e.ts:34:9
[Mobile Firefox] › src/components/range/test/range-events.e2e.ts:10:11 › range: events: - ios/ltr › range: knob events › should emit start/end events: src/utils/test/playwright/drag-element.ts#L25
1) [Mobile Firefox] › src/components/range/test/range-events.e2e.ts:10:11 › range: events: - ios/ltr › range: knob events › should emit start/end events Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Cannot get a bounding box for an element that is not visible. See https://playwright.dev/docs/api/class-locator#locator-bounding-box for more information at src/utils/test/playwright/drag-element.ts:25 23 | 24 | if (!boundingBox) { > 25 | throw new Error( | ^ 26 | 'Cannot get a bounding box for an element that is not visible. See https://playwright.dev/docs/api/class-locator#locator-bounding-box for more information' 27 | ); 28 | } at dragElementBy (/ionic/src/utils/test/playwright/drag-element.ts:25:11) at /ionic/src/components/range/test/range-events.e2e.ts:34:9
[Mobile Firefox] › src/components/range/test/range-events.e2e.ts:10:11 › range: events: - ios/ltr › range: knob events › should emit start/end events: src/utils/test/playwright/drag-element.ts#L25
1) [Mobile Firefox] › src/components/range/test/range-events.e2e.ts:10:11 › range: events: - ios/ltr › range: knob events › should emit start/end events Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: Cannot get a bounding box for an element that is not visible. See https://playwright.dev/docs/api/class-locator#locator-bounding-box for more information at src/utils/test/playwright/drag-element.ts:25 23 | 24 | if (!boundingBox) { > 25 | throw new Error( | ^ 26 | 'Cannot get a bounding box for an element that is not visible. See https://playwright.dev/docs/api/class-locator#locator-bounding-box for more information' 27 | ); 28 | } at dragElementBy (/ionic/src/utils/test/playwright/drag-element.ts:25:11) at /ionic/src/components/range/test/range-events.e2e.ts:34:9
[Mobile Firefox] › src/components/range/test/range-events.e2e.ts:62:11 › range: events: - ios/ltr › range: knob events › should emit start/end events: src/components/range/test/range-events.e2e.ts#L1
2) [Mobile Firefox] › src/components/range/test/range-events.e2e.ts:62:11 › range: events: - ios/ltr › range: knob events › should emit start/end events, keyboard Test timeout of 30000ms exceeded.
[Mobile Firefox] › src/components/range/test/range-events.e2e.ts:62:11 › range: events: - ios/ltr › range: knob events › should emit start/end events: src/components/range/test/range-events.e2e.ts#L1
2) [Mobile Firefox] › src/components/range/test/range-events.e2e.ts:62:11 › range: events: - ios/ltr › range: knob events › should emit start/end events, keyboard Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Test timeout of 30000ms exceeded.
[Mobile Firefox] › src/components/range/test/range-events.e2e.ts:62:11 › range: events: - ios/ltr › range: knob events › should emit start/end events: src/components/range/test/range-events.e2e.ts#L1
2) [Mobile Firefox] › src/components/range/test/range-events.e2e.ts:62:11 › range: events: - ios/ltr › range: knob events › should emit start/end events, keyboard Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Test timeout of 30000ms exceeded.
[Mobile Firefox] › src/components/range/test/range-events.e2e.ts:78:11 › range: events: - ios/ltr › range: knob events › should emit end event on tap: src/components/range/test/range-events.e2e.ts#L97
3) [Mobile Firefox] › src/components/range/test/range-events.e2e.ts:78:11 › range: events: - ios/ltr › range: knob events › should emit end event on tap TypeError: Cannot read properties of null (reading 'width') 95 | * less than the width of the range. 96 | */ > 97 | const x = rangeBoundingBox!.width - 50; | ^ 98 | // The y coordinate is the middle of the range. 99 | const y = rangeBoundingBox!.height / 2; 100 | at /ionic/src/components/range/test/range-events.e2e.ts:97:37
[Mobile Firefox] › src/components/range/test/range-events.e2e.ts:78:11 › range: events: - ios/ltr › range: knob events › should emit end event on tap: src/components/range/test/range-events.e2e.ts#L97
3) [Mobile Firefox] › src/components/range/test/range-events.e2e.ts:78:11 › range: events: - ios/ltr › range: knob events › should emit end event on tap Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── TypeError: Cannot read properties of null (reading 'width') 95 | * less than the width of the range. 96 | */ > 97 | const x = rangeBoundingBox!.width - 50; | ^ 98 | // The y coordinate is the middle of the range. 99 | const y = rangeBoundingBox!.height / 2; 100 | at /ionic/src/components/range/test/range-events.e2e.ts:97:37
[Mobile Firefox] › src/components/range/test/range-events.e2e.ts:78:11 › range: events: - ios/ltr › range: knob events › should emit end event on tap: src/components/range/test/range-events.e2e.ts#L97
3) [Mobile Firefox] › src/components/range/test/range-events.e2e.ts:78:11 › range: events: - ios/ltr › range: knob events › should emit end event on tap Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── TypeError: Cannot read properties of null (reading 'width') 95 | * less than the width of the range. 96 | */ > 97 | const x = rangeBoundingBox!.width - 50; | ^ 98 | // The y coordinate is the middle of the range. 99 | const y = rangeBoundingBox!.height / 2; 100 | at /ionic/src/components/range/test/range-events.e2e.ts:97:37
[Mobile Firefox] › src/components/range/test/range-events.e2e.ts:137:11 › range: events: - ios/ltr › ionChange › should emit when the knob is released: src/utils/test/playwright/drag-element.ts#L25
4) [Mobile Firefox] › src/components/range/test/range-events.e2e.ts:137:11 › range: events: - ios/ltr › ionChange › should emit when the knob is released Error: Cannot get a bounding box for an element that is not visible. See https://playwright.dev/docs/api/class-locator#locator-bounding-box for more information at src/utils/test/playwright/drag-element.ts:25 23 | 24 | if (!boundingBox) { > 25 | throw new Error( | ^ 26 | 'Cannot get a bounding box for an element that is not visible. See https://playwright.dev/docs/api/class-locator#locator-bounding-box for more information' 27 | ); 28 | } at dragElementBy (/ionic/src/utils/test/playwright/drag-element.ts:25:11) at /ionic/src/components/range/test/range-events.e2e.ts:156:9
[Mobile Firefox] › src/components/toggle/test/sizes/toggle.e2e.ts:6:9 › toggle: sizes - ios/ltr › should not have visual regressions: src/components/toggle/test/sizes/toggle.e2e.ts#L11
1) [Mobile Firefox] › src/components/toggle/test/sizes/toggle.e2e.ts:6:9 › toggle: sizes - ios/ltr › should not have visual regressions Error: Screenshot comparison failed: 25805 pixels (ratio 0.10 of all image pixels) are different. Expected: /ionic/src/components/toggle/test/sizes/toggle.e2e.ts-snapshots/toggle-sizes-diff-ios-ltr-Mobile-Firefox-linux.png Received: /ionic/test-results/src-components-toggle-test-456ab-not-have-visual-regressions-Mobile-Firefox/toggle-sizes-diff-ios-ltr-actual.png Diff: /ionic/test-results/src-components-toggle-test-456ab-not-have-visual-regressions-Mobile-Firefox/toggle-sizes-diff-ios-ltr-diff.png Call log: - expect.toHaveScreenshot(toggle-sizes-diff-ios-ltr.png) with timeout 5000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 25805 pixels (ratio 0.10 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 25805 pixels (ratio 0.10 of all image pixels) are different. 9 | await page.setIonViewport(); 10 | > 11 | await expect(page).toHaveScreenshot(screenshot(`toggle-sizes-diff`)); | ^ 12 | }); 13 | }); 14 | }); at /ionic/src/components/toggle/test/sizes/toggle.e2e.ts:11:26
[Mobile Firefox] › src/components/toggle/test/sizes/toggle.e2e.ts:6:9 › toggle: sizes - ios/ltr › should not have visual regressions: src/components/toggle/test/sizes/toggle.e2e.ts#L11
1) [Mobile Firefox] › src/components/toggle/test/sizes/toggle.e2e.ts:6:9 › toggle: sizes - ios/ltr › should not have visual regressions Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 25805 pixels (ratio 0.10 of all image pixels) are different. Expected: /ionic/src/components/toggle/test/sizes/toggle.e2e.ts-snapshots/toggle-sizes-diff-ios-ltr-Mobile-Firefox-linux.png Received: /ionic/test-results/src-components-toggle-test-456ab-not-have-visual-regressions-Mobile-Firefox-retry1/toggle-sizes-diff-ios-ltr-actual.png Diff: /ionic/test-results/src-components-toggle-test-456ab-not-have-visual-regressions-Mobile-Firefox-retry1/toggle-sizes-diff-ios-ltr-diff.png Call log: - expect.toHaveScreenshot(toggle-sizes-diff-ios-ltr.png) with timeout 5000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 25805 pixels (ratio 0.10 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 25805 pixels (ratio 0.10 of all image pixels) are different. 9 | await page.setIonViewport(); 10 | > 11 | await expect(page).toHaveScreenshot(screenshot(`toggle-sizes-diff`)); | ^ 12 | }); 13 | }); 14 | }); at /ionic/src/components/toggle/test/sizes/toggle.e2e.ts:11:26
[Mobile Firefox] › src/components/toggle/test/sizes/toggle.e2e.ts:6:9 › toggle: sizes - ios/ltr › should not have visual regressions: src/components/toggle/test/sizes/toggle.e2e.ts#L11
1) [Mobile Firefox] › src/components/toggle/test/sizes/toggle.e2e.ts:6:9 › toggle: sizes - ios/ltr › should not have visual regressions Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 25805 pixels (ratio 0.10 of all image pixels) are different. Expected: /ionic/src/components/toggle/test/sizes/toggle.e2e.ts-snapshots/toggle-sizes-diff-ios-ltr-Mobile-Firefox-linux.png Received: /ionic/test-results/src-components-toggle-test-456ab-not-have-visual-regressions-Mobile-Firefox-retry2/toggle-sizes-diff-ios-ltr-actual.png Diff: /ionic/test-results/src-components-toggle-test-456ab-not-have-visual-regressions-Mobile-Firefox-retry2/toggle-sizes-diff-ios-ltr-diff.png Call log: - expect.toHaveScreenshot(toggle-sizes-diff-ios-ltr.png) with timeout 5000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 25805 pixels (ratio 0.10 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 25805 pixels (ratio 0.10 of all image pixels) are different. 9 | await page.setIonViewport(); 10 | > 11 | await expect(page).toHaveScreenshot(screenshot(`toggle-sizes-diff`)); | ^ 12 | }); 13 | }); 14 | }); at /ionic/src/components/toggle/test/sizes/toggle.e2e.ts:11:26
[Mobile Firefox] › src/components/toggle/test/sizes/toggle.e2e.ts:6:9 › toggle: sizes - ios/rtl › should not have visual regressions: src/components/toggle/test/sizes/toggle.e2e.ts#L11
2) [Mobile Firefox] › src/components/toggle/test/sizes/toggle.e2e.ts:6:9 › toggle: sizes - ios/rtl › should not have visual regressions Error: Screenshot comparison failed: 25853 pixels (ratio 0.10 of all image pixels) are different. Expected: /ionic/src/components/toggle/test/sizes/toggle.e2e.ts-snapshots/toggle-sizes-diff-ios-rtl-Mobile-Firefox-linux.png Received: /ionic/test-results/src-components-toggle-test-09b9e-not-have-visual-regressions-Mobile-Firefox/toggle-sizes-diff-ios-rtl-actual.png Diff: /ionic/test-results/src-components-toggle-test-09b9e-not-have-visual-regressions-Mobile-Firefox/toggle-sizes-diff-ios-rtl-diff.png Call log: - expect.toHaveScreenshot(toggle-sizes-diff-ios-rtl.png) with timeout 5000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 25853 pixels (ratio 0.10 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 25853 pixels (ratio 0.10 of all image pixels) are different. 9 | await page.setIonViewport(); 10 | > 11 | await expect(page).toHaveScreenshot(screenshot(`toggle-sizes-diff`)); | ^ 12 | }); 13 | }); 14 | }); at /ionic/src/components/toggle/test/sizes/toggle.e2e.ts:11:26
[Mobile Firefox] › src/components/toggle/test/sizes/toggle.e2e.ts:6:9 › toggle: sizes - ios/rtl › should not have visual regressions: src/components/toggle/test/sizes/toggle.e2e.ts#L11
2) [Mobile Firefox] › src/components/toggle/test/sizes/toggle.e2e.ts:6:9 › toggle: sizes - ios/rtl › should not have visual regressions Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 25853 pixels (ratio 0.10 of all image pixels) are different. Expected: /ionic/src/components/toggle/test/sizes/toggle.e2e.ts-snapshots/toggle-sizes-diff-ios-rtl-Mobile-Firefox-linux.png Received: /ionic/test-results/src-components-toggle-test-09b9e-not-have-visual-regressions-Mobile-Firefox-retry1/toggle-sizes-diff-ios-rtl-actual.png Diff: /ionic/test-results/src-components-toggle-test-09b9e-not-have-visual-regressions-Mobile-Firefox-retry1/toggle-sizes-diff-ios-rtl-diff.png Call log: - expect.toHaveScreenshot(toggle-sizes-diff-ios-rtl.png) with timeout 5000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 25853 pixels (ratio 0.10 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 25853 pixels (ratio 0.10 of all image pixels) are different. 9 | await page.setIonViewport(); 10 | > 11 | await expect(page).toHaveScreenshot(screenshot(`toggle-sizes-diff`)); | ^ 12 | }); 13 | }); 14 | }); at /ionic/src/components/toggle/test/sizes/toggle.e2e.ts:11:26
[Mobile Firefox] › src/components/toggle/test/sizes/toggle.e2e.ts:6:9 › toggle: sizes - ios/rtl › should not have visual regressions: src/components/toggle/test/sizes/toggle.e2e.ts#L11
2) [Mobile Firefox] › src/components/toggle/test/sizes/toggle.e2e.ts:6:9 › toggle: sizes - ios/rtl › should not have visual regressions Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 25853 pixels (ratio 0.10 of all image pixels) are different. Expected: /ionic/src/components/toggle/test/sizes/toggle.e2e.ts-snapshots/toggle-sizes-diff-ios-rtl-Mobile-Firefox-linux.png Received: /ionic/test-results/src-components-toggle-test-09b9e-not-have-visual-regressions-Mobile-Firefox-retry2/toggle-sizes-diff-ios-rtl-actual.png Diff: /ionic/test-results/src-components-toggle-test-09b9e-not-have-visual-regressions-Mobile-Firefox-retry2/toggle-sizes-diff-ios-rtl-diff.png Call log: - expect.toHaveScreenshot(toggle-sizes-diff-ios-rtl.png) with timeout 5000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 25853 pixels (ratio 0.10 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 25853 pixels (ratio 0.10 of all image pixels) are different. 9 | await page.setIonViewport(); 10 | > 11 | await expect(page).toHaveScreenshot(screenshot(`toggle-sizes-diff`)); | ^ 12 | }); 13 | }); 14 | }); at /ionic/src/components/toggle/test/sizes/toggle.e2e.ts:11:26
[Mobile Firefox] › src/components/toggle/test/sizes/toggle.e2e.ts:6:9 › toggle: sizes - md/ltr › should not have visual regressions: src/components/toggle/test/sizes/toggle.e2e.ts#L11
3) [Mobile Firefox] › src/components/toggle/test/sizes/toggle.e2e.ts:6:9 › toggle: sizes - md/ltr › should not have visual regressions Error: Screenshot comparison failed: 38355 pixels (ratio 0.14 of all image pixels) are different. Expected: /ionic/src/components/toggle/test/sizes/toggle.e2e.ts-snapshots/toggle-sizes-diff-md-ltr-Mobile-Firefox-linux.png Received: /ionic/test-results/src-components-toggle-test-fb102-not-have-visual-regressions-Mobile-Firefox/toggle-sizes-diff-md-ltr-actual.png Diff: /ionic/test-results/src-components-toggle-test-fb102-not-have-visual-regressions-Mobile-Firefox/toggle-sizes-diff-md-ltr-diff.png Call log: - expect.toHaveScreenshot(toggle-sizes-diff-md-ltr.png) with timeout 5000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 38355 pixels (ratio 0.14 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 38355 pixels (ratio 0.14 of all image pixels) are different. 9 | await page.setIonViewport(); 10 | > 11 | await expect(page).toHaveScreenshot(screenshot(`toggle-sizes-diff`)); | ^ 12 | }); 13 | }); 14 | }); at /ionic/src/components/toggle/test/sizes/toggle.e2e.ts:11:26
[Mobile Firefox] › src/components/toggle/test/sizes/toggle.e2e.ts:6:9 › toggle: sizes - md/ltr › should not have visual regressions: src/components/toggle/test/sizes/toggle.e2e.ts#L11
3) [Mobile Firefox] › src/components/toggle/test/sizes/toggle.e2e.ts:6:9 › toggle: sizes - md/ltr › should not have visual regressions Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 38355 pixels (ratio 0.14 of all image pixels) are different. Expected: /ionic/src/components/toggle/test/sizes/toggle.e2e.ts-snapshots/toggle-sizes-diff-md-ltr-Mobile-Firefox-linux.png Received: /ionic/test-results/src-components-toggle-test-fb102-not-have-visual-regressions-Mobile-Firefox-retry1/toggle-sizes-diff-md-ltr-actual.png Diff: /ionic/test-results/src-components-toggle-test-fb102-not-have-visual-regressions-Mobile-Firefox-retry1/toggle-sizes-diff-md-ltr-diff.png Call log: - expect.toHaveScreenshot(toggle-sizes-diff-md-ltr.png) with timeout 5000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 38355 pixels (ratio 0.14 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 38355 pixels (ratio 0.14 of all image pixels) are different. 9 | await page.setIonViewport(); 10 | > 11 | await expect(page).toHaveScreenshot(screenshot(`toggle-sizes-diff`)); | ^ 12 | }); 13 | }); 14 | }); at /ionic/src/components/toggle/test/sizes/toggle.e2e.ts:11:26
[Mobile Firefox] › src/components/toggle/test/sizes/toggle.e2e.ts:6:9 › toggle: sizes - md/ltr › should not have visual regressions: src/components/toggle/test/sizes/toggle.e2e.ts#L11
3) [Mobile Firefox] › src/components/toggle/test/sizes/toggle.e2e.ts:6:9 › toggle: sizes - md/ltr › should not have visual regressions Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 38355 pixels (ratio 0.14 of all image pixels) are different. Expected: /ionic/src/components/toggle/test/sizes/toggle.e2e.ts-snapshots/toggle-sizes-diff-md-ltr-Mobile-Firefox-linux.png Received: /ionic/test-results/src-components-toggle-test-fb102-not-have-visual-regressions-Mobile-Firefox-retry2/toggle-sizes-diff-md-ltr-actual.png Diff: /ionic/test-results/src-components-toggle-test-fb102-not-have-visual-regressions-Mobile-Firefox-retry2/toggle-sizes-diff-md-ltr-diff.png Call log: - expect.toHaveScreenshot(toggle-sizes-diff-md-ltr.png) with timeout 5000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 38355 pixels (ratio 0.14 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 38355 pixels (ratio 0.14 of all image pixels) are different. 9 | await page.setIonViewport(); 10 | > 11 | await expect(page).toHaveScreenshot(screenshot(`toggle-sizes-diff`)); | ^ 12 | }); 13 | }); 14 | }); at /ionic/src/components/toggle/test/sizes/toggle.e2e.ts:11:26
[Mobile Firefox] › src/components/toggle/test/sizes/toggle.e2e.ts:6:9 › toggle: sizes - md/rtl › should not have visual regressions: src/components/toggle/test/sizes/toggle.e2e.ts#L11
4) [Mobile Firefox] › src/components/toggle/test/sizes/toggle.e2e.ts:6:9 › toggle: sizes - md/rtl › should not have visual regressions Error: Screenshot comparison failed: 38461 pixels (ratio 0.14 of all image pixels) are different. Expected: /ionic/src/components/toggle/test/sizes/toggle.e2e.ts-snapshots/toggle-sizes-diff-md-rtl-Mobile-Firefox-linux.png Received: /ionic/test-results/src-components-toggle-test-11006-not-have-visual-regressions-Mobile-Firefox/toggle-sizes-diff-md-rtl-actual.png Diff: /ionic/test-results/src-components-toggle-test-11006-not-have-visual-regressions-Mobile-Firefox/toggle-sizes-diff-md-rtl-diff.png Call log: - expect.toHaveScreenshot(toggle-sizes-diff-md-rtl.png) with timeout 5000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 38461 pixels (ratio 0.14 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 38461 pixels (ratio 0.14 of all image pixels) are different. 9 | await page.setIonViewport(); 10 | > 11 | await expect(page).toHaveScreenshot(screenshot(`toggle-sizes-diff`)); | ^ 12 | }); 13 | }); 14 | }); at /ionic/src/components/toggle/test/sizes/toggle.e2e.ts:11:26
[Mobile Firefox] › src/components/skeleton-text/test/custom/skeleton-text.e2e.ts:6:9 › skeleton-text: custom - ios/ltr › should not have visual regressions: src/components/skeleton-text/test/custom/skeleton-text.e2e.ts#L11
1) [Mobile Firefox] › src/components/skeleton-text/test/custom/skeleton-text.e2e.ts:6:9 › skeleton-text: custom - ios/ltr › should not have visual regressions Error: Screenshot comparison failed: 43225 pixels (ratio 0.16 of all image pixels) are different. Expected: /ionic/src/components/skeleton-text/test/custom/skeleton-text.e2e.ts-snapshots/skeleton-text-custom-ios-ltr-Mobile-Firefox-linux.png Received: /ionic/test-results/src-components-skeleton-te-b1c1a-not-have-visual-regressions-Mobile-Firefox/skeleton-text-custom-ios-ltr-actual.png Diff: /ionic/test-results/src-components-skeleton-te-b1c1a-not-have-visual-regressions-Mobile-Firefox/skeleton-text-custom-ios-ltr-diff.png Call log: - expect.toHaveScreenshot(skeleton-text-custom-ios-ltr.png) with timeout 5000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 43225 pixels (ratio 0.16 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 43225 pixels (ratio 0.16 of all image pixels) are different. 9 | await page.setIonViewport(); 10 | > 11 | await expect(page).toHaveScreenshot(screenshot(`skeleton-text-custom`)); | ^ 12 | }); 13 | }); 14 | }); at /ionic/src/components/skeleton-text/test/custom/skeleton-text.e2e.ts:11:26
[Mobile Firefox] › src/components/skeleton-text/test/custom/skeleton-text.e2e.ts:6:9 › skeleton-text: custom - ios/ltr › should not have visual regressions: src/components/skeleton-text/test/custom/skeleton-text.e2e.ts#L11
1) [Mobile Firefox] › src/components/skeleton-text/test/custom/skeleton-text.e2e.ts:6:9 › skeleton-text: custom - ios/ltr › should not have visual regressions Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 43225 pixels (ratio 0.16 of all image pixels) are different. Expected: /ionic/src/components/skeleton-text/test/custom/skeleton-text.e2e.ts-snapshots/skeleton-text-custom-ios-ltr-Mobile-Firefox-linux.png Received: /ionic/test-results/src-components-skeleton-te-b1c1a-not-have-visual-regressions-Mobile-Firefox-retry1/skeleton-text-custom-ios-ltr-actual.png Diff: /ionic/test-results/src-components-skeleton-te-b1c1a-not-have-visual-regressions-Mobile-Firefox-retry1/skeleton-text-custom-ios-ltr-diff.png Call log: - expect.toHaveScreenshot(skeleton-text-custom-ios-ltr.png) with timeout 5000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 43225 pixels (ratio 0.16 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 43225 pixels (ratio 0.16 of all image pixels) are different. 9 | await page.setIonViewport(); 10 | > 11 | await expect(page).toHaveScreenshot(screenshot(`skeleton-text-custom`)); | ^ 12 | }); 13 | }); 14 | }); at /ionic/src/components/skeleton-text/test/custom/skeleton-text.e2e.ts:11:26
[Mobile Firefox] › src/components/skeleton-text/test/custom/skeleton-text.e2e.ts:6:9 › skeleton-text: custom - ios/ltr › should not have visual regressions: src/components/skeleton-text/test/custom/skeleton-text.e2e.ts#L11
1) [Mobile Firefox] › src/components/skeleton-text/test/custom/skeleton-text.e2e.ts:6:9 › skeleton-text: custom - ios/ltr › should not have visual regressions Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 43225 pixels (ratio 0.16 of all image pixels) are different. Expected: /ionic/src/components/skeleton-text/test/custom/skeleton-text.e2e.ts-snapshots/skeleton-text-custom-ios-ltr-Mobile-Firefox-linux.png Received: /ionic/test-results/src-components-skeleton-te-b1c1a-not-have-visual-regressions-Mobile-Firefox-retry2/skeleton-text-custom-ios-ltr-actual.png Diff: /ionic/test-results/src-components-skeleton-te-b1c1a-not-have-visual-regressions-Mobile-Firefox-retry2/skeleton-text-custom-ios-ltr-diff.png Call log: - expect.toHaveScreenshot(skeleton-text-custom-ios-ltr.png) with timeout 5000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 43225 pixels (ratio 0.16 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 43225 pixels (ratio 0.16 of all image pixels) are different. 9 | await page.setIonViewport(); 10 | > 11 | await expect(page).toHaveScreenshot(screenshot(`skeleton-text-custom`)); | ^ 12 | }); 13 | }); 14 | }); at /ionic/src/components/skeleton-text/test/custom/skeleton-text.e2e.ts:11:26
[Mobile Firefox] › src/components/skeleton-text/test/custom/skeleton-text.e2e.ts:6:9 › skeleton-text: custom - ios/rtl › should not have visual regressions: src/components/skeleton-text/test/custom/skeleton-text.e2e.ts#L11
2) [Mobile Firefox] › src/components/skeleton-text/test/custom/skeleton-text.e2e.ts:6:9 › skeleton-text: custom - ios/rtl › should not have visual regressions Error: Screenshot comparison failed: 43169 pixels (ratio 0.16 of all image pixels) are different. Expected: /ionic/src/components/skeleton-text/test/custom/skeleton-text.e2e.ts-snapshots/skeleton-text-custom-ios-rtl-Mobile-Firefox-linux.png Received: /ionic/test-results/src-components-skeleton-te-2615a-not-have-visual-regressions-Mobile-Firefox/skeleton-text-custom-ios-rtl-actual.png Diff: /ionic/test-results/src-components-skeleton-te-2615a-not-have-visual-regressions-Mobile-Firefox/skeleton-text-custom-ios-rtl-diff.png Call log: - expect.toHaveScreenshot(skeleton-text-custom-ios-rtl.png) with timeout 5000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 43169 pixels (ratio 0.16 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 43169 pixels (ratio 0.16 of all image pixels) are different. 9 | await page.setIonViewport(); 10 | > 11 | await expect(page).toHaveScreenshot(screenshot(`skeleton-text-custom`)); | ^ 12 | }); 13 | }); 14 | }); at /ionic/src/components/skeleton-text/test/custom/skeleton-text.e2e.ts:11:26
[Mobile Firefox] › src/components/skeleton-text/test/custom/skeleton-text.e2e.ts:6:9 › skeleton-text: custom - ios/rtl › should not have visual regressions: src/components/skeleton-text/test/custom/skeleton-text.e2e.ts#L11
2) [Mobile Firefox] › src/components/skeleton-text/test/custom/skeleton-text.e2e.ts:6:9 › skeleton-text: custom - ios/rtl › should not have visual regressions Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 43169 pixels (ratio 0.16 of all image pixels) are different. Expected: /ionic/src/components/skeleton-text/test/custom/skeleton-text.e2e.ts-snapshots/skeleton-text-custom-ios-rtl-Mobile-Firefox-linux.png Received: /ionic/test-results/src-components-skeleton-te-2615a-not-have-visual-regressions-Mobile-Firefox-retry1/skeleton-text-custom-ios-rtl-actual.png Diff: /ionic/test-results/src-components-skeleton-te-2615a-not-have-visual-regressions-Mobile-Firefox-retry1/skeleton-text-custom-ios-rtl-diff.png Call log: - expect.toHaveScreenshot(skeleton-text-custom-ios-rtl.png) with timeout 5000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 43169 pixels (ratio 0.16 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 43169 pixels (ratio 0.16 of all image pixels) are different. 9 | await page.setIonViewport(); 10 | > 11 | await expect(page).toHaveScreenshot(screenshot(`skeleton-text-custom`)); | ^ 12 | }); 13 | }); 14 | }); at /ionic/src/components/skeleton-text/test/custom/skeleton-text.e2e.ts:11:26
[Mobile Firefox] › src/components/skeleton-text/test/custom/skeleton-text.e2e.ts:6:9 › skeleton-text: custom - ios/rtl › should not have visual regressions: src/components/skeleton-text/test/custom/skeleton-text.e2e.ts#L11
2) [Mobile Firefox] › src/components/skeleton-text/test/custom/skeleton-text.e2e.ts:6:9 › skeleton-text: custom - ios/rtl › should not have visual regressions Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 43169 pixels (ratio 0.16 of all image pixels) are different. Expected: /ionic/src/components/skeleton-text/test/custom/skeleton-text.e2e.ts-snapshots/skeleton-text-custom-ios-rtl-Mobile-Firefox-linux.png Received: /ionic/test-results/src-components-skeleton-te-2615a-not-have-visual-regressions-Mobile-Firefox-retry2/skeleton-text-custom-ios-rtl-actual.png Diff: /ionic/test-results/src-components-skeleton-te-2615a-not-have-visual-regressions-Mobile-Firefox-retry2/skeleton-text-custom-ios-rtl-diff.png Call log: - expect.toHaveScreenshot(skeleton-text-custom-ios-rtl.png) with timeout 5000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 43169 pixels (ratio 0.16 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 43169 pixels (ratio 0.16 of all image pixels) are different. 9 | await page.setIonViewport(); 10 | > 11 | await expect(page).toHaveScreenshot(screenshot(`skeleton-text-custom`)); | ^ 12 | }); 13 | }); 14 | }); at /ionic/src/components/skeleton-text/test/custom/skeleton-text.e2e.ts:11:26
[Mobile Firefox] › src/components/skeleton-text/test/custom/skeleton-text.e2e.ts:6:9 › skeleton-text: custom - md/ltr › should not have visual regressions: src/components/skeleton-text/test/custom/skeleton-text.e2e.ts#L11
3) [Mobile Firefox] › src/components/skeleton-text/test/custom/skeleton-text.e2e.ts:6:9 › skeleton-text: custom - md/ltr › should not have visual regressions Error: Screenshot comparison failed: 44915 pixels (ratio 0.16 of all image pixels) are different. Expected: /ionic/src/components/skeleton-text/test/custom/skeleton-text.e2e.ts-snapshots/skeleton-text-custom-md-ltr-Mobile-Firefox-linux.png Received: /ionic/test-results/src-components-skeleton-te-7d40b-not-have-visual-regressions-Mobile-Firefox/skeleton-text-custom-md-ltr-actual.png Diff: /ionic/test-results/src-components-skeleton-te-7d40b-not-have-visual-regressions-Mobile-Firefox/skeleton-text-custom-md-ltr-diff.png Call log: - expect.toHaveScreenshot(skeleton-text-custom-md-ltr.png) with timeout 5000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 44915 pixels (ratio 0.16 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 44915 pixels (ratio 0.16 of all image pixels) are different. 9 | await page.setIonViewport(); 10 | > 11 | await expect(page).toHaveScreenshot(screenshot(`skeleton-text-custom`)); | ^ 12 | }); 13 | }); 14 | }); at /ionic/src/components/skeleton-text/test/custom/skeleton-text.e2e.ts:11:26
[Mobile Firefox] › src/components/skeleton-text/test/custom/skeleton-text.e2e.ts:6:9 › skeleton-text: custom - md/ltr › should not have visual regressions: src/components/skeleton-text/test/custom/skeleton-text.e2e.ts#L11
3) [Mobile Firefox] › src/components/skeleton-text/test/custom/skeleton-text.e2e.ts:6:9 › skeleton-text: custom - md/ltr › should not have visual regressions Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 44915 pixels (ratio 0.16 of all image pixels) are different. Expected: /ionic/src/components/skeleton-text/test/custom/skeleton-text.e2e.ts-snapshots/skeleton-text-custom-md-ltr-Mobile-Firefox-linux.png Received: /ionic/test-results/src-components-skeleton-te-7d40b-not-have-visual-regressions-Mobile-Firefox-retry1/skeleton-text-custom-md-ltr-actual.png Diff: /ionic/test-results/src-components-skeleton-te-7d40b-not-have-visual-regressions-Mobile-Firefox-retry1/skeleton-text-custom-md-ltr-diff.png Call log: - expect.toHaveScreenshot(skeleton-text-custom-md-ltr.png) with timeout 5000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 44915 pixels (ratio 0.16 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 44915 pixels (ratio 0.16 of all image pixels) are different. 9 | await page.setIonViewport(); 10 | > 11 | await expect(page).toHaveScreenshot(screenshot(`skeleton-text-custom`)); | ^ 12 | }); 13 | }); 14 | }); at /ionic/src/components/skeleton-text/test/custom/skeleton-text.e2e.ts:11:26
[Mobile Firefox] › src/components/skeleton-text/test/custom/skeleton-text.e2e.ts:6:9 › skeleton-text: custom - md/ltr › should not have visual regressions: src/components/skeleton-text/test/custom/skeleton-text.e2e.ts#L11
3) [Mobile Firefox] › src/components/skeleton-text/test/custom/skeleton-text.e2e.ts:6:9 › skeleton-text: custom - md/ltr › should not have visual regressions Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 44915 pixels (ratio 0.16 of all image pixels) are different. Expected: /ionic/src/components/skeleton-text/test/custom/skeleton-text.e2e.ts-snapshots/skeleton-text-custom-md-ltr-Mobile-Firefox-linux.png Received: /ionic/test-results/src-components-skeleton-te-7d40b-not-have-visual-regressions-Mobile-Firefox-retry2/skeleton-text-custom-md-ltr-actual.png Diff: /ionic/test-results/src-components-skeleton-te-7d40b-not-have-visual-regressions-Mobile-Firefox-retry2/skeleton-text-custom-md-ltr-diff.png Call log: - expect.toHaveScreenshot(skeleton-text-custom-md-ltr.png) with timeout 5000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 44915 pixels (ratio 0.16 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 44915 pixels (ratio 0.16 of all image pixels) are different. 9 | await page.setIonViewport(); 10 | > 11 | await expect(page).toHaveScreenshot(screenshot(`skeleton-text-custom`)); | ^ 12 | }); 13 | }); 14 | }); at /ionic/src/components/skeleton-text/test/custom/skeleton-text.e2e.ts:11:26
[Mobile Firefox] › src/components/skeleton-text/test/custom/skeleton-text.e2e.ts:6:9 › skeleton-text: custom - md/rtl › should not have visual regressions: src/components/skeleton-text/test/custom/skeleton-text.e2e.ts#L11
4) [Mobile Firefox] › src/components/skeleton-text/test/custom/skeleton-text.e2e.ts:6:9 › skeleton-text: custom - md/rtl › should not have visual regressions Error: Screenshot comparison failed: 44877 pixels (ratio 0.16 of all image pixels) are different. Expected: /ionic/src/components/skeleton-text/test/custom/skeleton-text.e2e.ts-snapshots/skeleton-text-custom-md-rtl-Mobile-Firefox-linux.png Received: /ionic/test-results/src-components-skeleton-te-397a0-not-have-visual-regressions-Mobile-Firefox/skeleton-text-custom-md-rtl-actual.png Diff: /ionic/test-results/src-components-skeleton-te-397a0-not-have-visual-regressions-Mobile-Firefox/skeleton-text-custom-md-rtl-diff.png Call log: - expect.toHaveScreenshot(skeleton-text-custom-md-rtl.png) with timeout 5000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 44877 pixels (ratio 0.16 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - 44877 pixels (ratio 0.16 of all image pixels) are different. 9 | await page.setIonViewport(); 10 | > 11 | await expect(page).toHaveScreenshot(screenshot(`skeleton-text-custom`)); | ^ 12 | }); 13 | }); 14 | }); at /ionic/src/components/skeleton-text/test/custom/skeleton-text.e2e.ts:11:26
[Mobile Chrome] › src/components/picker/test/a11y/picker.e2e.ts:7:9 › picker: a11y - ios/ltr › should not have accessibility violations: src/components/picker/test/a11y/picker.e2e.ts#L12
1) [Mobile Chrome] › src/components/picker/test/a11y/picker.e2e.ts:7:9 › picker: a11y - ios/ltr › should not have accessibility violations Error: expect(received).toEqual(expected) // deep equality - Expected - 1 + Received + 68 - Array [] + Array [ + Object { + "description": "Ensure the document has a main landmark", + "help": "Document should have one main landmark", + "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/landmark-one-main?application=playwright", + "id": "landmark-one-main", + "impact": "moderate", + "nodes": Array [ + Object { + "all": Array [ + Object { + "data": null, + "id": "page-has-main", + "impact": "moderate", + "message": "Document does not have a main landmark", + "relatedNodes": Array [], + }, + ], + "any": Array [], + "failureSummary": "Fix all of the following: + Document does not have a main landmark", + "html": "<html lang=\"en\" dir=\"ltr\" class=\"plt-android plt-phablet plt-mobile plt-mobileweb ios\" mode=\"ios\">", + "impact": "moderate", + "none": Array [], + "target": Array [ + "html", + ], + }, + ], + "tags": Array [ + "cat.semantics", + "best-practice", + ], + }, + Object { + "description": "Ensure that the page, or at least one of its frames contains a level-one heading", + "help": "Page should contain a level-one heading", + "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/page-has-heading-one?application=playwright", + "id": "page-has-heading-one", + "impact": "moderate", + "nodes": Array [ + Object { + "all": Array [ + Object { + "data": null, + "id": "page-has-heading-one", + "impact": "moderate", + "message": "Page must have a level-one heading", + "relatedNodes": Array [], + }, + ], + "any": Array [], + "failureSummary": "Fix all of the following: + Page must have a level-one heading", + "html": "<html lang=\"en\" dir=\"ltr\" class=\"plt-android plt-phablet plt-mobile plt-mobileweb ios\" mode=\"ios\">", + "impact": "moderate", + "none": Array [], + "target": Array [ + "html", + ], + }, + ], + "tags": Array [ + "cat.semantics", + "best-practice", + ], + }, + ] 10 | const results = await new AxeBuilder({ page }).analyze(); 11 | > 12 | expect(results.violations).toEqual([]); | ^ 13 | }); 14 | }); 15 | }); at /ionic/src/components/picker/test/a11y/picker.e2e.ts:12:34
[Mobile Chrome] › src/components/picker/test/a11y/picker.e2e.ts:7:9 › picker: a11y - ios/ltr › should not have accessibility violations: src/components/picker/test/a11y/picker.e2e.ts#L12
1) [Mobile Chrome] › src/components/picker/test/a11y/picker.e2e.ts:7:9 › picker: a11y - ios/ltr › should not have accessibility violations Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(received).toEqual(expected) // deep equality - Expected - 1 + Received + 68 - Array [] + Array [ + Object { + "description": "Ensure the document has a main landmark", + "help": "Document should have one main landmark", + "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/landmark-one-main?application=playwright", + "id": "landmark-one-main", + "impact": "moderate", + "nodes": Array [ + Object { + "all": Array [ + Object { + "data": null, + "id": "page-has-main", + "impact": "moderate", + "message": "Document does not have a main landmark", + "relatedNodes": Array [], + }, + ], + "any": Array [], + "failureSummary": "Fix all of the following: + Document does not have a main landmark", + "html": "<html lang=\"en\" dir=\"ltr\" class=\"plt-android plt-phablet plt-mobile plt-mobileweb ios\" mode=\"ios\">", + "impact": "moderate", + "none": Array [], + "target": Array [ + "html", + ], + }, + ], + "tags": Array [ + "cat.semantics", + "best-practice", + ], + }, + Object { + "description": "Ensure that the page, or at least one of its frames contains a level-one heading", + "help": "Page should contain a level-one heading", + "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/page-has-heading-one?application=playwright", + "id": "page-has-heading-one", + "impact": "moderate", + "nodes": Array [ + Object { + "all": Array [ + Object { + "data": null, + "id": "page-has-heading-one", + "impact": "moderate", + "message": "Page must have a level-one heading", + "relatedNodes": Array [], + }, + ], + "any": Array [], + "failureSummary": "Fix all of the following: + Page must have a level-one heading", + "html": "<html lang=\"en\" dir=\"ltr\" class=\"plt-android plt-phablet plt-mobile plt-mobileweb ios\" mode=\"ios\">", + "impact": "moderate", + "none": Array [], + "target": Array [ + "html", + ], + }, + ], + "tags": Array [ + "cat.semantics", + "best-practice", + ], + }, + ] 10 | const results = await new AxeBuilder({ page }).analyze(); 11 | > 12 | expect(results.violations).toEqual([]); | ^ 13 | }); 14 | }); 15 | }); at /ionic/src/components/picker/test/a11y/picker.e2e.ts:12:34
[Mobile Chrome] › src/components/picker/test/a11y/picker.e2e.ts:7:9 › picker: a11y - ios/ltr › should not have accessibility violations: src/components/picker/test/a11y/picker.e2e.ts#L12
1) [Mobile Chrome] › src/components/picker/test/a11y/picker.e2e.ts:7:9 › picker: a11y - ios/ltr › should not have accessibility violations Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(received).toEqual(expected) // deep equality - Expected - 1 + Received + 68 - Array [] + Array [ + Object { + "description": "Ensure the document has a main landmark", + "help": "Document should have one main landmark", + "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/landmark-one-main?application=playwright", + "id": "landmark-one-main", + "impact": "moderate", + "nodes": Array [ + Object { + "all": Array [ + Object { + "data": null, + "id": "page-has-main", + "impact": "moderate", + "message": "Document does not have a main landmark", + "relatedNodes": Array [], + }, + ], + "any": Array [], + "failureSummary": "Fix all of the following: + Document does not have a main landmark", + "html": "<html lang=\"en\" dir=\"ltr\" class=\"plt-android plt-phablet plt-mobile plt-mobileweb ios\" mode=\"ios\">", + "impact": "moderate", + "none": Array [], + "target": Array [ + "html", + ], + }, + ], + "tags": Array [ + "cat.semantics", + "best-practice", + ], + }, + Object { + "description": "Ensure that the page, or at least one of its frames contains a level-one heading", + "help": "Page should contain a level-one heading", + "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/page-has-heading-one?application=playwright", + "id": "page-has-heading-one", + "impact": "moderate", + "nodes": Array [ + Object { + "all": Array [ + Object { + "data": null, + "id": "page-has-heading-one", + "impact": "moderate", + "message": "Page must have a level-one heading", + "relatedNodes": Array [], + }, + ], + "any": Array [], + "failureSummary": "Fix all of the following: + Page must have a level-one heading", + "html": "<html lang=\"en\" dir=\"ltr\" class=\"plt-android plt-phablet plt-mobile plt-mobileweb ios\" mode=\"ios\">", + "impact": "moderate", + "none": Array [], + "target": Array [ + "html", + ], + }, + ], + "tags": Array [ + "cat.semantics", + "best-practice", + ], + }, + ] 10 | const results = await new AxeBuilder({ page }).analyze(); 11 | > 12 | expect(results.violations).toEqual([]); | ^ 13 | }); 14 | }); 15 | }); at /ionic/src/components/picker/test/a11y/picker.e2e.ts:12:34
[Mobile Chrome] › src/components/picker/test/a11y/picker.e2e.ts:7:9 › picker: a11y - ios/rtl › should not have accessibility violations: src/components/picker/test/a11y/picker.e2e.ts#L12
2) [Mobile Chrome] › src/components/picker/test/a11y/picker.e2e.ts:7:9 › picker: a11y - ios/rtl › should not have accessibility violations Error: expect(received).toEqual(expected) // deep equality - Expected - 1 + Received + 68 - Array [] + Array [ + Object { + "description": "Ensure the document has a main landmark", + "help": "Document should have one main landmark", + "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/landmark-one-main?application=playwright", + "id": "landmark-one-main", + "impact": "moderate", + "nodes": Array [ + Object { + "all": Array [ + Object { + "data": null, + "id": "page-has-main", + "impact": "moderate", + "message": "Document does not have a main landmark", + "relatedNodes": Array [], + }, + ], + "any": Array [], + "failureSummary": "Fix all of the following: + Document does not have a main landmark", + "html": "<html lang=\"en\" dir=\"rtl\" class=\"plt-android plt-phablet plt-mobile plt-mobileweb ios\" mode=\"ios\">", + "impact": "moderate", + "none": Array [], + "target": Array [ + "html", + ], + }, + ], + "tags": Array [ + "cat.semantics", + "best-practice", + ], + }, + Object { + "description": "Ensure that the page, or at least one of its frames contains a level-one heading", + "help": "Page should contain a level-one heading", + "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/page-has-heading-one?application=playwright", + "id": "page-has-heading-one", + "impact": "moderate", + "nodes": Array [ + Object { + "all": Array [ + Object { + "data": null, + "id": "page-has-heading-one", + "impact": "moderate", + "message": "Page must have a level-one heading", + "relatedNodes": Array [], + }, + ], + "any": Array [], + "failureSummary": "Fix all of the following: + Page must have a level-one heading", + "html": "<html lang=\"en\" dir=\"rtl\" class=\"plt-android plt-phablet plt-mobile plt-mobileweb ios\" mode=\"ios\">", + "impact": "moderate", + "none": Array [], + "target": Array [ + "html", + ], + }, + ], + "tags": Array [ + "cat.semantics", + "best-practice", + ], + }, + ] 10 | const results = await new AxeBuilder({ page }).analyze(); 11 | > 12 | expect(results.violations).toEqual([]); | ^ 13 | }); 14 | }); 15 | }); at /ionic/src/components/picker/test/a11y/picker.e2e.ts:12:34
[Mobile Chrome] › src/components/picker/test/a11y/picker.e2e.ts:7:9 › picker: a11y - ios/rtl › should not have accessibility violations: src/components/picker/test/a11y/picker.e2e.ts#L12
2) [Mobile Chrome] › src/components/picker/test/a11y/picker.e2e.ts:7:9 › picker: a11y - ios/rtl › should not have accessibility violations Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(received).toEqual(expected) // deep equality - Expected - 1 + Received + 68 - Array [] + Array [ + Object { + "description": "Ensure the document has a main landmark", + "help": "Document should have one main landmark", + "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/landmark-one-main?application=playwright", + "id": "landmark-one-main", + "impact": "moderate", + "nodes": Array [ + Object { + "all": Array [ + Object { + "data": null, + "id": "page-has-main", + "impact": "moderate", + "message": "Document does not have a main landmark", + "relatedNodes": Array [], + }, + ], + "any": Array [], + "failureSummary": "Fix all of the following: + Document does not have a main landmark", + "html": "<html lang=\"en\" dir=\"rtl\" class=\"plt-android plt-phablet plt-mobile plt-mobileweb ios\" mode=\"ios\">", + "impact": "moderate", + "none": Array [], + "target": Array [ + "html", + ], + }, + ], + "tags": Array [ + "cat.semantics", + "best-practice", + ], + }, + Object { + "description": "Ensure that the page, or at least one of its frames contains a level-one heading", + "help": "Page should contain a level-one heading", + "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/page-has-heading-one?application=playwright", + "id": "page-has-heading-one", + "impact": "moderate", + "nodes": Array [ + Object { + "all": Array [ + Object { + "data": null, + "id": "page-has-heading-one", + "impact": "moderate", + "message": "Page must have a level-one heading", + "relatedNodes": Array [], + }, + ], + "any": Array [], + "failureSummary": "Fix all of the following: + Page must have a level-one heading", + "html": "<html lang=\"en\" dir=\"rtl\" class=\"plt-android plt-phablet plt-mobile plt-mobileweb ios\" mode=\"ios\">", + "impact": "moderate", + "none": Array [], + "target": Array [ + "html", + ], + }, + ], + "tags": Array [ + "cat.semantics", + "best-practice", + ], + }, + ] 10 | const results = await new AxeBuilder({ page }).analyze(); 11 | > 12 | expect(results.violations).toEqual([]); | ^ 13 | }); 14 | }); 15 | }); at /ionic/src/components/picker/test/a11y/picker.e2e.ts:12:34
[Mobile Chrome] › src/components/picker/test/a11y/picker.e2e.ts:7:9 › picker: a11y - ios/rtl › should not have accessibility violations: src/components/picker/test/a11y/picker.e2e.ts#L12
2) [Mobile Chrome] › src/components/picker/test/a11y/picker.e2e.ts:7:9 › picker: a11y - ios/rtl › should not have accessibility violations Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(received).toEqual(expected) // deep equality - Expected - 1 + Received + 68 - Array [] + Array [ + Object { + "description": "Ensure the document has a main landmark", + "help": "Document should have one main landmark", + "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/landmark-one-main?application=playwright", + "id": "landmark-one-main", + "impact": "moderate", + "nodes": Array [ + Object { + "all": Array [ + Object { + "data": null, + "id": "page-has-main", + "impact": "moderate", + "message": "Document does not have a main landmark", + "relatedNodes": Array [], + }, + ], + "any": Array [], + "failureSummary": "Fix all of the following: + Document does not have a main landmark", + "html": "<html lang=\"en\" dir=\"rtl\" class=\"plt-android plt-phablet plt-mobile plt-mobileweb ios\" mode=\"ios\">", + "impact": "moderate", + "none": Array [], + "target": Array [ + "html", + ], + }, + ], + "tags": Array [ + "cat.semantics", + "best-practice", + ], + }, + Object { + "description": "Ensure that the page, or at least one of its frames contains a level-one heading", + "help": "Page should contain a level-one heading", + "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/page-has-heading-one?application=playwright", + "id": "page-has-heading-one", + "impact": "moderate", + "nodes": Array [ + Object { + "all": Array [ + Object { + "data": null, + "id": "page-has-heading-one", + "impact": "moderate", + "message": "Page must have a level-one heading", + "relatedNodes": Array [], + }, + ], + "any": Array [], + "failureSummary": "Fix all of the following: + Page must have a level-one heading", + "html": "<html lang=\"en\" dir=\"rtl\" class=\"plt-android plt-phablet plt-mobile plt-mobileweb ios\" mode=\"ios\">", + "impact": "moderate", + "none": Array [], + "target": Array [ + "html", + ], + }, + ], + "tags": Array [ + "cat.semantics", + "best-practice", + ], + }, + ] 10 | const results = await new AxeBuilder({ page }).analyze(); 11 | > 12 | expect(results.violations).toEqual([]); | ^ 13 | }); 14 | }); 15 | }); at /ionic/src/components/picker/test/a11y/picker.e2e.ts:12:34
[Mobile Chrome] › src/components/picker/test/a11y/picker.e2e.ts:7:9 › picker: a11y - md/ltr › should not have accessibility violations: src/components/picker/test/a11y/picker.e2e.ts#L12
3) [Mobile Chrome] › src/components/picker/test/a11y/picker.e2e.ts:7:9 › picker: a11y - md/ltr › should not have accessibility violations Error: expect(received).toEqual(expected) // deep equality - Expected - 1 + Received + 68 - Array [] + Array [ + Object { + "description": "Ensure the document has a main landmark", + "help": "Document should have one main landmark", + "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/landmark-one-main?application=playwright", + "id": "landmark-one-main", + "impact": "moderate", + "nodes": Array [ + Object { + "all": Array [ + Object { + "data": null, + "id": "page-has-main", + "impact": "moderate", + "message": "Document does not have a main landmark", + "relatedNodes": Array [], + }, + ], + "any": Array [], + "failureSummary": "Fix all of the following: + Document does not have a main landmark", + "html": "<html lang=\"en\" dir=\"ltr\" class=\"plt-android plt-phablet plt-mobile plt-mobileweb md\" mode=\"md\">", + "impact": "moderate", + "none": Array [], + "target": Array [ + "html", + ], + }, + ], + "tags": Array [ + "cat.semantics", + "best-practice", + ], + }, + Object { + "description": "Ensure that the page, or at least one of its frames contains a level-one heading", + "help": "Page should contain a level-one heading", + "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/page-has-heading-one?application=playwright", + "id": "page-has-heading-one", + "impact": "moderate", + "nodes": Array [ + Object { + "all": Array [ + Object { + "data": null, + "id": "page-has-heading-one", + "impact": "moderate", + "message": "Page must have a level-one heading", + "relatedNodes": Array [], + }, + ], + "any": Array [], + "failureSummary": "Fix all of the following: + Page must have a level-one heading", + "html": "<html lang=\"en\" dir=\"ltr\" class=\"plt-android plt-phablet plt-mobile plt-mobileweb md\" mode=\"md\">", + "impact": "moderate", + "none": Array [], + "target": Array [ + "html", + ], + }, + ], + "tags": Array [ + "cat.semantics", + "best-practice", + ], + }, + ] 10 | const results = await new AxeBuilder({ page }).analyze(); 11 | > 12 | expect(results.violations).toEqual([]); | ^ 13 | }); 14 | }); 15 | }); at /ionic/src/components/picker/test/a11y/picker.e2e.ts:12:34
[Mobile Chrome] › src/components/picker/test/a11y/picker.e2e.ts:7:9 › picker: a11y - md/ltr › should not have accessibility violations: src/components/picker/test/a11y/picker.e2e.ts#L12
3) [Mobile Chrome] › src/components/picker/test/a11y/picker.e2e.ts:7:9 › picker: a11y - md/ltr › should not have accessibility violations Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(received).toEqual(expected) // deep equality - Expected - 1 + Received + 68 - Array [] + Array [ + Object { + "description": "Ensure the document has a main landmark", + "help": "Document should have one main landmark", + "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/landmark-one-main?application=playwright", + "id": "landmark-one-main", + "impact": "moderate", + "nodes": Array [ + Object { + "all": Array [ + Object { + "data": null, + "id": "page-has-main", + "impact": "moderate", + "message": "Document does not have a main landmark", + "relatedNodes": Array [], + }, + ], + "any": Array [], + "failureSummary": "Fix all of the following: + Document does not have a main landmark", + "html": "<html lang=\"en\" dir=\"ltr\" class=\"plt-android plt-phablet plt-mobile plt-mobileweb md\" mode=\"md\">", + "impact": "moderate", + "none": Array [], + "target": Array [ + "html", + ], + }, + ], + "tags": Array [ + "cat.semantics", + "best-practice", + ], + }, + Object { + "description": "Ensure that the page, or at least one of its frames contains a level-one heading", + "help": "Page should contain a level-one heading", + "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/page-has-heading-one?application=playwright", + "id": "page-has-heading-one", + "impact": "moderate", + "nodes": Array [ + Object { + "all": Array [ + Object { + "data": null, + "id": "page-has-heading-one", + "impact": "moderate", + "message": "Page must have a level-one heading", + "relatedNodes": Array [], + }, + ], + "any": Array [], + "failureSummary": "Fix all of the following: + Page must have a level-one heading", + "html": "<html lang=\"en\" dir=\"ltr\" class=\"plt-android plt-phablet plt-mobile plt-mobileweb md\" mode=\"md\">", + "impact": "moderate", + "none": Array [], + "target": Array [ + "html", + ], + }, + ], + "tags": Array [ + "cat.semantics", + "best-practice", + ], + }, + ] 10 | const results = await new AxeBuilder({ page }).analyze(); 11 | > 12 | expect(results.violations).toEqual([]); | ^ 13 | }); 14 | }); 15 | }); at /ionic/src/components/picker/test/a11y/picker.e2e.ts:12:34
[Mobile Chrome] › src/components/picker/test/a11y/picker.e2e.ts:7:9 › picker: a11y - md/ltr › should not have accessibility violations: src/components/picker/test/a11y/picker.e2e.ts#L12
3) [Mobile Chrome] › src/components/picker/test/a11y/picker.e2e.ts:7:9 › picker: a11y - md/ltr › should not have accessibility violations Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(received).toEqual(expected) // deep equality - Expected - 1 + Received + 68 - Array [] + Array [ + Object { + "description": "Ensure the document has a main landmark", + "help": "Document should have one main landmark", + "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/landmark-one-main?application=playwright", + "id": "landmark-one-main", + "impact": "moderate", + "nodes": Array [ + Object { + "all": Array [ + Object { + "data": null, + "id": "page-has-main", + "impact": "moderate", + "message": "Document does not have a main landmark", + "relatedNodes": Array [], + }, + ], + "any": Array [], + "failureSummary": "Fix all of the following: + Document does not have a main landmark", + "html": "<html lang=\"en\" dir=\"ltr\" class=\"plt-android plt-phablet plt-mobile plt-mobileweb md\" mode=\"md\">", + "impact": "moderate", + "none": Array [], + "target": Array [ + "html", + ], + }, + ], + "tags": Array [ + "cat.semantics", + "best-practice", + ], + }, + Object { + "description": "Ensure that the page, or at least one of its frames contains a level-one heading", + "help": "Page should contain a level-one heading", + "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/page-has-heading-one?application=playwright", + "id": "page-has-heading-one", + "impact": "moderate", + "nodes": Array [ + Object { + "all": Array [ + Object { + "data": null, + "id": "page-has-heading-one", + "impact": "moderate", + "message": "Page must have a level-one heading", + "relatedNodes": Array [], + }, + ], + "any": Array [], + "failureSummary": "Fix all of the following: + Page must have a level-one heading", + "html": "<html lang=\"en\" dir=\"ltr\" class=\"plt-android plt-phablet plt-mobile plt-mobileweb md\" mode=\"md\">", + "impact": "moderate", + "none": Array [], + "target": Array [ + "html", + ], + }, + ], + "tags": Array [ + "cat.semantics", + "best-practice", + ], + }, + ] 10 | const results = await new AxeBuilder({ page }).analyze(); 11 | > 12 | expect(results.violations).toEqual([]); | ^ 13 | }); 14 | }); 15 | }); at /ionic/src/components/picker/test/a11y/picker.e2e.ts:12:34
[Mobile Chrome] › src/components/picker/test/a11y/picker.e2e.ts:7:9 › picker: a11y - md/rtl › should not have accessibility violations: src/components/picker/test/a11y/picker.e2e.ts#L12
4) [Mobile Chrome] › src/components/picker/test/a11y/picker.e2e.ts:7:9 › picker: a11y - md/rtl › should not have accessibility violations Error: expect(received).toEqual(expected) // deep equality - Expected - 1 + Received + 68 - Array [] + Array [ + Object { + "description": "Ensure the document has a main landmark", + "help": "Document should have one main landmark", + "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/landmark-one-main?application=playwright", + "id": "landmark-one-main", + "impact": "moderate", + "nodes": Array [ + Object { + "all": Array [ + Object { + "data": null, + "id": "page-has-main", + "impact": "moderate", + "message": "Document does not have a main landmark", + "relatedNodes": Array [], + }, + ], + "any": Array [], + "failureSummary": "Fix all of the following: + Document does not have a main landmark", + "html": "<html lang=\"en\" dir=\"rtl\" class=\"plt-android plt-phablet plt-mobile plt-mobileweb md\" mode=\"md\">", + "impact": "moderate", + "none": Array [], + "target": Array [ + "html", + ], + }, + ], + "tags": Array [ + "cat.semantics", + "best-practice", + ], + }, + Object { + "description": "Ensure that the page, or at least one of its frames contains a level-one heading", + "help": "Page should contain a level-one heading", + "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/page-has-heading-one?application=playwright", + "id": "page-has-heading-one", + "impact": "moderate", + "nodes": Array [ + Object { + "all": Array [ + Object { + "data": null, + "id": "page-has-heading-one", + "impact": "moderate", + "message": "Page must have a level-one heading", + "relatedNodes": Array [], + }, + ], + "any": Array [], + "failureSummary": "Fix all of the following: + Page must have a level-one heading", + "html": "<html lang=\"en\" dir=\"rtl\" class=\"plt-android plt-phablet plt-mobile plt-mobileweb md\" mode=\"md\">", + "impact": "moderate", + "none": Array [], + "target": Array [ + "html", + ], + }, + ], + "tags": Array [ + "cat.semantics", + "best-practice", + ], + }, + ] 10 | const results = await new AxeBuilder({ page }).analyze(); 11 | > 12 | expect(results.violations).toEqual([]); | ^ 13 | }); 14 | }); 15 | }); at /ionic/src/components/picker/test/a11y/picker.e2e.ts:12:34
🎭 Playwright Run Summary
349 failed [Mobile Safari] › src/components/select/test/popover-size/select.e2e.ts:45:9 › select: popover sizing - ios/ltr › popover should have cover size with a floating label [Mobile Safari] › src/components/select/test/popover-size/select.e2e.ts:53:9 › select: popover sizing - ios/ltr › popover should have cover size with a stacked label [Mobile Safari] › src/components/select/test/popover-size/select.e2e.ts:61:9 › select: popover sizing - ios/ltr › popover should have auto size with a start label [Mobile Safari] › src/components/select/test/popover-size/select.e2e.ts:69:9 › select: popover sizing - ios/ltr › popover should have auto size with a end label [Mobile Safari] › src/components/select/test/popover-size/select.e2e.ts:77:9 › select: popover sizing - ios/ltr › popover should have auto size with a fixed label [Mobile Safari] › src/components/select/test/popover-size/select.e2e.ts:45:9 › select: popover sizing - md/ltr › popover should have cover size with a floating label [Mobile Safari] › src/components/select/test/popover-size/select.e2e.ts:53:9 › select: popover sizing - md/ltr › popover should have cover size with a stacked label [Mobile Safari] › src/components/select/test/popover-size/select.e2e.ts:61:9 › select: popover sizing - md/ltr › popover should have auto size with a start label [Mobile Safari] › src/components/select/test/popover-size/select.e2e.ts:69:9 › select: popover sizing - md/ltr › popover should have auto size with a end label [Mobile Safari] › src/components/select/test/popover-size/select.e2e.ts:77:9 › select: popover sizing - md/ltr › popover should have auto size with a fixed label [Mobile Safari] › src/components/select/test/popover-size/select.e2e.ts:89:9 › select: popover sizing with fill - md/ltr › popover should have cover size with outline fill in MD [Mobile Safari] › src/components/select/test/popover-size/select.e2e.ts:97:9 › select: popover sizing with fill - md/ltr › popover should have cover size with solid fill in MD [Mobile Safari] › src/components/select/test/slot/select.e2e.ts:6:9 › select: start and end slots (visual checks) - ios/ltr › should not have visual regressions with a start-positioned label [Mobile Safari] › src/components/select/test/slot/select.e2e.ts:27:9 › select: start and end slots (visual checks) - ios/ltr › should not have visual regressions with a floating label [Mobile Safari] › src/components/select/test/slot/select.e2e.ts:6:9 › select: start and end slots (visual checks) - ios/rtl › should not have visual regressions with a start-positioned label [Mobile Safari] › src/components/select/test/slot/select.e2e.ts:27:9 › select: start and end slots (visual checks) - ios/rtl › should not have visual regressions with a floating label [Mobile Safari] › src/components/select/test/slot/select.e2e.ts:6:9 › select: start and end slots (visual checks) - md/ltr › should not have visual regressions with a start-positioned label [Mobile Safari] › src/components/select/test/slot/select.e2e.ts:27:9 › select: start and end slots (visual checks) - md/ltr › should not have visual regressions with a floating label [Mobile Safari] › src/components/select/test/slot/select.e2e.ts:6:9 › select: start and end slots (visual checks) - md/rtl › should not have visual regressions with a start-positioned label [Mobile Safari] › src/components/select/test/slot/select.e2e.ts:27:9 › select: start and end slots (visual checks) - md/rtl › should not have visual regressions with a floating label [Mobile Safari] › src/components/select/test/slot/select.e2e.ts:80:9 › select: start and end slots (functionality checks) - md/ltr › should not open select when slotted buttons are clicked [Mobile Safari] › src/components/select/test/states/select.e2e.ts:6:9 › select: states - ios/ltr › should render enabled select with a placeholder correctly [Mobile Safari] › src/components/select/test/states/select.e2e.ts:18:9 › select: states - ios/ltr › should render enabled select with a va
🎭 Playwright Run Summary
209 failed [Mobile Safari] › src/components/toast/test/basic/toast.e2e.ts:54:9 › toast: position rendering - ios/ltr › should render toast at the top [Mobile Safari] › src/components/toast/test/basic/toast.e2e.ts:58:9 › toast: position rendering - ios/ltr › should render toast at the middle [Mobile Safari] › src/components/toast/test/basic/toast.e2e.ts:62:9 › toast: position rendering - ios/ltr › should render toast at the bottom [Mobile Safari] › src/components/toast/test/basic/toast.e2e.ts:68:9 › toast: color rendering - ios/ltr › should set color correctly [Mobile Safari] › src/components/toast/test/basic/toast.e2e.ts:77:9 › toast: text wrapping - ios/ltr › should wrap text correctly [Mobile Safari] › src/components/toast/test/basic/toast.e2e.ts:54:9 › toast: position rendering - md/ltr › should render toast at the top [Mobile Safari] › src/components/toast/test/basic/toast.e2e.ts:58:9 › toast: position rendering - md/ltr › should render toast at the middle [Mobile Safari] › src/components/toast/test/basic/toast.e2e.ts:62:9 › toast: position rendering - md/ltr › should render toast at the bottom [Mobile Safari] › src/components/toast/test/basic/toast.e2e.ts:68:9 › toast: color rendering - md/ltr › should set color correctly [Mobile Safari] › src/components/toast/test/basic/toast.e2e.ts:77:9 › toast: text wrapping - md/ltr › should wrap text correctly [Mobile Safari] › src/components/toast/test/basic/toast.e2e.ts:91:9 › toast: translucency - ios/ltr › should set translucency correctly [Mobile Safari] › src/components/toast/test/basic/toast.e2e.ts:100:9 › toast: translucency - ios/ltr › should set translucency correctly when color is provided [Mobile Safari] › src/components/toast/test/basic/toast.e2e.ts:120:9 › toast: properties - ios/ltr › should correctly set custom class [Mobile Safari] › src/components/toast/test/basic/toast.e2e.ts:135:9 › toast: rendering - ios/ltr › should set buttons correctly [Mobile Safari] › src/components/toast/test/basic/toast.e2e.ts:140:9 › toast: rendering - ios/ltr › should set start/end positioning correctly [Mobile Safari] › src/components/toast/test/basic/toast.e2e.ts:135:9 › toast: rendering - ios/rtl › should set buttons correctly [Mobile Safari] › src/components/toast/test/basic/toast.e2e.ts:140:9 › toast: rendering - ios/rtl › should set start/end positioning correctly [Mobile Safari] › src/components/toast/test/basic/toast.e2e.ts:135:9 › toast: rendering - md/ltr › should set buttons correctly [Mobile Safari] › src/components/toast/test/basic/toast.e2e.ts:140:9 › toast: rendering - md/ltr › should set start/end positioning correctly [Mobile Safari] › src/components/toast/test/basic/toast.e2e.ts:135:9 › toast: rendering - md/rtl › should set buttons correctly [Mobile Safari] › src/components/toast/test/basic/toast.e2e.ts:140:9 › toast: rendering - md/rtl › should set start/end positioning correctly [Mobile Safari] › src/components/toast/test/is-open/toast.e2e.ts:9:9 › toast: isOpen - ios/ltr › should open and close the toast [Mobile Safari] › src/components/toast/test/is-open/toast.e2e.ts:28:9 › toast: isOpen - ios/ltr › should open if isOpen is true on load [Mobile Safari] › src/components/toast/test/layout/toast.e2e.ts:6:9 › toast: stacked layout - ios/ltr › should render stacked buttons [Mobile Safari] › src/components/toast/test/layout/toast.e2e.ts:6:9 › toast: stacked layout - ios/rtl › should render stacked buttons [Mobile Safari] › src/components/toast/test/layout/toast.e2e.ts:6:9 › toast: stacked layout - md/ltr › should render stacked buttons [Mobile Safari] › src/components/toast/test/layout/toast.e2e.ts:6:9 › toast: stacked layout - md/rtl › should render stacked buttons [Mobile Safari] › src/components/toast/test/position-anchor/toast.e2e.ts:20:9 › toast: positionAnchor - ios/ltr › should place top-position toast underneath anchor [Mobile Safari] › src/components/toast/test/position-anchor/toast.e2e.ts:29:9 › toast: positionA
🎭 Playwright Run Summary
410 failed [Mobile Chrome] › src/components/segment/test/a11y/segment.e2e.ts:10:9 › segment: a11y for ion-color() - md/ltr › should not have accessibility violations [Mobile Chrome] › src/components/segment/test/a11y/segment.e2e.ts:10:9 › segment: a11y for ion-color() - md/ltr/dark › should not have accessibility violations [Mobile Chrome] › src/components/segment/test/basic/segment.e2e.ts:6:9 › segment: rendering - ios/ltr › should not have visual regressions when no value is selected [Mobile Chrome] › src/components/segment/test/basic/segment.e2e.ts:28:9 › segment: rendering - ios/ltr › should not have visual regressions when a value is selected [Mobile Chrome] › src/components/segment/test/basic/segment.e2e.ts:6:9 › segment: rendering - ios/rtl › should not have visual regressions when no value is selected [Mobile Chrome] › src/components/segment/test/basic/segment.e2e.ts:28:9 › segment: rendering - ios/rtl › should not have visual regressions when a value is selected [Mobile Chrome] › src/components/segment/test/basic/segment.e2e.ts:6:9 › segment: rendering - md/ltr › should not have visual regressions when no value is selected [Mobile Chrome] › src/components/segment/test/basic/segment.e2e.ts:28:9 › segment: rendering - md/ltr › should not have visual regressions when a value is selected [Mobile Chrome] › src/components/segment/test/basic/segment.e2e.ts:6:9 › segment: rendering - md/rtl › should not have visual regressions when no value is selected [Mobile Chrome] › src/components/segment/test/basic/segment.e2e.ts:28:9 › segment: rendering - md/rtl › should not have visual regressions when a value is selected [Mobile Chrome] › src/components/segment/test/basic/segment.e2e.ts:58:9 › segment: feature rendering - ios/ltr › should not have visual regressions when an item is disabled [Mobile Chrome] › src/components/segment/test/basic/segment.e2e.ts:81:9 › segment: feature rendering - ios/ltr › should not have visual regressions with color [Mobile Chrome] › src/components/segment/test/basic/segment.e2e.ts:58:9 › segment: feature rendering - md/ltr › should not have visual regressions when an item is disabled [Mobile Chrome] › src/components/segment/test/basic/segment.e2e.ts:81:9 › segment: feature rendering - md/ltr › should not have visual regressions with color [Mobile Chrome] › src/components/segment/test/custom/segment.e2e.ts:6:9 › segment: custom - ios/ltr › should not have visual regressions [Mobile Chrome] › src/components/segment/test/custom/segment.e2e.ts:6:9 › segment: custom - md/ltr › should not have visual regressions [Mobile Chrome] › src/components/segment/test/icon/segment.e2e.ts:6:9 › segment: icons - ios/ltr › should not have visual regressions [Mobile Chrome] › src/components/segment/test/icon/segment.e2e.ts:6:9 › segment: icons - ios/rtl › should not have visual regressions [Mobile Chrome] › src/components/segment/test/icon/segment.e2e.ts:6:9 › segment: icons - md/ltr › should not have visual regressions [Mobile Chrome] › src/components/segment/test/icon/segment.e2e.ts:6:9 › segment: icons - md/rtl › should not have visual regressions [Mobile Chrome] › src/components/segment/test/scrollable/segment.e2e.ts:6:9 › segment: scrollable (rendering) - ios/ltr › should not have visual regressions [Mobile Chrome] › src/components/segment/test/scrollable/segment.e2e.ts:6:9 › segment: scrollable (rendering) - ios/rtl › should not have visual regressions [Mobile Chrome] › src/components/segment/test/scrollable/segment.e2e.ts:6:9 › segment: scrollable (rendering) - md/ltr › should not have visual regressions [Mobile Chrome] › src/components/segment/test/scrollable/segment.e2e.ts:6:9 › segment: scrollable (rendering) - md/rtl › should not have visual regressions [Mobile Chrome] › src/components/segment/test/scrollable/segment.e2e.ts:51:9 › segment: scrollable (functionality) - md/ltr › should scroll active button into view when value is already set [Mobile Chrome] › src/components/segme
🎭 Playwright Run Summary
546 failed [Mobile Chrome] › src/components/textarea/test/highlight/textarea.e2e.ts:10:11 › textarea: highlights - ios/ltr › textarea: no fill › should render valid state correctly [Mobile Chrome] › src/components/textarea/test/highlight/textarea.e2e.ts:29:11 › textarea: highlights - ios/ltr › textarea: no fill › should render invalid state correctly [Mobile Chrome] › src/components/textarea/test/highlight/textarea.e2e.ts:48:11 › textarea: highlights - ios/ltr › textarea: no fill › should render focused state correctly [Mobile Chrome] › src/components/textarea/test/highlight/textarea.e2e.ts:67:11 › textarea: highlights - ios/ltr › textarea: no fill › should render custom highlight correctly [Mobile Chrome] › src/components/textarea/test/highlight/textarea.e2e.ts:119:11 › textarea: highlights - ios/ltr › textarea: solid › should render valid state correctly [Mobile Chrome] › src/components/textarea/test/highlight/textarea.e2e.ts:139:11 › textarea: highlights - ios/ltr › textarea: solid › should render invalid state correctly [Mobile Chrome] › src/components/textarea/test/highlight/textarea.e2e.ts:159:11 › textarea: highlights - ios/ltr › textarea: solid › should render focused state correctly [Mobile Chrome] › src/components/textarea/test/highlight/textarea.e2e.ts:179:11 › textarea: highlights - ios/ltr › textarea: solid › should render custom highlight correctly [Mobile Chrome] › src/components/textarea/test/highlight/textarea.e2e.ts:234:11 › textarea: highlights - ios/ltr › textarea: outline › should render valid state correctly [Mobile Chrome] › src/components/textarea/test/highlight/textarea.e2e.ts:254:11 › textarea: highlights - ios/ltr › textarea: outline › should render invalid state correctly [Mobile Chrome] › src/components/textarea/test/highlight/textarea.e2e.ts:274:11 › textarea: highlights - ios/ltr › textarea: outline › should render focused state correctly [Mobile Chrome] › src/components/textarea/test/highlight/textarea.e2e.ts:294:11 › textarea: highlights - ios/ltr › textarea: outline › should render custom highlight correctly [Mobile Chrome] › src/components/textarea/test/highlight/textarea.e2e.ts:10:11 › textarea: highlights - md/ltr › textarea: no fill › should render valid state correctly [Mobile Chrome] › src/components/textarea/test/highlight/textarea.e2e.ts:29:11 › textarea: highlights - md/ltr › textarea: no fill › should render invalid state correctly [Mobile Chrome] › src/components/textarea/test/highlight/textarea.e2e.ts:48:11 › textarea: highlights - md/ltr › textarea: no fill › should render focused state correctly [Mobile Chrome] › src/components/textarea/test/highlight/textarea.e2e.ts:67:11 › textarea: highlights - md/ltr › textarea: no fill › should render custom highlight correctly [Mobile Chrome] › src/components/textarea/test/highlight/textarea.e2e.ts:119:11 › textarea: highlights - md/ltr › textarea: solid › should render valid state correctly [Mobile Chrome] › src/components/textarea/test/highlight/textarea.e2e.ts:139:11 › textarea: highlights - md/ltr › textarea: solid › should render invalid state correctly [Mobile Chrome] › src/components/textarea/test/highlight/textarea.e2e.ts:159:11 › textarea: highlights - md/ltr › textarea: solid › should render focused state correctly [Mobile Chrome] › src/components/textarea/test/highlight/textarea.e2e.ts:179:11 › textarea: highlights - md/ltr › textarea: solid › should render custom highlight correctly [Mobile Chrome] › src/components/textarea/test/highlight/textarea.e2e.ts:234:11 › textarea: highlights - md/ltr › textarea: outline › should render valid state correctly [Mobile Chrome] › src/components/textarea/test/highlight/textarea.e2e.ts:254:11 › textarea: highlights - md/ltr › textarea: outline › should render invalid state correctly [Mobile Chrome] › src/components/textarea/test/highlight/textarea.e2e.ts:274:11 › textarea: highlights - md/ltr › textarea: outline › should render focused state correctly [Mobile Chrome] ›
🎭 Playwright Run Summary
423 failed [Mobile Firefox] › src/components/input/test/basic/input.e2e.ts:7:11 › input: basic - ios/ltr › input with overflow › should not have visual regressions [Mobile Firefox] › src/components/input/test/basic/input.e2e.ts:20:11 › input: basic - ios/ltr › input with placeholder › should not have visual regressions [Mobile Firefox] › src/components/input/test/basic/input.e2e.ts:34:11 › input: basic - ios/ltr › input with clear button › should not have visual regressions with default label [Mobile Firefox] › src/components/input/test/basic/input.e2e.ts:49:11 › input: basic - ios/ltr › input with clear button › should not have visual regressions with stacked label [Mobile Firefox] › src/components/input/test/basic/input.e2e.ts:7:11 › input: basic - ios/rtl › input with overflow › should not have visual regressions [Mobile Firefox] › src/components/input/test/basic/input.e2e.ts:20:11 › input: basic - ios/rtl › input with placeholder › should not have visual regressions [Mobile Firefox] › src/components/input/test/basic/input.e2e.ts:34:11 › input: basic - ios/rtl › input with clear button › should not have visual regressions with default label [Mobile Firefox] › src/components/input/test/basic/input.e2e.ts:49:11 › input: basic - ios/rtl › input with clear button › should not have visual regressions with stacked label [Mobile Firefox] › src/components/input/test/basic/input.e2e.ts:7:11 › input: basic - md/ltr › input with overflow › should not have visual regressions [Mobile Firefox] › src/components/input/test/basic/input.e2e.ts:20:11 › input: basic - md/ltr › input with placeholder › should not have visual regressions [Mobile Firefox] › src/components/input/test/basic/input.e2e.ts:34:11 › input: basic - md/ltr › input with clear button › should not have visual regressions with default label [Mobile Firefox] › src/components/input/test/basic/input.e2e.ts:49:11 › input: basic - md/ltr › input with clear button › should not have visual regressions with stacked label [Mobile Firefox] › src/components/input/test/basic/input.e2e.ts:7:11 › input: basic - md/rtl › input with overflow › should not have visual regressions [Mobile Firefox] › src/components/input/test/basic/input.e2e.ts:20:11 › input: basic - md/rtl › input with placeholder › should not have visual regressions [Mobile Firefox] › src/components/input/test/basic/input.e2e.ts:34:11 › input: basic - md/rtl › input with clear button › should not have visual regressions with default label [Mobile Firefox] › src/components/input/test/basic/input.e2e.ts:49:11 › input: basic - md/rtl › input with clear button › should not have visual regressions with stacked label [Mobile Firefox] › src/components/input/test/basic/input.e2e.ts:74:9 › input: clear button - ios/ltr › should clear the input when pressed [Mobile Firefox] › src/components/input/test/basic/input.e2e.ts:98:9 › input: clear button - ios/ltr › should keep the input focused when the clear button is pressed [Mobile Firefox] › src/components/input/test/basic/input.e2e.ts:119:9 › input: clear button - ios/ltr › should inherit color when used in item with color property [Mobile Firefox] › src/components/input/test/bottom-content/input.e2e.ts:6:9 › input: bottom content - ios/ltr › entire input component should render correctly with no fill [Mobile Firefox] › src/components/input/test/bottom-content/input.e2e.ts:16:9 › input: bottom content - ios/ltr › entire input component should render correctly with solid fill [Mobile Firefox] › src/components/input/test/bottom-content/input.e2e.ts:26:9 › input: bottom content - ios/ltr › entire input component should render correctly with outline fill [Mobile Firefox] › src/components/input/test/bottom-content/input.e2e.ts:6:9 › input: bottom content - md/ltr › entire input component should render correctly with no fill [Mobile Firefox] › src/components/input/test/bottom-content/input.e2e.ts:16:9 › input: bottom content - md/ltr › entire input component should rend
🎭 Playwright Run Summary
408 failed [Mobile Safari] › src/components/datetime/test/time-label/datetime.e2e.ts:6:9 › datetime: time label - ios/ltr › should render default time label [Mobile Safari] › src/components/datetime/test/time-label/datetime.e2e.ts:18:9 › datetime: time label - ios/ltr › should not render a custom time label [Mobile Safari] › src/components/datetime/test/values/datetime.e2e.ts:6:9 › datetime: values - ios/ltr › should render correct days [Mobile Safari] › src/components/datetime/test/values/datetime.e2e.ts:68:9 › datetime: values - ios/ltr › should adjust default parts for allowed hour and minute values [Mobile Safari] › src/components/datetime/test/values/datetime.e2e.ts:116:9 › datetime: values - ios/ltr › should adjust default parts month for allowed month values [Mobile Safari] › src/components/datetime/test/values/datetime.e2e.ts:148:9 › datetime: values - ios/ltr › today date highlight should persist even if disallowed from dayValues [Mobile Safari] › src/components/datetime-button/test/a11y/datetime-button.e2e.ts:9:9 › datetime-button: font scaling - ios/ltr › should scale text on larger font sizes [Mobile Safari] › src/components/datetime-button/test/a11y/datetime-button.e2e.ts:28:9 › datetime-button: font scaling - ios/ltr › should wrap text on larger font sizes [Mobile Safari] › src/components/datetime-button/test/basic/datetime-button.e2e.ts:6:9 › datetime-button: basic - ios/ltr › should not have visual regressions [Mobile Safari] › src/components/datetime-button/test/basic/datetime-button.e2e.ts:6:9 › datetime-button: basic - ios/rtl › should not have visual regressions [Mobile Safari] › src/components/datetime-button/test/basic/datetime-button.e2e.ts:6:9 › datetime-button: basic - md/ltr › should not have visual regressions [Mobile Safari] › src/components/datetime-button/test/basic/datetime-button.e2e.ts:6:9 › datetime-button: basic - md/rtl › should not have visual regressions [Mobile Safari] › src/components/datetime-button/test/basic/datetime-button.e2e.ts:37:9 › datetime-button: switching to correct view - md/ltr › should switch to a date-only view when the date button is clicked [Mobile Safari] › src/components/datetime-button/test/basic/datetime-button.e2e.ts:46:9 › datetime-button: switching to correct view - md/ltr › should switch to a time-only view when the time button is clicked [Mobile Safari] › src/components/datetime-button/test/basic/datetime-button.e2e.ts:57:9 › datetime-button: labels - md/ltr › should set date and time labels in separate buttons [Mobile Safari] › src/components/datetime-button/test/basic/datetime-button.e2e.ts:70:9 › datetime-button: labels - md/ltr › should set only month and year [Mobile Safari] › src/components/datetime-button/test/basic/datetime-button.e2e.ts:83:9 › datetime-button: labels - md/ltr › should set only year [Mobile Safari] › src/components/datetime-button/test/basic/datetime-button.e2e.ts:96:9 › datetime-button: labels - md/ltr › should set only month [Mobile Safari] › src/components/datetime-button/test/basic/datetime-button.e2e.ts:109:9 › datetime-button: labels - md/ltr › should set only time [Mobile Safari] › src/components/datetime-button/test/basic/datetime-button.e2e.ts:122:9 › datetime-button: labels - md/ltr › should update the label when the value of the datetime changes [Mobile Safari] › src/components/datetime-button/test/basic/datetime-button.e2e.ts:142:9 › datetime-button: labels - md/ltr › should set only month and year when only passing month and year [Mobile Safari] › src/components/datetime-button/test/basic/datetime-button.e2e.ts:160:9 › datetime-button: labels - md/ltr › should set only year when passing only year [Mobile Safari] › src/components/datetime-button/test/basic/datetime-button.e2e.ts:181:9 › datetime-button: locale - md/ltr › should use the same locale as datetime [Mobile Safari] › src/components/datetime-button/test/basic/datetime-button.e2e.ts:199:9 › datetime-button: locale - md/ltr › should respect ho
🎭 Playwright Run Summary
497 failed [Mobile Safari] › src/components/radio/test/color/radio.e2e.ts:6:9 › radio: color - ios/ltr › should apply color when checked [Mobile Safari] › src/components/radio/test/color/radio.e2e.ts:20:9 › radio: color - ios/ltr › should not apply color when unchecked [Mobile Safari] › src/components/radio/test/color/radio.e2e.ts:6:9 › radio: color - md/ltr › should apply color when checked [Mobile Safari] › src/components/radio/test/color/radio.e2e.ts:20:9 › radio: color - md/ltr › should not apply color when unchecked [Mobile Safari] › src/components/radio/test/item/radio.e2e.ts:6:9 › radio: item - ios/ltr › should render correctly in list [Mobile Safari] › src/components/radio/test/item/radio.e2e.ts:22:9 › radio: item - ios/ltr › should render correctly in inset list [Mobile Safari] › src/components/radio/test/item/radio.e2e.ts:6:9 › radio: item - ios/rtl › should render correctly in list [Mobile Safari] › src/components/radio/test/item/radio.e2e.ts:22:9 › radio: item - ios/rtl › should render correctly in inset list [Mobile Safari] › src/components/radio/test/item/radio.e2e.ts:6:9 › radio: item - md/ltr › should render correctly in list [Mobile Safari] › src/components/radio/test/item/radio.e2e.ts:22:9 › radio: item - md/ltr › should render correctly in inset list [Mobile Safari] › src/components/radio/test/item/radio.e2e.ts:6:9 › radio: item - md/rtl › should render correctly in list [Mobile Safari] › src/components/radio/test/item/radio.e2e.ts:22:9 › radio: item - md/rtl › should render correctly in inset list [Mobile Safari] › src/components/radio/test/item/radio.e2e.ts:43:9 › radio: long label in item - md/ltr › should render margins correctly when using long label in item [Mobile Safari] › src/components/radio/test/item/radio.e2e.ts:64:9 › radio: stacked label in item - md/ltr › should render margins correctly when using stacked label in item [Mobile Safari] › src/components/radio/test/item/radio.e2e.ts:83:9 › radio: ionChange - md/ltr › clicking padded space within item should click the radio [Mobile Safari] › src/components/radio/test/label-placement/radio.e2e.ts:13:11 › radio: label - ios/ltr › radio: default placement › should render a space between justification with a full width radio [Mobile Safari] › src/components/radio/test/label-placement/radio.e2e.ts:29:11 › radio: label - ios/ltr › radio: default placement › should truncate long labels with ellipses [Mobile Safari] › src/components/radio/test/label-placement/radio.e2e.ts:49:11 › radio: label - ios/ltr › radio: start placement › should render a start justification with label in the start position [Mobile Safari] › src/components/radio/test/label-placement/radio.e2e.ts:62:11 › radio: label - ios/ltr › radio: start placement › should render an end justification with label in the start position [Mobile Safari] › src/components/radio/test/label-placement/radio.e2e.ts:75:11 › radio: label - ios/ltr › radio: start placement › should render a space between justification with label in the start position [Mobile Safari] › src/components/radio/test/label-placement/radio.e2e.ts:89:11 › radio: label - ios/ltr › radio: start placement › should truncate long labels with ellipses [Mobile Safari] › src/components/radio/test/label-placement/radio.e2e.ts:107:11 › radio: label - ios/ltr › radio: end placement › should render a start justification with label in the end position [Mobile Safari] › src/components/radio/test/label-placement/radio.e2e.ts:120:11 › radio: label - ios/ltr › radio: end placement › should render an end justification with label in the end position [Mobile Safari] › src/components/radio/test/label-placement/radio.e2e.ts:133:11 › radio: label - ios/ltr › radio: end placement › should render a space between justification with label in the end position [Mobile Safari] › src/components/radio/test/label-placement/radio.e2e.ts:149:11 › radio: label - ios/ltr › radio: fixed placement › should render a start justification with labe
🎭 Playwright Run Summary
370 failed [Mobile Firefox] › src/components/range/test/range-events.e2e.ts:10:11 › range: events: - ios/ltr › range: knob events › should emit start/end events [Mobile Firefox] › src/components/range/test/range-events.e2e.ts:62:11 › range: events: - ios/ltr › range: knob events › should emit start/end events, keyboard [Mobile Firefox] › src/components/range/test/range-events.e2e.ts:78:11 › range: events: - ios/ltr › range: knob events › should emit end event on tap [Mobile Firefox] › src/components/range/test/range-events.e2e.ts:137:11 › range: events: - ios/ltr › ionChange › should emit when the knob is released [Mobile Firefox] › src/components/range/test/range-events.e2e.ts:163:11 › range: events: - ios/ltr › ionChange › should emit when the knob is moved with the keyboard [Mobile Firefox] › src/components/range/test/range-events.e2e.ts:194:11 › range: events: - ios/ltr › ionInput › should emit when the knob is dragged [Mobile Firefox] › src/components/range/test/range-events.e2e.ts:220:11 › range: events: - ios/ltr › ionInput › should emit when the knob is moved with the keyboard [Mobile Firefox] › src/components/range/test/scroll/range.e2e.ts:9:9 › range: scroll - ios/ltr › should not scroll when the knob is being dragged [Mobile Firefox] › src/components/range/test/scroll-target/range.e2e.ts:9:9 › range: scroll-target - md/ltr › should not scroll when the knob is swiped in custom scroll target [Mobile Firefox] › src/components/range/test/states/range.e2e.ts:6:9 › range: states - ios/ltr › should render enabled state [Mobile Firefox] › src/components/range/test/states/range.e2e.ts:23:9 › range: states - ios/ltr › should render disabled state [Mobile Firefox] › src/components/range/test/states/range.e2e.ts:40:9 › range: states - ios/ltr › should render disabled state with a value [Mobile Firefox] › src/components/range/test/states/range.e2e.ts:57:9 › range: states - ios/ltr › should render disabled state with ticks [Mobile Firefox] › src/components/range/test/states/range.e2e.ts:6:9 › range: states - md/ltr › should render enabled state [Mobile Firefox] › src/components/range/test/states/range.e2e.ts:23:9 › range: states - md/ltr › should render disabled state [Mobile Firefox] › src/components/range/test/states/range.e2e.ts:40:9 › range: states - md/ltr › should render disabled state with a value [Mobile Firefox] › src/components/range/test/states/range.e2e.ts:57:9 › range: states - md/ltr › should render disabled state with ticks [Mobile Firefox] › src/components/refresher/test/a11y/refresher.e2e.ts:7:9 › refresher: a11y for ion-color() - md/ltr › should not have accessibility violations [Mobile Firefox] › src/components/refresher/test/a11y/refresher.e2e.ts:7:9 › refresher: a11y for ion-color() - md/ltr/dark › should not have accessibility violations [Mobile Firefox] › src/components/refresher/test/basic/refresher.e2e.ts:16:11 › refresher: basic - ios/ltr › legacy refresher › should load more items when performing a pull-to-refresh [Mobile Firefox] › src/components/refresher/test/basic/refresher.e2e.ts:28:11 › refresher: basic - ios/ltr › native refresher › should load more items when performing a pull-to-refresh [Mobile Firefox] › src/components/refresher/test/basic/refresher.e2e.ts:16:11 › refresher: basic - md/ltr › legacy refresher › should load more items when performing a pull-to-refresh [Mobile Firefox] › src/components/refresher/test/basic/refresher.e2e.ts:28:11 › refresher: basic - md/ltr › native refresher › should load more items when performing a pull-to-refresh [Mobile Firefox] › src/components/refresher/test/fullscreen/refresher.e2e.ts:57:11 › refresher: fullscreen content - ios/ltr › legacy refresher › should display when content is fullscreen [Mobile Firefox] › src/components/refresher/test/fullscreen/refresher.e2e.ts:57:11 › refresher: fullscreen content - md/ltr › legacy refresher › should display when content is fullscreen [Mobile Firefox] › src/components/refresher/t
🎭 Playwright Run Summary
221 failed [Mobile Firefox] › src/components/toggle/test/sizes/toggle.e2e.ts:6:9 › toggle: sizes - ios/ltr › should not have visual regressions [Mobile Firefox] › src/components/toggle/test/sizes/toggle.e2e.ts:6:9 › toggle: sizes - ios/rtl › should not have visual regressions [Mobile Firefox] › src/components/toggle/test/sizes/toggle.e2e.ts:6:9 › toggle: sizes - md/ltr › should not have visual regressions [Mobile Firefox] › src/components/toggle/test/sizes/toggle.e2e.ts:6:9 › toggle: sizes - md/rtl › should not have visual regressions [Mobile Firefox] › src/components/toggle/test/states/toggle.e2e.ts:6:9 › toggle: states - ios/ltr › should render disabled toggle correctly [Mobile Firefox] › src/components/toggle/test/states/toggle.e2e.ts:18:9 › toggle: states - ios/ltr › should render checked toggle correctly [Mobile Firefox] › src/components/toggle/test/states/toggle.e2e.ts:30:9 › toggle: states - ios/ltr › should render unchecked toggle correctly [Mobile Firefox] › src/components/toggle/test/states/toggle.e2e.ts:6:9 › toggle: states - md/ltr › should render disabled toggle correctly [Mobile Firefox] › src/components/toggle/test/states/toggle.e2e.ts:18:9 › toggle: states - md/ltr › should render checked toggle correctly [Mobile Firefox] › src/components/toggle/test/states/toggle.e2e.ts:30:9 › toggle: states - md/ltr › should render unchecked toggle correctly [Mobile Firefox] › src/components/toolbar/test/basic/toolbar.e2e.ts:6:9 › toolbar: basic (LTR only) - ios/ltr › should not have visual regressions with text only [Mobile Firefox] › src/components/toolbar/test/basic/toolbar.e2e.ts:6:9 › toolbar: basic (LTR only) - ios/ltr/dark › should not have visual regressions with text only [Mobile Firefox] › src/components/toolbar/test/basic/toolbar.e2e.ts:6:9 › toolbar: basic (LTR only) - md/ltr › should not have visual regressions with text only [Mobile Firefox] › src/components/toolbar/test/basic/toolbar.e2e.ts:6:9 › toolbar: basic (LTR only) - md/ltr/dark › should not have visual regressions with text only [Mobile Firefox] › src/components/toolbar/test/basic/toolbar.e2e.ts:26:9 › toolbar: basic - ios/ltr › should truncate long title with ellipsis [Mobile Firefox] › src/components/toolbar/test/basic/toolbar.e2e.ts:42:9 › toolbar: basic - ios/ltr › should not have visual regressions with icon-only buttons [Mobile Firefox] › src/components/toolbar/test/basic/toolbar.e2e.ts:87:9 › toolbar: basic - ios/ltr › should not have visual regressions with buttons with icons and text [Mobile Firefox] › src/components/toolbar/test/basic/toolbar.e2e.ts:26:9 › toolbar: basic - ios/ltr/dark › should truncate long title with ellipsis [Mobile Firefox] › src/components/toolbar/test/basic/toolbar.e2e.ts:42:9 › toolbar: basic - ios/ltr/dark › should not have visual regressions with icon-only buttons [Mobile Firefox] › src/components/toolbar/test/basic/toolbar.e2e.ts:87:9 › toolbar: basic - ios/ltr/dark › should not have visual regressions with buttons with icons and text [Mobile Firefox] › src/components/toolbar/test/basic/toolbar.e2e.ts:26:9 › toolbar: basic - ios/rtl › should truncate long title with ellipsis [Mobile Firefox] › src/components/toolbar/test/basic/toolbar.e2e.ts:42:9 › toolbar: basic - ios/rtl › should not have visual regressions with icon-only buttons [Mobile Firefox] › src/components/toolbar/test/basic/toolbar.e2e.ts:87:9 › toolbar: basic - ios/rtl › should not have visual regressions with buttons with icons and text [Mobile Firefox] › src/components/toolbar/test/basic/toolbar.e2e.ts:26:9 › toolbar: basic - ios/rtl/dark › should truncate long title with ellipsis [Mobile Firefox] › src/components/toolbar/test/basic/toolbar.e2e.ts:42:9 › toolbar: basic - ios/rtl/dark › should not have visual regressions with icon-only buttons [Mobile Firefox] › src/components/toolbar/test/basic/toolbar.e2e.ts:87:9 › toolbar: basic - ios/rtl/dark › should not have visual regressions with buttons with icons and text
🎭 Playwright Run Summary
435 failed [Mobile Firefox] › src/components/skeleton-text/test/custom/skeleton-text.e2e.ts:6:9 › skeleton-text: custom - ios/ltr › should not have visual regressions [Mobile Firefox] › src/components/skeleton-text/test/custom/skeleton-text.e2e.ts:6:9 › skeleton-text: custom - ios/rtl › should not have visual regressions [Mobile Firefox] › src/components/skeleton-text/test/custom/skeleton-text.e2e.ts:6:9 › skeleton-text: custom - md/ltr › should not have visual regressions [Mobile Firefox] › src/components/skeleton-text/test/custom/skeleton-text.e2e.ts:6:9 › skeleton-text: custom - md/rtl › should not have visual regressions [Mobile Firefox] › src/components/spinner/test/basic/spinner.e2e.ts:10:11 › spinner: basic - ios/ltr › spinner: visual regression tests › should not have visual regressions [Mobile Firefox] › src/components/spinner/test/basic/spinner.e2e.ts:10:11 › spinner: basic - ios/rtl › spinner: visual regression tests › should not have visual regressions [Mobile Firefox] › src/components/spinner/test/basic/spinner.e2e.ts:10:11 › spinner: basic - md/ltr › spinner: visual regression tests › should not have visual regressions [Mobile Firefox] › src/components/spinner/test/basic/spinner.e2e.ts:10:11 › spinner: basic - md/rtl › spinner: visual regression tests › should not have visual regressions [Mobile Firefox] › src/components/spinner/test/color/spinner.e2e.ts:13:11 › spinner: color - md/ltr › spinner: visual regression tests › should not have visual regressions [Mobile Firefox] › src/components/spinner/test/resize/spinner.e2e.ts:12:9 › spinner: resize - md/ltr › should not have visual regressions [Mobile Firefox] › src/components/split-pane/test/basic/split-pane.e2e.ts:6:9 › split-pane: basic - ios/ltr › should render on the correct side [Mobile Firefox] › src/components/split-pane/test/basic/split-pane.e2e.ts:6:9 › split-pane: basic - ios/rtl › should render on the correct side [Mobile Firefox] › src/components/split-pane/test/basic/split-pane.e2e.ts:6:9 › split-pane: basic - md/ltr › should render on the correct side [Mobile Firefox] › src/components/split-pane/test/basic/split-pane.e2e.ts:6:9 › split-pane: basic - md/rtl › should render on the correct side [Mobile Firefox] › src/components/split-pane/test/basic/split-pane.e2e.ts:23:9 › split-pane: functionality - ios/ltr › should expand on larger viewports [Mobile Firefox] › src/components/split-pane/test/basic/split-pane.e2e.ts:23:9 › split-pane: functionality - md/ltr › should expand on larger viewports [Mobile Firefox] › src/components/split-pane/test/multiple/split-pane.e2e.ts:6:9 › split-pane: multiple - ios/ltr › using multiple split panes should not hide a menu in another split pane [Mobile Firefox] › src/components/split-pane/test/wrapped-menu/split-pane.e2e.ts:6:9 › split-pane: functionality - ios/ltr › should be visible on larger viewports [Mobile Firefox] › src/components/split-pane/test/wrapped-menu/split-pane.e2e.ts:19:9 › split-pane: functionality - ios/ltr › should be visible on larger viewports when added async [Mobile Firefox] › src/components/tab-bar/test/basic/tab-bar.e2e.ts:12:11 › tab-bar: basic - ios/ltr › safe area › should have padding added by the safe area [Mobile Firefox] › src/components/tab-bar/test/basic/tab-bar.e2e.ts:12:11 › tab-bar: basic - ios/rtl › safe area › should have padding added by the safe area [Mobile Firefox] › src/components/tab-bar/test/basic/tab-bar.e2e.ts:12:11 › tab-bar: basic - md/ltr › safe area › should have padding added by the safe area [Mobile Firefox] › src/components/tab-bar/test/basic/tab-bar.e2e.ts:12:11 › tab-bar: basic - md/rtl › safe area › should have padding added by the safe area [Mobile Firefox] › src/components/tab-bar/test/custom/tab-bar.e2e.ts:6:9 › tab-bar: custom - ios/ltr › should render custom tab bar [Mobile Firefox] › src/components/tab-bar/test/custom/tab-bar.e2e.ts:6:9 › tab-bar: custom - md/ltr › should render custom tab bar [Mobile Firefox] › src/compo
🎭 Playwright Run Summary
416 failed [Mobile Chrome] › src/components/picker/test/a11y/picker.e2e.ts:7:9 › picker: a11y - ios/ltr › should not have accessibility violations [Mobile Chrome] › src/components/picker/test/a11y/picker.e2e.ts:7:9 › picker: a11y - ios/rtl › should not have accessibility violations [Mobile Chrome] › src/components/picker/test/a11y/picker.e2e.ts:7:9 › picker: a11y - md/ltr › should not have accessibility violations [Mobile Chrome] › src/components/picker/test/a11y/picker.e2e.ts:7:9 › picker: a11y - md/rtl › should not have accessibility violations [Mobile Chrome] › src/components/picker/test/basic/picker.e2e.ts:9:9 › picker: rendering - ios/ltr › inline pickers should not have visual regression [Mobile Chrome] › src/components/picker/test/basic/picker.e2e.ts:25:9 › picker: overlay rendering - ios/ltr › popover: should not have visual regression [Mobile Chrome] › src/components/picker/test/basic/picker.e2e.ts:51:9 › picker: overlay rendering - ios/ltr › modal: should not have visual regression [Mobile Chrome] › src/components/picker/test/basic/picker.e2e.ts:9:9 › picker: rendering - md/ltr › inline pickers should not have visual regression [Mobile Chrome] › src/components/picker/test/basic/picker.e2e.ts:25:9 › picker: overlay rendering - md/ltr › popover: should not have visual regression [Mobile Chrome] › src/components/picker/test/basic/picker.e2e.ts:51:9 › picker: overlay rendering - md/ltr › modal: should not have visual regression [Mobile Chrome] › src/components/picker/test/basic/picker.e2e.ts:108:9 › picker: focus - ios/ltr › tabbing should correctly move focus between columns [Mobile Chrome] › src/components/picker/test/basic/picker.e2e.ts:123:9 › picker: focus - ios/ltr › tabbing should correctly move focus back [Mobile Chrome] › src/components/picker/test/custom/picker.e2e.ts:58:9 › picker: custom - ios/ltr › should allow styling of the picker highlight [Mobile Chrome] › src/components/picker/test/custom/picker.e2e.ts:77:9 › picker: custom - ios/ltr › should allow styling of the picker fade [Mobile Chrome] › src/components/picker/test/custom/picker.e2e.ts:58:9 › picker: custom - md/ltr › should allow styling of the picker highlight [Mobile Chrome] › src/components/picker/test/custom/picker.e2e.ts:77:9 › picker: custom - md/ltr › should allow styling of the picker fade [Mobile Chrome] › src/components/picker/test/keyboard-entry/picker.e2e.ts:10:9 › picker: keyboard entry - ios/ltr › should scroll to and update the value prop for a single column [Mobile Chrome] › src/components/picker/test/keyboard-entry/picker.e2e.ts:50:9 › picker: keyboard entry - ios/ltr › should scroll to and update the value prop for multiple columns [Mobile Chrome] › src/components/picker/test/keyboard-entry/picker.e2e.ts:125:9 › picker: keyboard entry - ios/ltr › should select 00 [Mobile Chrome] › src/components/picker/test/keyboard-entry/picker.e2e.ts:166:9 › picker: keyboard entry - ios/ltr › pressing Enter should dismiss the keyboard [Mobile Chrome] › src/components/picker-column/test/disabled/picker-column.e2e.ts:77:9 › picker-column: disabled column rendering - ios/ltr › disabled column should not have visual regressions [Mobile Chrome] › src/components/picker-column/test/disabled/picker-column.e2e.ts:77:9 › picker-column: disabled column rendering - md/ltr › disabled column should not have visual regressions [Mobile Chrome] › src/components/picker-column/test/disabled/picker-column.e2e.ts:95:9 › picker-column: disabled column - ios/ltr › clicking option in disabled column should not change value [Mobile Chrome] › src/components/picker-column/test/slots/picker-column.e2e.ts:6:9 › picker-column: slots - ios/ltr › should not have visual regressions with prefix and suffix [Mobile Chrome] › src/components/picker-column/test/slots/picker-column.e2e.ts:26:9 › picker-column: slots - ios/ltr › should not have visual regressions with a long prefix and suffix [Mobile Chrome] › src/components/picker-column/test/slots/p

Artifacts

Produced during runtime
Name Size
ionic-angular-server
8.55 KB
ionic-core
5.36 MB
test-results-11-20
545 MB
test-results-12-20
511 MB
test-results-13-20
1.34 GB
test-results-16-20
541 MB
test-results-18-20
600 MB
test-results-19-20
437 MB
test-results-20-20
257 MB
test-results-3-20
543 MB
test-results-5-20
458 MB
test-results-6-20
552 MB
test-results-7-20
304 MB