Skip to content

fix(modal): respect safe area insets on popovers and modals #17919

fix(modal): respect safe area insets on popovers and modals

fix(modal): respect safe area insets on popovers and modals #17919

Triggered via pull request January 6, 2026 17:10
@ShaneKShaneK
synchronize #30889
FW-6830
Status Failure
Total duration 6m 26s
Artifacts 9

build.yml

on: pull_request
build-react
49s
build-react
build-vue
35s
build-vue
Matrix: test-core-screenshot
build-angular
59s
build-angular
build-angular-server
38s
build-angular-server
test-core-clean-build
9s
test-core-clean-build
test-core-lint
47s
test-core-lint
test-core-spec
49s
test-core-spec
build-react-router
23s
build-react-router
build-vue-router
44s
build-vue-router
verify-screenshots
2s
verify-screenshots
Matrix: test-angular-e2e
Matrix: test-react-e2e
Matrix: test-react-router-e2e
Matrix: test-vue-e2e
verify-test-angular-e2e
4s
verify-test-angular-e2e
verify-test-react-e2e
2s
verify-test-react-e2e
verify-test-react-router-e2e
2s
verify-test-react-router-e2e
verify-test-vue-e2e
3s
verify-test-vue-e2e
Fit to window
Zoom out
Zoom in

Annotations

73 errors and 2 notices
test-core-screenshot (7, 20)
Process completed with exit code 1.
[Mobile Chrome] › src/components/app/test/safe-area/app.e2e.ts:49:11 › app: safe-area - md/ltr › Capacitor safe area variables - md/ltr › should use safe-area-inset vars when safe-area class is not defined: src/components/app/test/safe-area/app.e2e.ts#L76
2) [Mobile Chrome] › src/components/app/test/safe-area/app.e2e.ts:49:11 › app: safe-area - md/ltr › Capacitor safe area variables - md/ltr › should use safe-area-inset vars when safe-area class is not defined Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(received).toBe(expected) // Object.is equality Expected: "10px" Received: "0px" 74 | ); 75 | > 76 | expect(top).toBe('10px'); | ^ 77 | expect(bottom).toBe('20px'); 78 | expect(left).toBe('30px'); 79 | expect(right).toBe('40px'); at /ionic/src/components/app/test/safe-area/app.e2e.ts:76:21
[Mobile Chrome] › src/components/app/test/safe-area/app.e2e.ts:49:11 › app: safe-area - md/ltr › Capacitor safe area variables - md/ltr › should use safe-area-inset vars when safe-area class is not defined: src/components/app/test/safe-area/app.e2e.ts#L76
2) [Mobile Chrome] › src/components/app/test/safe-area/app.e2e.ts:49:11 › app: safe-area - md/ltr › Capacitor safe area variables - md/ltr › should use safe-area-inset vars when safe-area class is not defined Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(received).toBe(expected) // Object.is equality Expected: "10px" Received: "0px" 74 | ); 75 | > 76 | expect(top).toBe('10px'); | ^ 77 | expect(bottom).toBe('20px'); 78 | expect(left).toBe('30px'); 79 | expect(right).toBe('40px'); at /ionic/src/components/app/test/safe-area/app.e2e.ts:76:21
[Mobile Chrome] › src/components/app/test/safe-area/app.e2e.ts:49:11 › app: safe-area - md/ltr › Capacitor safe area variables - md/ltr › should use safe-area-inset vars when safe-area class is not defined: src/components/app/test/safe-area/app.e2e.ts#L76
2) [Mobile Chrome] › src/components/app/test/safe-area/app.e2e.ts:49:11 › app: safe-area - md/ltr › Capacitor safe area variables - md/ltr › should use safe-area-inset vars when safe-area class is not defined Error: expect(received).toBe(expected) // Object.is equality Expected: "10px" Received: "0px" 74 | ); 75 | > 76 | expect(top).toBe('10px'); | ^ 77 | expect(bottom).toBe('20px'); 78 | expect(left).toBe('30px'); 79 | expect(right).toBe('40px'); at /ionic/src/components/app/test/safe-area/app.e2e.ts:76:21
[Mobile Chrome] › src/components/app/test/safe-area/app.e2e.ts:49:11 › app: safe-area - ios/ltr › Capacitor safe area variables - ios/ltr › should use safe-area-inset vars when safe-area class is not defined: src/components/app/test/safe-area/app.e2e.ts#L76
1) [Mobile Chrome] › src/components/app/test/safe-area/app.e2e.ts:49:11 › app: safe-area - ios/ltr › Capacitor safe area variables - ios/ltr › should use safe-area-inset vars when safe-area class is not defined Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(received).toBe(expected) // Object.is equality Expected: "10px" Received: "0px" 74 | ); 75 | > 76 | expect(top).toBe('10px'); | ^ 77 | expect(bottom).toBe('20px'); 78 | expect(left).toBe('30px'); 79 | expect(right).toBe('40px'); at /ionic/src/components/app/test/safe-area/app.e2e.ts:76:21
[Mobile Chrome] › src/components/app/test/safe-area/app.e2e.ts:49:11 › app: safe-area - ios/ltr › Capacitor safe area variables - ios/ltr › should use safe-area-inset vars when safe-area class is not defined: src/components/app/test/safe-area/app.e2e.ts#L76
1) [Mobile Chrome] › src/components/app/test/safe-area/app.e2e.ts:49:11 › app: safe-area - ios/ltr › Capacitor safe area variables - ios/ltr › should use safe-area-inset vars when safe-area class is not defined Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(received).toBe(expected) // Object.is equality Expected: "10px" Received: "0px" 74 | ); 75 | > 76 | expect(top).toBe('10px'); | ^ 77 | expect(bottom).toBe('20px'); 78 | expect(left).toBe('30px'); 79 | expect(right).toBe('40px'); at /ionic/src/components/app/test/safe-area/app.e2e.ts:76:21
[Mobile Chrome] › src/components/app/test/safe-area/app.e2e.ts:49:11 › app: safe-area - ios/ltr › Capacitor safe area variables - ios/ltr › should use safe-area-inset vars when safe-area class is not defined: src/components/app/test/safe-area/app.e2e.ts#L76
1) [Mobile Chrome] › src/components/app/test/safe-area/app.e2e.ts:49:11 › app: safe-area - ios/ltr › Capacitor safe area variables - ios/ltr › should use safe-area-inset vars when safe-area class is not defined Error: expect(received).toBe(expected) // Object.is equality Expected: "10px" Received: "0px" 74 | ); 75 | > 76 | expect(top).toBe('10px'); | ^ 77 | expect(bottom).toBe('20px'); 78 | expect(left).toBe('30px'); 79 | expect(right).toBe('40px'); at /ionic/src/components/app/test/safe-area/app.e2e.ts:76:21
test-core-screenshot (10, 20)
The strategy configuration was canceled because "test-core-screenshot._7_20" failed
[Mobile Chrome] › src/components/modal/test/basic/modal.e2e.ts:99:9 › modal: rendering - ios/rtl › should not have visual regressions with tablet viewport: src/components/modal/test/basic/modal.e2e.ts#L83
4) [Mobile Chrome] › src/components/modal/test/basic/modal.e2e.ts:99:9 › modal: rendering - ios/rtl › should not have visual regressions with tablet viewport Error: expect(page).toHaveScreenshot(expected) failed Expected an image 768px by 900px, received 768px by 880px. 33795 pixels (ratio 0.05 of all image pixels) are different. Snapshot: modal-basic-present-tablet-ios-rtl.png Call log: - Expect "toHaveScreenshot(modal-basic-present-tablet-ios-rtl.png)" with timeout 5000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - Expected an image 768px by 900px, received 768px by 880px. 33795 pixels (ratio 0.05 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 - Expected an image 768px by 900px, received 768px by 880px. 33795 pixels (ratio 0.05 of all image pixels) are different. 81 | await page.setIonViewport(); 82 | > 83 | await expect(page).toHaveScreenshot(screenshot(`modal-basic-present${screenshotModifier}`)); | ^ 84 | 85 | await modal.evaluate((el: HTMLIonModalElement) => { 86 | el.dismiss(); at runVisualTests (/ionic/src/components/modal/test/basic/modal.e2e.ts:83:26) at /ionic/src/components/modal/test/basic/modal.e2e.ts:101:7
[Mobile Chrome] › src/components/modal/test/basic/modal.e2e.ts:96:9 › modal: rendering - ios/rtl › should not have visual regressions: src/components/modal/test/basic/modal.e2e.ts#L83
3) [Mobile Chrome] › src/components/modal/test/basic/modal.e2e.ts:96:9 › modal: rendering - ios/rtl › should not have visual regressions Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) failed Expected an image 393px by 727px, received 393px by 707px. Snapshot: modal-basic-present-ios-rtl.png Call log: - Expect "toHaveScreenshot(modal-basic-present-ios-rtl.png)" with timeout 5000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - Expected an image 393px by 727px, received 393px by 707px. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - Expected an image 393px by 727px, received 393px by 707px. 81 | await page.setIonViewport(); 82 | > 83 | await expect(page).toHaveScreenshot(screenshot(`modal-basic-present${screenshotModifier}`)); | ^ 84 | 85 | await modal.evaluate((el: HTMLIonModalElement) => { 86 | el.dismiss(); at runVisualTests (/ionic/src/components/modal/test/basic/modal.e2e.ts:83:26) at /ionic/src/components/modal/test/basic/modal.e2e.ts:97:7
[Mobile Chrome] › src/components/modal/test/basic/modal.e2e.ts:96:9 › modal: rendering - ios/rtl › should not have visual regressions: src/components/modal/test/basic/modal.e2e.ts#L83
3) [Mobile Chrome] › src/components/modal/test/basic/modal.e2e.ts:96:9 › modal: rendering - ios/rtl › should not have visual regressions Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) failed Expected an image 393px by 727px, received 393px by 707px. Snapshot: modal-basic-present-ios-rtl.png Call log: - Expect "toHaveScreenshot(modal-basic-present-ios-rtl.png)" with timeout 5000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - Expected an image 393px by 727px, received 393px by 707px. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - Expected an image 393px by 727px, received 393px by 707px. 81 | await page.setIonViewport(); 82 | > 83 | await expect(page).toHaveScreenshot(screenshot(`modal-basic-present${screenshotModifier}`)); | ^ 84 | 85 | await modal.evaluate((el: HTMLIonModalElement) => { 86 | el.dismiss(); at runVisualTests (/ionic/src/components/modal/test/basic/modal.e2e.ts:83:26) at /ionic/src/components/modal/test/basic/modal.e2e.ts:97:7
[Mobile Chrome] › src/components/modal/test/basic/modal.e2e.ts:96:9 › modal: rendering - ios/rtl › should not have visual regressions: src/components/modal/test/basic/modal.e2e.ts#L83
3) [Mobile Chrome] › src/components/modal/test/basic/modal.e2e.ts:96:9 › modal: rendering - ios/rtl › should not have visual regressions Error: expect(page).toHaveScreenshot(expected) failed Expected an image 393px by 727px, received 393px by 707px. Snapshot: modal-basic-present-ios-rtl.png Call log: - Expect "toHaveScreenshot(modal-basic-present-ios-rtl.png)" with timeout 5000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - Expected an image 393px by 727px, received 393px by 707px. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - Expected an image 393px by 727px, received 393px by 707px. 81 | await page.setIonViewport(); 82 | > 83 | await expect(page).toHaveScreenshot(screenshot(`modal-basic-present${screenshotModifier}`)); | ^ 84 | 85 | await modal.evaluate((el: HTMLIonModalElement) => { 86 | el.dismiss(); at runVisualTests (/ionic/src/components/modal/test/basic/modal.e2e.ts:83:26) at /ionic/src/components/modal/test/basic/modal.e2e.ts:97:7
[Mobile Chrome] › src/components/modal/test/basic/modal.e2e.ts:99:9 › modal: rendering - ios/ltr › should not have visual regressions with tablet viewport: src/components/modal/test/basic/modal.e2e.ts#L83
2) [Mobile Chrome] › src/components/modal/test/basic/modal.e2e.ts:99:9 › modal: rendering - ios/ltr › should not have visual regressions with tablet viewport Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) failed Expected an image 768px by 900px, received 768px by 880px. 33816 pixels (ratio 0.05 of all image pixels) are different. Snapshot: modal-basic-present-tablet-ios-ltr.png Call log: - Expect "toHaveScreenshot(modal-basic-present-tablet-ios-ltr.png)" with timeout 5000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - Expected an image 768px by 900px, received 768px by 880px. 33816 pixels (ratio 0.05 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 - Expected an image 768px by 900px, received 768px by 880px. 33816 pixels (ratio 0.05 of all image pixels) are different. 81 | await page.setIonViewport(); 82 | > 83 | await expect(page).toHaveScreenshot(screenshot(`modal-basic-present${screenshotModifier}`)); | ^ 84 | 85 | await modal.evaluate((el: HTMLIonModalElement) => { 86 | el.dismiss(); at runVisualTests (/ionic/src/components/modal/test/basic/modal.e2e.ts:83:26) at /ionic/src/components/modal/test/basic/modal.e2e.ts:101:7
[Mobile Chrome] › src/components/modal/test/basic/modal.e2e.ts:99:9 › modal: rendering - ios/ltr › should not have visual regressions with tablet viewport: src/components/modal/test/basic/modal.e2e.ts#L83
2) [Mobile Chrome] › src/components/modal/test/basic/modal.e2e.ts:99:9 › modal: rendering - ios/ltr › should not have visual regressions with tablet viewport Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) failed Expected an image 768px by 900px, received 768px by 880px. 33816 pixels (ratio 0.05 of all image pixels) are different. Snapshot: modal-basic-present-tablet-ios-ltr.png Call log: - Expect "toHaveScreenshot(modal-basic-present-tablet-ios-ltr.png)" with timeout 5000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - Expected an image 768px by 900px, received 768px by 880px. 33816 pixels (ratio 0.05 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 - Expected an image 768px by 900px, received 768px by 880px. 33816 pixels (ratio 0.05 of all image pixels) are different. 81 | await page.setIonViewport(); 82 | > 83 | await expect(page).toHaveScreenshot(screenshot(`modal-basic-present${screenshotModifier}`)); | ^ 84 | 85 | await modal.evaluate((el: HTMLIonModalElement) => { 86 | el.dismiss(); at runVisualTests (/ionic/src/components/modal/test/basic/modal.e2e.ts:83:26) at /ionic/src/components/modal/test/basic/modal.e2e.ts:101:7
[Mobile Chrome] › src/components/modal/test/basic/modal.e2e.ts:99:9 › modal: rendering - ios/ltr › should not have visual regressions with tablet viewport: src/components/modal/test/basic/modal.e2e.ts#L83
2) [Mobile Chrome] › src/components/modal/test/basic/modal.e2e.ts:99:9 › modal: rendering - ios/ltr › should not have visual regressions with tablet viewport Error: expect(page).toHaveScreenshot(expected) failed Expected an image 768px by 900px, received 768px by 880px. 33816 pixels (ratio 0.05 of all image pixels) are different. Snapshot: modal-basic-present-tablet-ios-ltr.png Call log: - Expect "toHaveScreenshot(modal-basic-present-tablet-ios-ltr.png)" with timeout 5000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - Expected an image 768px by 900px, received 768px by 880px. 33816 pixels (ratio 0.05 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 - Expected an image 768px by 900px, received 768px by 880px. 33816 pixels (ratio 0.05 of all image pixels) are different. 81 | await page.setIonViewport(); 82 | > 83 | await expect(page).toHaveScreenshot(screenshot(`modal-basic-present${screenshotModifier}`)); | ^ 84 | 85 | await modal.evaluate((el: HTMLIonModalElement) => { 86 | el.dismiss(); at runVisualTests (/ionic/src/components/modal/test/basic/modal.e2e.ts:83:26) at /ionic/src/components/modal/test/basic/modal.e2e.ts:101:7
[Mobile Chrome] › src/components/modal/test/basic/modal.e2e.ts:96:9 › modal: rendering - ios/ltr › should not have visual regressions: src/components/modal/test/basic/modal.e2e.ts#L83
1) [Mobile Chrome] › src/components/modal/test/basic/modal.e2e.ts:96:9 › modal: rendering - ios/ltr › should not have visual regressions Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) failed Expected an image 393px by 727px, received 393px by 707px. Snapshot: modal-basic-present-ios-ltr.png Call log: - Expect "toHaveScreenshot(modal-basic-present-ios-ltr.png)" with timeout 5000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - Expected an image 393px by 727px, received 393px by 707px. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - Expected an image 393px by 727px, received 393px by 707px. 81 | await page.setIonViewport(); 82 | > 83 | await expect(page).toHaveScreenshot(screenshot(`modal-basic-present${screenshotModifier}`)); | ^ 84 | 85 | await modal.evaluate((el: HTMLIonModalElement) => { 86 | el.dismiss(); at runVisualTests (/ionic/src/components/modal/test/basic/modal.e2e.ts:83:26) at /ionic/src/components/modal/test/basic/modal.e2e.ts:97:7
[Mobile Chrome] › src/components/modal/test/basic/modal.e2e.ts:96:9 › modal: rendering - ios/ltr › should not have visual regressions: src/components/modal/test/basic/modal.e2e.ts#L83
1) [Mobile Chrome] › src/components/modal/test/basic/modal.e2e.ts:96:9 › modal: rendering - ios/ltr › should not have visual regressions Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) failed Expected an image 393px by 727px, received 393px by 707px. Snapshot: modal-basic-present-ios-ltr.png Call log: - Expect "toHaveScreenshot(modal-basic-present-ios-ltr.png)" with timeout 5000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - Expected an image 393px by 727px, received 393px by 707px. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - Expected an image 393px by 727px, received 393px by 707px. 81 | await page.setIonViewport(); 82 | > 83 | await expect(page).toHaveScreenshot(screenshot(`modal-basic-present${screenshotModifier}`)); | ^ 84 | 85 | await modal.evaluate((el: HTMLIonModalElement) => { 86 | el.dismiss(); at runVisualTests (/ionic/src/components/modal/test/basic/modal.e2e.ts:83:26) at /ionic/src/components/modal/test/basic/modal.e2e.ts:97:7
[Mobile Chrome] › src/components/modal/test/basic/modal.e2e.ts:96:9 › modal: rendering - ios/ltr › should not have visual regressions: src/components/modal/test/basic/modal.e2e.ts#L83
1) [Mobile Chrome] › src/components/modal/test/basic/modal.e2e.ts:96:9 › modal: rendering - ios/ltr › should not have visual regressions Error: expect(page).toHaveScreenshot(expected) failed Expected an image 393px by 727px, received 393px by 707px. Snapshot: modal-basic-present-ios-ltr.png Call log: - Expect "toHaveScreenshot(modal-basic-present-ios-ltr.png)" with timeout 5000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - Expected an image 393px by 727px, received 393px by 707px. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - Expected an image 393px by 727px, received 393px by 707px. 81 | await page.setIonViewport(); 82 | > 83 | await expect(page).toHaveScreenshot(screenshot(`modal-basic-present${screenshotModifier}`)); | ^ 84 | 85 | await modal.evaluate((el: HTMLIonModalElement) => { 86 | el.dismiss(); at runVisualTests (/ionic/src/components/modal/test/basic/modal.e2e.ts:83:26) at /ionic/src/components/modal/test/basic/modal.e2e.ts:97:7
test-core-screenshot (3, 20)
The strategy configuration was canceled because "test-core-screenshot._7_20" failed
test-core-screenshot (3, 20)
Process completed with exit code 12.
test-core-screenshot (3, 20)
The operation was canceled.
test-core-screenshot (2, 20)
The strategy configuration was canceled because "test-core-screenshot._7_20" failed
test-core-screenshot (2, 20)
Process completed with exit code 12.
test-core-screenshot (2, 20)
The operation was canceled.
test-core-screenshot (17, 20)
The strategy configuration was canceled because "test-core-screenshot._7_20" failed
test-core-screenshot (17, 20)
Process completed with exit code 12.
test-core-screenshot (17, 20)
The operation was canceled.
test-core-screenshot (5, 20)
The strategy configuration was canceled because "test-core-screenshot._7_20" failed
test-core-screenshot (5, 20)
Process completed with exit code 12.
test-core-screenshot (5, 20)
The operation was canceled.
test-core-screenshot (6, 20)
The strategy configuration was canceled because "test-core-screenshot._7_20" failed
test-core-screenshot (6, 20)
Process completed with exit code 12.
test-core-screenshot (6, 20)
The operation was canceled.
test-core-screenshot (15, 20)
The strategy configuration was canceled because "test-core-screenshot._7_20" failed
test-core-screenshot (15, 20)
Process completed with exit code 12.
test-core-screenshot (15, 20)
The operation was canceled.
test-core-screenshot (8, 20)
The strategy configuration was canceled because "test-core-screenshot._7_20" failed
test-core-screenshot (8, 20)
Process completed with exit code 12.
test-core-screenshot (8, 20)
The operation was canceled.
test-core-screenshot (9, 20)
The strategy configuration was canceled because "test-core-screenshot._7_20" failed
test-core-screenshot (9, 20)
Process completed with exit code 12.
test-core-screenshot (9, 20)
The operation was canceled.
test-core-screenshot (16, 20)
The strategy configuration was canceled because "test-core-screenshot._7_20" failed
test-core-screenshot (16, 20)
Process completed with exit code 12.
test-core-screenshot (16, 20)
The operation was canceled.
test-core-screenshot (11, 20)
The strategy configuration was canceled because "test-core-screenshot._7_20" failed
test-core-screenshot (1, 20)
The strategy configuration was canceled because "test-core-screenshot._7_20" failed
test-core-screenshot (11, 20)
Process completed with exit code 12.
test-core-screenshot (1, 20)
Process completed with exit code 12.
test-core-screenshot (4, 20)
The strategy configuration was canceled because "test-core-screenshot._7_20" failed
test-core-screenshot (11, 20)
The operation was canceled.
test-core-screenshot (1, 20)
The operation was canceled.
test-core-screenshot (4, 20)
Process completed with exit code 12.
test-core-screenshot (4, 20)
The operation was canceled.
test-core-screenshot (19, 20)
The strategy configuration was canceled because "test-core-screenshot._7_20" failed
test-core-screenshot (19, 20)
Process completed with exit code 12.
test-core-screenshot (19, 20)
The operation was canceled.
test-core-screenshot (14, 20)
The strategy configuration was canceled because "test-core-screenshot._7_20" failed
test-core-screenshot (14, 20)
Process completed with exit code 12.
test-core-screenshot (14, 20)
The operation was canceled.
test-core-screenshot (13, 20)
The strategy configuration was canceled because "test-core-screenshot._7_20" failed
test-core-screenshot (13, 20)
Process completed with exit code 12.
test-core-screenshot (13, 20)
The operation was canceled.
test-core-screenshot (18, 20)
The strategy configuration was canceled because "test-core-screenshot._7_20" failed
test-core-screenshot (18, 20)
Process completed with exit code 12.
test-core-screenshot (18, 20)
The operation was canceled.
test-core-screenshot (20, 20)
The strategy configuration was canceled because "test-core-screenshot._7_20" failed
test-core-screenshot (20, 20)
Process completed with exit code 12.
test-core-screenshot (20, 20)
The operation was canceled.
test-core-screenshot (12, 20)
The strategy configuration was canceled because "test-core-screenshot._7_20" failed
test-core-screenshot (12, 20)
Process completed with exit code 12.
test-core-screenshot (12, 20)
The operation was canceled.
verify-screenshots
Process completed with exit code 1.
🎭 Playwright Run Summary
2 failed [Mobile Chrome] › src/components/app/test/safe-area/app.e2e.ts:49:11 › app: safe-area - ios/ltr › Capacitor safe area variables - ios/ltr › should use safe-area-inset vars when safe-area class is not defined [Mobile Chrome] › src/components/app/test/safe-area/app.e2e.ts:49:11 › app: safe-area - md/ltr › Capacitor safe area variables - md/ltr › should use safe-area-inset vars when safe-area class is not defined 216 skipped 316 passed (2.9m)
🎭 Playwright Run Summary
8 failed [Mobile Chrome] › src/components/modal/test/basic/modal.e2e.ts:96:9 › modal: rendering - ios/ltr › should not have visual regressions [Mobile Chrome] › src/components/modal/test/basic/modal.e2e.ts:99:9 › modal: rendering - ios/ltr › should not have visual regressions with tablet viewport [Mobile Chrome] › src/components/modal/test/basic/modal.e2e.ts:96:9 › modal: rendering - ios/rtl › should not have visual regressions [Mobile Chrome] › src/components/modal/test/basic/modal.e2e.ts:99:9 › modal: rendering - ios/rtl › should not have visual regressions with tablet viewport [Mobile Chrome] › src/components/modal/test/basic/modal.e2e.ts:96:9 › modal: rendering - md/ltr › should not have visual regressions [Mobile Chrome] › src/components/modal/test/basic/modal.e2e.ts:99:9 › modal: rendering - md/ltr › should not have visual regressions with tablet viewport [Mobile Chrome] › src/components/modal/test/basic/modal.e2e.ts:96:9 › modal: rendering - md/rtl › should not have visual regressions [Mobile Chrome] › src/components/modal/test/basic/modal.e2e.ts:99:9 › modal: rendering - md/rtl › should not have visual regressions with tablet viewport 400 passed (3.2m)

Artifacts

Produced during runtime
Name Size Digest
ionic-angular
667 KB
sha256:9fbcb406923a7b0a19711f4af4838a5dca87aec4a969725641b45d9f820a6bcb
ionic-angular-server
8.55 KB
sha256:477386f0a4cbbcae606127775ff8ed241491f4b1178c93105a8fb62ff019d3a1
ionic-core
4.6 MB
sha256:f1dc8cb61bcd5fd925aebaa5ff6dac750884c7c2704666d6f3237abe3df6ef4b
ionic-react
212 KB
sha256:82c124c10f670ab5733eac389c81e7abdc5a48224ebaa3a1486b9b6384ddcfb6
ionic-react-router
27.9 KB
sha256:b50388270c16a854d7896d28e0baa2f96e9a563552631467402af8dfe5134db7
ionic-vue
234 KB
sha256:31c8a50a9d7abb87c808fa4de58bf7e01b9d10c20754b4a2193dcfc142f24be9
ionic-vue-router
17.1 KB
sha256:5ca76f0e8868475fb9d73b95cd3a9bbf7a2dc9f69a12ba109eab8879c853266b
test-results-10-20
11.6 MB
sha256:57f87442fde4075f39f0778df6213301c6fb0234e5a5985e8eefe5fb01eacb9a
test-results-7-20
3.03 MB
sha256:3be199073c22a6b5b99482aaaf04e7d43760882f56cac2c0d9693c6150c51acd