fix(addon-mobile): virtual-scroll flickers during scroll in zoneless mode #11081
Annotations
10 errors, 1 warning, and 2 notices
Run screenshot tests on dist/demo/browser/main:
projects/demo-playwright/tests/addon-mobile/mobile-calendar/input-date.pw.spec.ts#L26
1) [chromium] › tests/addon-mobile/mobile-calendar/input-date.pw.spec.ts:16:9 › InputDate and mobile user agent › InputDateRange
Error: expect(page).toHaveScreenshot(expected)
17957 pixels (ratio 0.02 of all image pixels) are different.
Expected: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/snapshots/tests/addon-mobile/mobile-calendar/input-date.pw.spec.ts-snapshots/01-input-date-range-mobile-1-chromium-linux.png
Received: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-addon-mobile-mobile--f9803-e-user-agent-InputDateRange-chromium/01-input-date-range-mobile-1-actual.png
Diff: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-addon-mobile-mobile--f9803-e-user-agent-InputDateRange-chromium/01-input-date-range-mobile-1-diff.png
Call log:
- expect.toHaveScreenshot(01-input-date-range-mobile-1.png) with timeout 5000ms
- verifying given screenshot expectation
- taking page screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- 17957 pixels (ratio 0.02 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
- 17957 pixels (ratio 0.02 of all image pixels) are different.
24 | await page.waitForTimeout(300); // safari flaky
25 |
> 26 | await expect(page).toHaveScreenshot('01-input-date-range-mobile-1.png');
| ^
27 |
28 | await page.locator(november).nth(0).click();
29 |
at /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests/addon-mobile/mobile-calendar/input-date.pw.spec.ts:26:28
|
Run screenshot tests on dist/demo/browser/main:
projects/demo-playwright/tests/addon-mobile/mobile-calendar/input-date.pw.spec.ts#L26
1) [chromium] › tests/addon-mobile/mobile-calendar/input-date.pw.spec.ts:16:9 › InputDate and mobile user agent › InputDateRange
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(page).toHaveScreenshot(expected)
17957 pixels (ratio 0.02 of all image pixels) are different.
Expected: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/snapshots/tests/addon-mobile/mobile-calendar/input-date.pw.spec.ts-snapshots/01-input-date-range-mobile-1-chromium-linux.png
Received: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-addon-mobile-mobile--f9803-e-user-agent-InputDateRange-chromium-retry1/01-input-date-range-mobile-1-actual.png
Diff: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-addon-mobile-mobile--f9803-e-user-agent-InputDateRange-chromium-retry1/01-input-date-range-mobile-1-diff.png
Call log:
- expect.toHaveScreenshot(01-input-date-range-mobile-1.png) with timeout 5000ms
- verifying given screenshot expectation
- taking page screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- 17957 pixels (ratio 0.02 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
- 17957 pixels (ratio 0.02 of all image pixels) are different.
24 | await page.waitForTimeout(300); // safari flaky
25 |
> 26 | await expect(page).toHaveScreenshot('01-input-date-range-mobile-1.png');
| ^
27 |
28 | await page.locator(november).nth(0).click();
29 |
at /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests/addon-mobile/mobile-calendar/input-date.pw.spec.ts:26:28
|
Run screenshot tests on dist/demo/browser/main:
projects/demo-playwright/tests/addon-mobile/mobile-calendar/input-date.pw.spec.ts#L26
1) [chromium] › tests/addon-mobile/mobile-calendar/input-date.pw.spec.ts:16:9 › InputDate and mobile user agent › InputDateRange
Retry #2 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(page).toHaveScreenshot(expected)
17957 pixels (ratio 0.02 of all image pixels) are different.
Expected: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/snapshots/tests/addon-mobile/mobile-calendar/input-date.pw.spec.ts-snapshots/01-input-date-range-mobile-1-chromium-linux.png
Received: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-addon-mobile-mobile--f9803-e-user-agent-InputDateRange-chromium-retry2/01-input-date-range-mobile-1-actual.png
Diff: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-addon-mobile-mobile--f9803-e-user-agent-InputDateRange-chromium-retry2/01-input-date-range-mobile-1-diff.png
Call log:
- expect.toHaveScreenshot(01-input-date-range-mobile-1.png) with timeout 5000ms
- verifying given screenshot expectation
- taking page screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- 17957 pixels (ratio 0.02 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
- 17957 pixels (ratio 0.02 of all image pixels) are different.
24 | await page.waitForTimeout(300); // safari flaky
25 |
> 26 | await expect(page).toHaveScreenshot('01-input-date-range-mobile-1.png');
| ^
27 |
28 | await page.locator(november).nth(0).click();
29 |
at /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests/addon-mobile/mobile-calendar/input-date.pw.spec.ts:26:28
|
Run screenshot tests on dist/demo/browser/main:
projects/demo-playwright/tests/addon-mobile/mobile-calendar/input-date.pw.spec.ts#L55
2) [chromium] › tests/addon-mobile/mobile-calendar/input-date.pw.spec.ts:45:9 › InputDate and mobile user agent › InputDateMulti
Error: expect(page).toHaveScreenshot(expected)
17957 pixels (ratio 0.02 of all image pixels) are different.
Expected: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/snapshots/tests/addon-mobile/mobile-calendar/input-date.pw.spec.ts-snapshots/02-input-date-range-mobile-1-chromium-linux.png
Received: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-addon-mobile-mobile--a1e65-e-user-agent-InputDateMulti-chromium/02-input-date-range-mobile-1-actual.png
Diff: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-addon-mobile-mobile--a1e65-e-user-agent-InputDateMulti-chromium/02-input-date-range-mobile-1-diff.png
Call log:
- expect.toHaveScreenshot(02-input-date-range-mobile-1.png) with timeout 5000ms
- verifying given screenshot expectation
- taking page screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- 17957 pixels (ratio 0.02 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
- 17957 pixels (ratio 0.02 of all image pixels) are different.
53 | await page.waitForTimeout(300); // safari flaky
54 |
> 55 | await expect(page).toHaveScreenshot('02-input-date-range-mobile-1.png');
| ^
56 |
57 | await page.locator(november).nth(0).click();
58 |
at /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests/addon-mobile/mobile-calendar/input-date.pw.spec.ts:55:28
|
Run screenshot tests on dist/demo/browser/main:
projects/demo-playwright/tests/addon-mobile/mobile-calendar/input-date.pw.spec.ts#L55
2) [chromium] › tests/addon-mobile/mobile-calendar/input-date.pw.spec.ts:45:9 › InputDate and mobile user agent › InputDateMulti
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(page).toHaveScreenshot(expected)
17957 pixels (ratio 0.02 of all image pixels) are different.
Expected: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/snapshots/tests/addon-mobile/mobile-calendar/input-date.pw.spec.ts-snapshots/02-input-date-range-mobile-1-chromium-linux.png
Received: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-addon-mobile-mobile--a1e65-e-user-agent-InputDateMulti-chromium-retry1/02-input-date-range-mobile-1-actual.png
Diff: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-addon-mobile-mobile--a1e65-e-user-agent-InputDateMulti-chromium-retry1/02-input-date-range-mobile-1-diff.png
Call log:
- expect.toHaveScreenshot(02-input-date-range-mobile-1.png) with timeout 5000ms
- verifying given screenshot expectation
- taking page screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- 17957 pixels (ratio 0.02 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
- 17957 pixels (ratio 0.02 of all image pixels) are different.
53 | await page.waitForTimeout(300); // safari flaky
54 |
> 55 | await expect(page).toHaveScreenshot('02-input-date-range-mobile-1.png');
| ^
56 |
57 | await page.locator(november).nth(0).click();
58 |
at /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests/addon-mobile/mobile-calendar/input-date.pw.spec.ts:55:28
|
Run screenshot tests on dist/demo/browser/main:
projects/demo-playwright/tests/addon-mobile/mobile-calendar/input-date.pw.spec.ts#L55
2) [chromium] › tests/addon-mobile/mobile-calendar/input-date.pw.spec.ts:45:9 › InputDate and mobile user agent › InputDateMulti
Retry #2 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(page).toHaveScreenshot(expected)
17957 pixels (ratio 0.02 of all image pixels) are different.
Expected: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/snapshots/tests/addon-mobile/mobile-calendar/input-date.pw.spec.ts-snapshots/02-input-date-range-mobile-1-chromium-linux.png
Received: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-addon-mobile-mobile--a1e65-e-user-agent-InputDateMulti-chromium-retry2/02-input-date-range-mobile-1-actual.png
Diff: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-addon-mobile-mobile--a1e65-e-user-agent-InputDateMulti-chromium-retry2/02-input-date-range-mobile-1-diff.png
Call log:
- expect.toHaveScreenshot(02-input-date-range-mobile-1.png) with timeout 5000ms
- verifying given screenshot expectation
- taking page screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- 17957 pixels (ratio 0.02 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
- 17957 pixels (ratio 0.02 of all image pixels) are different.
53 | await page.waitForTimeout(300); // safari flaky
54 |
> 55 | await expect(page).toHaveScreenshot('02-input-date-range-mobile-1.png');
| ^
56 |
57 | await page.locator(november).nth(0).click();
58 |
at /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests/addon-mobile/mobile-calendar/input-date.pw.spec.ts:55:28
|
Run screenshot tests on dist/demo/browser/main:
projects/demo-playwright/tests/addon-mobile/mobile-calendar/input-date.pw.spec.ts#L91
3) [chromium] › tests/addon-mobile/mobile-calendar/input-date.pw.spec.ts:81:9 › InputDate and mobile user agent › InputDate
Error: expect(page).toHaveScreenshot(expected)
17957 pixels (ratio 0.02 of all image pixels) are different.
Expected: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/snapshots/tests/addon-mobile/mobile-calendar/input-date.pw.spec.ts-snapshots/03-input-date-range-mobile-1-chromium-linux.png
Received: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-addon-mobile-mobile--bf2eb-mobile-user-agent-InputDate-chromium/03-input-date-range-mobile-1-actual.png
Diff: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-addon-mobile-mobile--bf2eb-mobile-user-agent-InputDate-chromium/03-input-date-range-mobile-1-diff.png
Call log:
- expect.toHaveScreenshot(03-input-date-range-mobile-1.png) with timeout 5000ms
- verifying given screenshot expectation
- taking page screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- 17957 pixels (ratio 0.02 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
- 17957 pixels (ratio 0.02 of all image pixels) are different.
89 | await page.waitForTimeout(300); // safari flaky
90 |
> 91 | await expect(page).toHaveScreenshot('03-input-date-range-mobile-1.png');
| ^
92 |
93 | await page.locator(november).nth(0).click();
94 |
at /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests/addon-mobile/mobile-calendar/input-date.pw.spec.ts:91:28
|
Run screenshot tests on dist/demo/browser/main:
projects/demo-playwright/tests/addon-mobile/mobile-calendar/input-date.pw.spec.ts#L91
3) [chromium] › tests/addon-mobile/mobile-calendar/input-date.pw.spec.ts:81:9 › InputDate and mobile user agent › InputDate
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(page).toHaveScreenshot(expected)
17957 pixels (ratio 0.02 of all image pixels) are different.
Expected: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/snapshots/tests/addon-mobile/mobile-calendar/input-date.pw.spec.ts-snapshots/03-input-date-range-mobile-1-chromium-linux.png
Received: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-addon-mobile-mobile--bf2eb-mobile-user-agent-InputDate-chromium-retry1/03-input-date-range-mobile-1-actual.png
Diff: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-addon-mobile-mobile--bf2eb-mobile-user-agent-InputDate-chromium-retry1/03-input-date-range-mobile-1-diff.png
Call log:
- expect.toHaveScreenshot(03-input-date-range-mobile-1.png) with timeout 5000ms
- verifying given screenshot expectation
- taking page screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- 17957 pixels (ratio 0.02 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
- 17957 pixels (ratio 0.02 of all image pixels) are different.
89 | await page.waitForTimeout(300); // safari flaky
90 |
> 91 | await expect(page).toHaveScreenshot('03-input-date-range-mobile-1.png');
| ^
92 |
93 | await page.locator(november).nth(0).click();
94 |
at /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests/addon-mobile/mobile-calendar/input-date.pw.spec.ts:91:28
|
Run screenshot tests on dist/demo/browser/main:
projects/demo-playwright/tests/addon-mobile/mobile-calendar/input-date.pw.spec.ts#L91
3) [chromium] › tests/addon-mobile/mobile-calendar/input-date.pw.spec.ts:81:9 › InputDate and mobile user agent › InputDate
Retry #2 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(page).toHaveScreenshot(expected)
17957 pixels (ratio 0.02 of all image pixels) are different.
Expected: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/snapshots/tests/addon-mobile/mobile-calendar/input-date.pw.spec.ts-snapshots/03-input-date-range-mobile-1-chromium-linux.png
Received: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-addon-mobile-mobile--bf2eb-mobile-user-agent-InputDate-chromium-retry2/03-input-date-range-mobile-1-actual.png
Diff: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-addon-mobile-mobile--bf2eb-mobile-user-agent-InputDate-chromium-retry2/03-input-date-range-mobile-1-diff.png
Call log:
- expect.toHaveScreenshot(03-input-date-range-mobile-1.png) with timeout 5000ms
- verifying given screenshot expectation
- taking page screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- 17957 pixels (ratio 0.02 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
- 17957 pixels (ratio 0.02 of all image pixels) are different.
89 | await page.waitForTimeout(300); // safari flaky
90 |
> 91 | await expect(page).toHaveScreenshot('03-input-date-range-mobile-1.png');
| ^
92 |
93 | await page.locator(november).nth(0).click();
94 |
at /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests/addon-mobile/mobile-calendar/input-date.pw.spec.ts:91:28
|
Run screenshot tests on dist/demo/browser/main:
projects/demo-playwright/tests/addon-mobile/mobile-calendar/mobile-calendar.pw.spec.ts#L16
4) [chromium] › tests/addon-mobile/mobile-calendar/mobile-calendar.pw.spec.ts:8:9 › MobileCalendar › works
Error: expect(page).toHaveScreenshot(expected)
12903 pixels (ratio 0.01 of all image pixels) are different.
Expected: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/snapshots/tests/addon-mobile/mobile-calendar/mobile-calendar.pw.spec.ts-snapshots/01-mobile-calendar-chromium-linux.png
Received: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-addon-mobile-mobile--77c1d-dar.pw-MobileCalendar-works-chromium/01-mobile-calendar-actual.png
Diff: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-addon-mobile-mobile--77c1d-dar.pw-MobileCalendar-works-chromium/01-mobile-calendar-diff.png
Call log:
- expect.toHaveScreenshot(01-mobile-calendar.png) with timeout 5000ms
- verifying given screenshot expectation
- taking page screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- 12903 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
- 12903 pixels (ratio 0.01 of all image pixels) are different.
14 | await page.waitForTimeout(100);
15 |
> 16 | await expect(page).toHaveScreenshot('01-mobile-calendar.png');
| ^
17 | });
18 |
19 | test('check disabled state', async ({page}) => {
at /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests/addon-mobile/mobile-calendar/mobile-calendar.pw.spec.ts:16:28
|
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
|
Run screenshot tests on dist/demo/browser/main
4 failed
[chromium] › tests/addon-mobile/mobile-calendar/input-date.pw.spec.ts:16:9 › InputDate and mobile user agent › InputDateRange
[chromium] › tests/addon-mobile/mobile-calendar/input-date.pw.spec.ts:45:9 › InputDate and mobile user agent › InputDateMulti
[chromium] › tests/addon-mobile/mobile-calendar/input-date.pw.spec.ts:81:9 › InputDate and mobile user agent › InputDate
[chromium] › tests/addon-mobile/mobile-calendar/mobile-calendar.pw.spec.ts:8:9 › MobileCalendar › works
106 passed (1.5m)
|
Run screenshot tests on dist/demo/browser
110 passed (1.4m)
|
Loading