fix(datetime): use ResizeObserver to reliably detect visibility changes #17753
Annotations
10 errors and 1 notice
|
Run /./.github/workflows/actions/test-core-screenshot:
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
|
|
Run /./.github/workflows/actions/test-core-screenshot:
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
|
|
Run /./.github/workflows/actions/test-core-screenshot:
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
|
|
Run /./.github/workflows/actions/test-core-screenshot:
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
|
|
Run /./.github/workflows/actions/test-core-screenshot:
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
|
|
Run /./.github/workflows/actions/test-core-screenshot:
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
|
|
Run /./.github/workflows/actions/test-core-screenshot:
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
|
|
Run /./.github/workflows/actions/test-core-screenshot:
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
|
|
Run /./.github/workflows/actions/test-core-screenshot:
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
|
|
Run /./.github/workflows/actions/test-core-screenshot:
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
|
|
Run /./.github/workflows/actions/test-core-screenshot
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.4m)
|
Loading