fix(datetime): use ResizeObserver to reliably detect visibility changes #17752
ShaneKbuild.yml
on: pull_request
build-core
1m 17s
Matrix: test-core-screenshot
test-core-clean-build
10s
test-core-lint
47s
test-core-spec
39s
verify-screenshots
3s
Matrix: test-angular-e2e
Matrix: test-react-e2e
Matrix: test-react-router-e2e
Matrix: test-vue-e2e
verify-test-angular-e2e
4s
verify-test-react-e2e
2s
verify-test-react-router-e2e
2s
verify-test-vue-e2e
3s
Annotations
27 errors and 17 notices
|
test-core-spec
Process completed with exit code 1.
|
|
[Mobile Safari] › src/components/datetime-button/test/overlays/datetime-button.e2e.ts:30:9 › datetime-button: rendering - md/ltr › should size the popover correctly:
src/components/datetime-button/test/overlays/datetime-button.e2e.ts#L47
4) [Mobile Safari] › src/components/datetime-button/test/overlays/datetime-button.e2e.ts:30:9 › datetime-button: rendering - md/ltr › should size the popover correctly
Error: expect(page).toHaveScreenshot(expected) failed
1775 pixels (ratio 0.01 of all image pixels) are different.
Snapshot: datetime-overlay-popover-md-ltr.png
Call log:
- Expect "toHaveScreenshot(datetime-overlay-popover-md-ltr.png)" with timeout 5000ms
- verifying given screenshot expectation
- taking page screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- 1775 pixels (ratio 0.01 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
- 1775 pixels (ratio 0.01 of all image pixels) are different.
45 | await ionPopoverDidPresent.next();
46 |
> 47 | await expect(page).toHaveScreenshot(screenshot(`datetime-overlay-popover`));
| ^
48 | });
49 | });
50 | });
at /ionic/src/components/datetime-button/test/overlays/datetime-button.e2e.ts:47:26
|
|
[Mobile Safari] › src/components/datetime-button/test/overlays/datetime-button.e2e.ts:11:9 › datetime-button: rendering - md/ltr › should size the modal correctly:
src/components/datetime-button/test/overlays/datetime-button.e2e.ts#L27
3) [Mobile Safari] › src/components/datetime-button/test/overlays/datetime-button.e2e.ts:11:9 › datetime-button: rendering - md/ltr › should size the modal correctly
Retry #2 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(page).toHaveScreenshot(expected) failed
1769 pixels (ratio 0.01 of all image pixels) are different.
Snapshot: datetime-overlay-modal-md-ltr.png
Call log:
- Expect "toHaveScreenshot(datetime-overlay-modal-md-ltr.png)" with timeout 5000ms
- verifying given screenshot expectation
- taking page screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- 1769 pixels (ratio 0.01 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
- 1769 pixels (ratio 0.01 of all image pixels) are different.
25 | await ionModalDidPresent.next();
26 |
> 27 | await expect(page).toHaveScreenshot(screenshot(`datetime-overlay-modal`));
| ^
28 | });
29 |
30 | test('should size the popover correctly', async ({ page, skip }) => {
at /ionic/src/components/datetime-button/test/overlays/datetime-button.e2e.ts:27:26
|
|
[Mobile Safari] › src/components/datetime-button/test/overlays/datetime-button.e2e.ts:11:9 › datetime-button: rendering - md/ltr › should size the modal correctly:
src/components/datetime-button/test/overlays/datetime-button.e2e.ts#L27
3) [Mobile Safari] › src/components/datetime-button/test/overlays/datetime-button.e2e.ts:11:9 › datetime-button: rendering - md/ltr › should size the modal correctly
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(page).toHaveScreenshot(expected) failed
1769 pixels (ratio 0.01 of all image pixels) are different.
Snapshot: datetime-overlay-modal-md-ltr.png
Call log:
- Expect "toHaveScreenshot(datetime-overlay-modal-md-ltr.png)" with timeout 5000ms
- verifying given screenshot expectation
- taking page screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- 1769 pixels (ratio 0.01 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
- 1769 pixels (ratio 0.01 of all image pixels) are different.
25 | await ionModalDidPresent.next();
26 |
> 27 | await expect(page).toHaveScreenshot(screenshot(`datetime-overlay-modal`));
| ^
28 | });
29 |
30 | test('should size the popover correctly', async ({ page, skip }) => {
at /ionic/src/components/datetime-button/test/overlays/datetime-button.e2e.ts:27:26
|
|
[Mobile Safari] › src/components/datetime-button/test/overlays/datetime-button.e2e.ts:11:9 › datetime-button: rendering - md/ltr › should size the modal correctly:
src/components/datetime-button/test/overlays/datetime-button.e2e.ts#L27
3) [Mobile Safari] › src/components/datetime-button/test/overlays/datetime-button.e2e.ts:11:9 › datetime-button: rendering - md/ltr › should size the modal correctly
Error: expect(page).toHaveScreenshot(expected) failed
1769 pixels (ratio 0.01 of all image pixels) are different.
Snapshot: datetime-overlay-modal-md-ltr.png
Call log:
- Expect "toHaveScreenshot(datetime-overlay-modal-md-ltr.png)" with timeout 5000ms
- verifying given screenshot expectation
- taking page screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- 1769 pixels (ratio 0.01 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
- 1769 pixels (ratio 0.01 of all image pixels) are different.
25 | await ionModalDidPresent.next();
26 |
> 27 | await expect(page).toHaveScreenshot(screenshot(`datetime-overlay-modal`));
| ^
28 | });
29 |
30 | test('should size the popover correctly', async ({ page, skip }) => {
at /ionic/src/components/datetime-button/test/overlays/datetime-button.e2e.ts:27:26
|
|
[Mobile Safari] › src/components/datetime-button/test/overlays/datetime-button.e2e.ts:30:9 › datetime-button: rendering - ios/ltr › should size the popover correctly:
src/components/datetime-button/test/overlays/datetime-button.e2e.ts#L47
2) [Mobile Safari] › src/components/datetime-button/test/overlays/datetime-button.e2e.ts:30:9 › datetime-button: rendering - ios/ltr › should size the popover correctly
Retry #2 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(page).toHaveScreenshot(expected) failed
2326 pixels (ratio 0.01 of all image pixels) are different.
Snapshot: datetime-overlay-popover-ios-ltr.png
Call log:
- Expect "toHaveScreenshot(datetime-overlay-popover-ios-ltr.png)" with timeout 5000ms
- verifying given screenshot expectation
- taking page screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- 2326 pixels (ratio 0.01 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
- 2326 pixels (ratio 0.01 of all image pixels) are different.
45 | await ionPopoverDidPresent.next();
46 |
> 47 | await expect(page).toHaveScreenshot(screenshot(`datetime-overlay-popover`));
| ^
48 | });
49 | });
50 | });
at /ionic/src/components/datetime-button/test/overlays/datetime-button.e2e.ts:47:26
|
|
[Mobile Safari] › src/components/datetime-button/test/overlays/datetime-button.e2e.ts:30:9 › datetime-button: rendering - ios/ltr › should size the popover correctly:
src/components/datetime-button/test/overlays/datetime-button.e2e.ts#L47
2) [Mobile Safari] › src/components/datetime-button/test/overlays/datetime-button.e2e.ts:30:9 › datetime-button: rendering - ios/ltr › should size the popover correctly
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(page).toHaveScreenshot(expected) failed
2326 pixels (ratio 0.01 of all image pixels) are different.
Snapshot: datetime-overlay-popover-ios-ltr.png
Call log:
- Expect "toHaveScreenshot(datetime-overlay-popover-ios-ltr.png)" with timeout 5000ms
- verifying given screenshot expectation
- taking page screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- 2326 pixels (ratio 0.01 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
- 2326 pixels (ratio 0.01 of all image pixels) are different.
45 | await ionPopoverDidPresent.next();
46 |
> 47 | await expect(page).toHaveScreenshot(screenshot(`datetime-overlay-popover`));
| ^
48 | });
49 | });
50 | });
at /ionic/src/components/datetime-button/test/overlays/datetime-button.e2e.ts:47:26
|
|
[Mobile Safari] › src/components/datetime-button/test/overlays/datetime-button.e2e.ts:30:9 › datetime-button: rendering - ios/ltr › should size the popover correctly:
src/components/datetime-button/test/overlays/datetime-button.e2e.ts#L47
2) [Mobile Safari] › src/components/datetime-button/test/overlays/datetime-button.e2e.ts:30:9 › datetime-button: rendering - ios/ltr › should size the popover correctly
Error: expect(page).toHaveScreenshot(expected) failed
2326 pixels (ratio 0.01 of all image pixels) are different.
Snapshot: datetime-overlay-popover-ios-ltr.png
Call log:
- Expect "toHaveScreenshot(datetime-overlay-popover-ios-ltr.png)" with timeout 5000ms
- verifying given screenshot expectation
- taking page screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- 2326 pixels (ratio 0.01 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
- 2326 pixels (ratio 0.01 of all image pixels) are different.
45 | await ionPopoverDidPresent.next();
46 |
> 47 | await expect(page).toHaveScreenshot(screenshot(`datetime-overlay-popover`));
| ^
48 | });
49 | });
50 | });
at /ionic/src/components/datetime-button/test/overlays/datetime-button.e2e.ts:47:26
|
|
[Mobile Safari] › src/components/datetime-button/test/overlays/datetime-button.e2e.ts:11:9 › datetime-button: rendering - ios/ltr › should size the modal correctly:
src/components/datetime-button/test/overlays/datetime-button.e2e.ts#L27
1) [Mobile Safari] › src/components/datetime-button/test/overlays/datetime-button.e2e.ts:11:9 › datetime-button: rendering - ios/ltr › should size the modal correctly
Retry #2 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(page).toHaveScreenshot(expected) failed
2329 pixels (ratio 0.01 of all image pixels) are different.
Snapshot: datetime-overlay-modal-ios-ltr.png
Call log:
- Expect "toHaveScreenshot(datetime-overlay-modal-ios-ltr.png)" with timeout 5000ms
- verifying given screenshot expectation
- taking page screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- 2329 pixels (ratio 0.01 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
- 2329 pixels (ratio 0.01 of all image pixels) are different.
25 | await ionModalDidPresent.next();
26 |
> 27 | await expect(page).toHaveScreenshot(screenshot(`datetime-overlay-modal`));
| ^
28 | });
29 |
30 | test('should size the popover correctly', async ({ page, skip }) => {
at /ionic/src/components/datetime-button/test/overlays/datetime-button.e2e.ts:27:26
|
|
[Mobile Safari] › src/components/datetime-button/test/overlays/datetime-button.e2e.ts:11:9 › datetime-button: rendering - ios/ltr › should size the modal correctly:
src/components/datetime-button/test/overlays/datetime-button.e2e.ts#L27
1) [Mobile Safari] › src/components/datetime-button/test/overlays/datetime-button.e2e.ts:11:9 › datetime-button: rendering - ios/ltr › should size the modal correctly
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(page).toHaveScreenshot(expected) failed
2329 pixels (ratio 0.01 of all image pixels) are different.
Snapshot: datetime-overlay-modal-ios-ltr.png
Call log:
- Expect "toHaveScreenshot(datetime-overlay-modal-ios-ltr.png)" with timeout 5000ms
- verifying given screenshot expectation
- taking page screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- 2329 pixels (ratio 0.01 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
- 2329 pixels (ratio 0.01 of all image pixels) are different.
25 | await ionModalDidPresent.next();
26 |
> 27 | await expect(page).toHaveScreenshot(screenshot(`datetime-overlay-modal`));
| ^
28 | });
29 |
30 | test('should size the popover correctly', async ({ page, skip }) => {
at /ionic/src/components/datetime-button/test/overlays/datetime-button.e2e.ts:27:26
|
|
[Mobile Safari] › src/components/datetime-button/test/overlays/datetime-button.e2e.ts:11:9 › datetime-button: rendering - ios/ltr › should size the modal correctly:
src/components/datetime-button/test/overlays/datetime-button.e2e.ts#L27
1) [Mobile Safari] › src/components/datetime-button/test/overlays/datetime-button.e2e.ts:11:9 › datetime-button: rendering - ios/ltr › should size the modal correctly
Error: expect(page).toHaveScreenshot(expected) failed
2329 pixels (ratio 0.01 of all image pixels) are different.
Snapshot: datetime-overlay-modal-ios-ltr.png
Call log:
- Expect "toHaveScreenshot(datetime-overlay-modal-ios-ltr.png)" with timeout 5000ms
- verifying given screenshot expectation
- taking page screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- 2329 pixels (ratio 0.01 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
- 2329 pixels (ratio 0.01 of all image pixels) are different.
25 | await ionModalDidPresent.next();
26 |
> 27 | await expect(page).toHaveScreenshot(screenshot(`datetime-overlay-modal`));
| ^
28 | });
29 |
30 | test('should size the popover correctly', async ({ page, skip }) => {
at /ionic/src/components/datetime-button/test/overlays/datetime-button.e2e.ts:27:26
|
|
test-core-screenshot (4, 20)
The strategy configuration was canceled because "test-core-screenshot._16_20" failed
|
|
test-core-screenshot (4, 20)
The operation was canceled.
|
|
test-core-screenshot (15, 20)
The strategy configuration was canceled because "test-core-screenshot._16_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 (9, 20)
The strategy configuration was canceled because "test-core-screenshot._16_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 (2, 20)
The strategy configuration was canceled because "test-core-screenshot._16_20" failed
|
|
test-core-screenshot (2, 20)
Process completed with exit code 12.
|
|
test-core-screenshot (2, 20)
The operation was canceled.
|
|
verify-screenshots
Process completed with exit code 1.
|
|
test-angular-e2e (ng19)
Canceling since a higher priority waiting request for refs/pull/30864/merge exists
|
|
test-angular-e2e (ng19)
The operation was canceled.
|
|
verify-test-angular-e2e
Process completed with exit code 1.
|
|
Ionic Framework Build
Canceling since a higher priority waiting request for refs/pull/30864/merge exists
|
|
🎭 Playwright Run Summary
216 skipped
259 passed (2.3m)
|
|
🎭 Playwright Run Summary
535 passed (3.1m)
|
|
🎭 Playwright Run Summary
1 skipped
537 passed (3.2m)
|
|
🎭 Playwright Run Summary
1 skipped
534 passed (3.2m)
|
|
🎭 Playwright Run Summary
212 skipped
313 passed (3.6m)
|
|
🎭 Playwright Run Summary
4 skipped
515 passed (3.7m)
|
|
🎭 Playwright Run Summary
648 passed (4.2m)
|
|
🎭 Playwright Run Summary
10 skipped
503 passed (5.0m)
|
|
🎭 Playwright Run Summary
14 skipped
401 passed (5.3m)
|
|
🎭 Playwright Run Summary
1 skipped
538 passed (6.3m)
|
|
🎭 Playwright Run Summary
4 skipped
537 passed (6.6m)
|
|
🎭 Playwright Run Summary
10 skipped
529 passed (6.6m)
|
|
🎭 Playwright Run Summary
5 skipped
573 passed (6.6m)
|
|
🎭 Playwright Run Summary
1 skipped
528 passed (6.7m)
|
|
🎭 Playwright Run Summary
5 skipped
518 passed (7.1m)
|
|
🎭 Playwright Run Summary
5 failed
[Mobile Safari] › src/components/datetime-button/test/overlays/datetime-button.e2e.ts:11:9 › datetime-button: rendering - ios/ltr › should size the modal correctly
[Mobile Safari] › src/components/datetime-button/test/overlays/datetime-button.e2e.ts:30:9 › datetime-button: rendering - ios/ltr › should size the popover correctly
[Mobile Safari] › src/components/datetime-button/test/overlays/datetime-button.e2e.ts:11:9 › datetime-button: rendering - md/ltr › should size the modal correctly
[Mobile Safari] › src/components/datetime-button/test/overlays/datetime-button.e2e.ts:30:9 › datetime-button: rendering - md/ltr › should size the popover correctly
[Mobile Safari] › src/components/datetime-button/test/overlays/datetime-button.e2e.ts:179:9 › datetime-button: modal - md/ltr › should set datetime ready state and keep calendar interactive when reopening modal
5 skipped
508 passed (7.2m)
|
|
🎭 Playwright Run Summary
14 skipped
498 passed (7.2m)
|
Artifacts
Produced during runtime
| Name | Size | Digest | |
|---|---|---|---|
|
ionic-angular
|
667 KB |
sha256:ddc313eecf8a85c30eed0fd62139594e7b5fa825162c68df41bb530d896cd5bc
|
|
|
ionic-angular-server
|
8.55 KB |
sha256:21dd3f74c537863fc37b95878911b7697b24f73fedad773c2189ff9e031c1681
|
|
|
ionic-core
|
4.58 MB |
sha256:5074d5eab74a50ec86321bf74cd61ab3ee3fd2758faf5c5ed0c4361af7557627
|
|
|
ionic-react
|
211 KB |
sha256:66bf53151045196bae19412628dc1ee351577ad81127514f1e4de0b0bef852aa
|
|
|
ionic-react-router
|
27.9 KB |
sha256:009f764323b6b47bfe1599af5199ca1d0f831b03fb746f18705a9025c45cf2ef
|
|
|
ionic-vue
|
233 KB |
sha256:55720a23cecfc9f7c50b16fcd0e22584fe93f570eabcf6ace37d27a984007da4
|
|
|
ionic-vue-router
|
17 KB |
sha256:f17859d2050a0076e751e8fd2895100d6ce95f0662fe668cb7c02b5ad41be589
|
|
|
test-results-1-20
|
442 KB |
sha256:36fd4a3fd5a4aa6641f17a4cf27997cef2c0cd3b8d40b2aab6c2cf7a5c7fd2c8
|
|
|
test-results-10-20
|
461 KB |
sha256:437cbb88652800b320a0775271f750c20612408e6a804b7b5d2a0c2dda7cd1e1
|
|
|
test-results-11-20
|
504 KB |
sha256:72fff9ef65880a12994b1f0fc8b8d0ca4d9ed1d738714b596b25e2d912da3c79
|
|
|
test-results-12-20
|
443 KB |
sha256:7fc75a18afda79f1d4e8f69a36ede079ceffef3d18dd8c82cb4b4a5e3ae1c23d
|
|
|
test-results-13-20
|
449 KB |
sha256:1e29679d3ffc8f122ad44c16c5ba9f51127b954f042de681cbfca2914a510964
|
|
|
test-results-14-20
|
407 KB |
sha256:f7d3fe3513b4af62c85298ed51d40ac1aa8f8aede09299de4523e84f19fa6fc6
|
|
|
test-results-16-20
|
7.95 MB |
sha256:f842657594e6c5344ee56e50747b9ad8c88b15174852e4d0a938f5aa95e75060
|
|
|
test-results-17-20
|
530 KB |
sha256:ed27d3c0bfba26963e619680de210673e5db39a05ec1a97e34b900b5a96c585f
|
|
|
test-results-18-20
|
505 KB |
sha256:71984500d3eae48812c7dab49378a1d12d8ed8a4eb0ec1a20b11cb4fff7b8c53
|
|
|
test-results-19-20
|
396 KB |
sha256:0b530ddedd591dcc9b535bb85489c7e72e78bbc2686966732e163d720dddef3e
|
|
|
test-results-20-20
|
360 KB |
sha256:c866de3ef4573f40c7645bc5502178ad5fe4cfe0fd82303944dffcc95c0c8a1b
|
|
|
test-results-3-20
|
431 KB |
sha256:da8ad819f89f3e5fd730caf191b5fc9adc37fb61d960fcdcb29b4bc8910256bf
|
|
|
test-results-4-20
|
522 KB |
sha256:3ef620871cc8b54adade94cec71bf8c69b1db1d867a0f592b2aa8183c00de9f2
|
|
|
test-results-5-20
|
456 KB |
sha256:417e2b6450913a412604db44e0686e5295676477948684aa272ef6f4149ed5b2
|
|
|
test-results-6-20
|
447 KB |
sha256:f091210db1cabc7c8a1315080ba911e62caf16e5533f28d75de84e79040f3649
|
|
|
test-results-7-20
|
352 KB |
sha256:7ad5894c5935f289b19d11dbd9a4f3c5b6498e7e8e3f08b1581d76c1667af5dc
|
|
|
test-results-8-20
|
428 KB |
sha256:cd83611fcfd5738fbf44124ea49db78011d26294d8b8a7d07c3d6bc93d4cfae7
|
|