fix(addon-mobile): virtual-scroll flickers during scroll in zoneless mode #11081
Annotations
10 errors, 5 warnings, 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) [webkit] › tests/addon-mobile/mobile-calendar/input-date.pw.spec.ts:16:9 › InputDate and mobile user agent › InputDateRange
Error: expect(page).toHaveScreenshot(expected)
18184 pixels (ratio 0.02 of all image pixels) are different.
Expected: /Users/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-webkit-darwin.png
Received: /Users/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-addon-mobile-mobile--f9803-e-user-agent-InputDateRange-webkit/01-input-date-range-mobile-1-actual.png
Diff: /Users/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-addon-mobile-mobile--f9803-e-user-agent-InputDateRange-webkit/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
- 18184 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
- 18184 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 /Users/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) [webkit] › 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)
18184 pixels (ratio 0.02 of all image pixels) are different.
Expected: /Users/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-webkit-darwin.png
Received: /Users/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-addon-mobile-mobile--f9803-e-user-agent-InputDateRange-webkit-retry1/01-input-date-range-mobile-1-actual.png
Diff: /Users/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-addon-mobile-mobile--f9803-e-user-agent-InputDateRange-webkit-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
- 18184 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
- 18184 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 /Users/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) [webkit] › 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)
18184 pixels (ratio 0.02 of all image pixels) are different.
Expected: /Users/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-webkit-darwin.png
Received: /Users/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-addon-mobile-mobile--f9803-e-user-agent-InputDateRange-webkit-retry2/01-input-date-range-mobile-1-actual.png
Diff: /Users/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-addon-mobile-mobile--f9803-e-user-agent-InputDateRange-webkit-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
- 18184 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
- 18184 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 /Users/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) [webkit] › tests/addon-mobile/mobile-calendar/input-date.pw.spec.ts:45:9 › InputDate and mobile user agent › InputDateMulti
Error: expect(page).toHaveScreenshot(expected)
18184 pixels (ratio 0.02 of all image pixels) are different.
Expected: /Users/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-webkit-darwin.png
Received: /Users/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-addon-mobile-mobile--a1e65-e-user-agent-InputDateMulti-webkit/02-input-date-range-mobile-1-actual.png
Diff: /Users/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-addon-mobile-mobile--a1e65-e-user-agent-InputDateMulti-webkit/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
- 18184 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
- 18184 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 /Users/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) [webkit] › 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)
18184 pixels (ratio 0.02 of all image pixels) are different.
Expected: /Users/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-webkit-darwin.png
Received: /Users/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-addon-mobile-mobile--a1e65-e-user-agent-InputDateMulti-webkit-retry1/02-input-date-range-mobile-1-actual.png
Diff: /Users/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-addon-mobile-mobile--a1e65-e-user-agent-InputDateMulti-webkit-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
- 18184 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
- 18184 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 /Users/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) [webkit] › 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)
18184 pixels (ratio 0.02 of all image pixels) are different.
Expected: /Users/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-webkit-darwin.png
Received: /Users/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-addon-mobile-mobile--a1e65-e-user-agent-InputDateMulti-webkit-retry2/02-input-date-range-mobile-1-actual.png
Diff: /Users/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-addon-mobile-mobile--a1e65-e-user-agent-InputDateMulti-webkit-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
- 18184 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
- 18184 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 /Users/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) [webkit] › tests/addon-mobile/mobile-calendar/input-date.pw.spec.ts:81:9 › InputDate and mobile user agent › InputDate
Error: expect(page).toHaveScreenshot(expected)
18184 pixels (ratio 0.02 of all image pixels) are different.
Expected: /Users/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-webkit-darwin.png
Received: /Users/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-addon-mobile-mobile--bf2eb-mobile-user-agent-InputDate-webkit/03-input-date-range-mobile-1-actual.png
Diff: /Users/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-addon-mobile-mobile--bf2eb-mobile-user-agent-InputDate-webkit/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
- 18184 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
- 18184 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 /Users/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) [webkit] › 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)
18184 pixels (ratio 0.02 of all image pixels) are different.
Expected: /Users/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-webkit-darwin.png
Received: /Users/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-addon-mobile-mobile--bf2eb-mobile-user-agent-InputDate-webkit-retry1/03-input-date-range-mobile-1-actual.png
Diff: /Users/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-addon-mobile-mobile--bf2eb-mobile-user-agent-InputDate-webkit-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
- 18184 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
- 18184 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 /Users/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) [webkit] › 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)
18184 pixels (ratio 0.02 of all image pixels) are different.
Expected: /Users/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-webkit-darwin.png
Received: /Users/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-addon-mobile-mobile--bf2eb-mobile-user-agent-InputDate-webkit-retry2/03-input-date-range-mobile-1-actual.png
Diff: /Users/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-addon-mobile-mobile--bf2eb-mobile-user-agent-InputDate-webkit-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
- 18184 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
- 18184 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 /Users/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) [webkit] › tests/addon-mobile/mobile-calendar/mobile-calendar.pw.spec.ts:8:9 › MobileCalendar › works
Error: expect(page).toHaveScreenshot(expected)
11947 pixels (ratio 0.01 of all image pixels) are different.
Expected: /Users/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/snapshots/tests/addon-mobile/mobile-calendar/mobile-calendar.pw.spec.ts-snapshots/01-mobile-calendar-webkit-darwin.png
Received: /Users/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-addon-mobile-mobile--77c1d-dar.pw-MobileCalendar-works-webkit/01-mobile-calendar-actual.png
Diff: /Users/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-addon-mobile-mobile--77c1d-dar.pw-MobileCalendar-works-webkit/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
- 11947 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
- 11947 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 /Users/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests/addon-mobile/mobile-calendar/mobile-calendar.pw.spec.ts:16:28
|
Mac OS X building all dependencies
pkgconf 2.3.0_1 is already installed and up-to-date.
To reinstall 2.3.0_1, run:
brew reinstall pkgconf
|
Mac OS X building all dependencies
cairo 1.18.2 is already installed and up-to-date.
To reinstall 1.18.2, run:
brew reinstall cairo
|
Mac OS X building all dependencies
libpng 1.6.44 is already installed and up-to-date.
To reinstall 1.6.44, run:
brew reinstall libpng
|
Mac OS X building all dependencies
jpeg-turbo 3.1.0 is already installed and up-to-date.
To reinstall 3.1.0, run:
brew reinstall jpeg-turbo
|
Mac OS X building all dependencies
giflib 5.2.2 is already installed and up-to-date.
To reinstall 5.2.2, run:
brew reinstall giflib
|
Run screenshot tests on dist/demo/browser/main
4 failed
[webkit] › tests/addon-mobile/mobile-calendar/input-date.pw.spec.ts:16:9 › InputDate and mobile user agent › InputDateRange
[webkit] › tests/addon-mobile/mobile-calendar/input-date.pw.spec.ts:45:9 › InputDate and mobile user agent › InputDateMulti
[webkit] › tests/addon-mobile/mobile-calendar/input-date.pw.spec.ts:81:9 › InputDate and mobile user agent › InputDate
[webkit] › tests/addon-mobile/mobile-calendar/mobile-calendar.pw.spec.ts:8:9 › MobileCalendar › works
8 skipped
98 passed (1.6m)
|
Run screenshot tests on dist/demo/browser
8 skipped
102 passed (1.6m)
|
Loading