1) [chromium] › tests/layout/navigation.pw.spec.ts:6:9 › Navigation › Show settings in aside ───── Error: expect(locator).toHaveScreenshot(expected) 179516 pixels (ratio 0.14 of all image pixels) are different. Expected: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/snapshots/tests/layout/navigation.pw.spec.ts-snapshots/01-navigation-chromium-linux.png Received: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-layout-navigation.pw-Navigation-Show-settings-in-aside-chromium/01-navigation-actual.png Diff: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-layout-navigation.pw-Navigation-Show-settings-in-aside-chromium/01-navigation-diff.png Call log: - expect.toHaveScreenshot(01-navigation.png) with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#full [automation-id="tui-doc-example"]') - locator resolved to <div _ngcontent-ng-c644840128="" automation-id="tui-doc-example" class="t-demo ng-star-inserted">…</div> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - 179516 pixels (ratio 0.14 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#full [automation-id="tui-doc-example"]') - locator resolved to <div _ngcontent-ng-c644840128="" automation-id="tui-doc-example" class="t-demo ng-star-inserted">…</div> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - captured a stable screenshot - 179516 pixels (ratio 0.14 of all image pixels) are different. 10 | await example.scrollIntoViewIfNeeded(); 11 | > 12 | await expect(example).toHaveScreenshot('01-navigation.png'); | ^ 13 | 14 | await example.locator('[automation-id="setting"]').hover(); 15 | at /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests/layout/navigation.pw.spec.ts:12:31

1) [chromium] › tests/layout/navigation.pw.spec.ts:6:9 › Navigation › Show settings in aside ───── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(locator).toHaveScreenshot(expected) 179516 pixels (ratio 0.14 of all image pixels) are different. Expected: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/snapshots/tests/layout/navigation.pw.spec.ts-snapshots/01-navigation-chromium-linux.png Received: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-layout-navigation.pw-Navigation-Show-settings-in-aside-chromium-retry1/01-navigation-actual.png Diff: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-layout-navigation.pw-Navigation-Show-settings-in-aside-chromium-retry1/01-navigation-diff.png Call log: - expect.toHaveScreenshot(01-navigation.png) with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#full [automation-id="tui-doc-example"]') - locator resolved to <div _ngcontent-ng-c644840128="" automation-id="tui-doc-example" class="t-demo ng-star-inserted">…</div> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - 179516 pixels (ratio 0.14 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#full [automation-id="tui-doc-example"]') - locator resolved to <div _ngcontent-ng-c644840128="" automation-id="tui-doc-example" class="t-demo ng-star-inserted">…</div> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - captured a stable screenshot - 179516 pixels (ratio 0.14 of all image pixels) are different. 10 | await example.scrollIntoViewIfNeeded(); 11 | > 12 | await expect(example).toHaveScreenshot('01-navigation.png'); | ^ 13 | 14 | await example.locator('[automation-id="setting"]').hover(); 15 | at /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests/layout/navigation.pw.spec.ts:12:31

1) [chromium] › tests/layout/navigation.pw.spec.ts:6:9 › Navigation › Show settings in aside ───── Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(locator).toHaveScreenshot(expected) 179516 pixels (ratio 0.14 of all image pixels) are different. Expected: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/snapshots/tests/layout/navigation.pw.spec.ts-snapshots/01-navigation-chromium-linux.png Received: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-layout-navigation.pw-Navigation-Show-settings-in-aside-chromium-retry2/01-navigation-actual.png Diff: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-layout-navigation.pw-Navigation-Show-settings-in-aside-chromium-retry2/01-navigation-diff.png Call log: - expect.toHaveScreenshot(01-navigation.png) with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#full [automation-id="tui-doc-example"]') - locator resolved to <div _ngcontent-ng-c644840128="" automation-id="tui-doc-example" class="t-demo ng-star-inserted">…</div> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - 179516 pixels (ratio 0.14 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#full [automation-id="tui-doc-example"]') - locator resolved to <div _ngcontent-ng-c644840128="" automation-id="tui-doc-example" class="t-demo ng-star-inserted">…</div> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - captured a stable screenshot - 179516 pixels (ratio 0.14 of all image pixels) are different. 10 | await example.scrollIntoViewIfNeeded(); 11 | > 12 | await expect(example).toHaveScreenshot('01-navigation.png'); | ^ 13 | 14 | await example.locator('[automation-id="setting"]').hover(); 15 | at /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests/layout/navigation.pw.spec.ts:12:31

2) [chromium] › tests/layout/navigation.pw.spec.ts:19:9 › Navigation › Show hint in aside ──────── Error: expect(locator).toHaveScreenshot(expected) 156398 pixels (ratio 0.12 of all image pixels) are different. Expected: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/snapshots/tests/layout/navigation.pw.spec.ts-snapshots/03-navigation-chromium-linux.png Received: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-layout-navigation.pw-Navigation-Show-hint-in-aside-chromium/03-navigation-actual.png Diff: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-layout-navigation.pw-Navigation-Show-hint-in-aside-chromium/03-navigation-diff.png Call log: - expect.toHaveScreenshot(03-navigation.png) with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#full [automation-id="tui-doc-example"]') - locator resolved to <div _ngcontent-ng-c644840128="" automation-id="tui-doc-example" class="t-demo ng-star-inserted">…</div> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - 156398 pixels (ratio 0.12 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#full [automation-id="tui-doc-example"]') - locator resolved to <div _ngcontent-ng-c644840128="" automation-id="tui-doc-example" class="t-demo ng-star-inserted">…</div> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - captured a stable screenshot - 156398 pixels (ratio 0.12 of all image pixels) are different. 25 | await example.locator('[automation-id="hint"]').hover(); 26 | > 27 | await expect(example).toHaveScreenshot('03-navigation.png'); | ^ 28 | }); 29 | 30 | test('A12y', async ({page}) => { at /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests/layout/navigation.pw.spec.ts:27:31

2) [chromium] › tests/layout/navigation.pw.spec.ts:19:9 › Navigation › Show hint in aside ──────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(locator).toHaveScreenshot(expected) 156398 pixels (ratio 0.12 of all image pixels) are different. Expected: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/snapshots/tests/layout/navigation.pw.spec.ts-snapshots/03-navigation-chromium-linux.png Received: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-layout-navigation.pw-Navigation-Show-hint-in-aside-chromium-retry1/03-navigation-actual.png Diff: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-layout-navigation.pw-Navigation-Show-hint-in-aside-chromium-retry1/03-navigation-diff.png Call log: - expect.toHaveScreenshot(03-navigation.png) with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#full [automation-id="tui-doc-example"]') - locator resolved to <div _ngcontent-ng-c644840128="" automation-id="tui-doc-example" class="t-demo ng-star-inserted">…</div> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - 156398 pixels (ratio 0.12 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#full [automation-id="tui-doc-example"]') - locator resolved to <div _ngcontent-ng-c644840128="" automation-id="tui-doc-example" class="t-demo ng-star-inserted">…</div> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - captured a stable screenshot - 156398 pixels (ratio 0.12 of all image pixels) are different. 25 | await example.locator('[automation-id="hint"]').hover(); 26 | > 27 | await expect(example).toHaveScreenshot('03-navigation.png'); | ^ 28 | }); 29 | 30 | test('A12y', async ({page}) => { at /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests/layout/navigation.pw.spec.ts:27:31

2) [chromium] › tests/layout/navigation.pw.spec.ts:19:9 › Navigation › Show hint in aside ──────── Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(locator).toHaveScreenshot(expected) 156398 pixels (ratio 0.12 of all image pixels) are different. Expected: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/snapshots/tests/layout/navigation.pw.spec.ts-snapshots/03-navigation-chromium-linux.png Received: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-layout-navigation.pw-Navigation-Show-hint-in-aside-chromium-retry2/03-navigation-actual.png Diff: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-layout-navigation.pw-Navigation-Show-hint-in-aside-chromium-retry2/03-navigation-diff.png Call log: - expect.toHaveScreenshot(03-navigation.png) with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#full [automation-id="tui-doc-example"]') - locator resolved to <div _ngcontent-ng-c644840128="" automation-id="tui-doc-example" class="t-demo ng-star-inserted">…</div> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - 156398 pixels (ratio 0.12 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#full [automation-id="tui-doc-example"]') - locator resolved to <div _ngcontent-ng-c644840128="" automation-id="tui-doc-example" class="t-demo ng-star-inserted">…</div> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - captured a stable screenshot - 156398 pixels (ratio 0.12 of all image pixels) are different. 25 | await example.locator('[automation-id="hint"]').hover(); 26 | > 27 | await expect(example).toHaveScreenshot('03-navigation.png'); | ^ 28 | }); 29 | 30 | test('A12y', async ({page}) => { at /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests/layout/navigation.pw.spec.ts:27:31

3) [chromium] › tests/layout/navigation.pw.spec.ts:30:9 › Navigation › A12y ────────────────────── Error: expect(locator).toHaveScreenshot(expected) 143531 pixels (ratio 0.11 of all image pixels) are different. Expected: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/snapshots/tests/layout/navigation.pw.spec.ts-snapshots/04-navigation-chromium-linux.png Received: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-layout-navigation.pw-Navigation-A12y-chromium/04-navigation-actual.png Diff: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-layout-navigation.pw-Navigation-A12y-chromium/04-navigation-diff.png Call log: - expect.toHaveScreenshot(04-navigation.png) with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#full [automation-id="tui-doc-example"]') - locator resolved to <div _ngcontent-ng-c644840128="" automation-id="tui-doc-example" class="t-demo ng-star-inserted">…</div> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - 143531 pixels (ratio 0.11 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#full [automation-id="tui-doc-example"]') - locator resolved to <div _ngcontent-ng-c644840128="" automation-id="tui-doc-example" class="t-demo ng-star-inserted">…</div> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - captured a stable screenshot - 143531 pixels (ratio 0.11 of all image pixels) are different. 35 | await example.locator('aside footer button').nth(1).click(); 36 | > 37 | await expect(example).toHaveScreenshot('04-navigation.png'); | ^ 38 | 39 | await example.locator('[automation-id="setting"]').focus(); 40 | await page.keyboard.press('Enter'); at /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests/layout/navigation.pw.spec.ts:37:31

3) [chromium] › tests/layout/navigation.pw.spec.ts:30:9 › Navigation › A12y ────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(locator).toHaveScreenshot(expected) 143531 pixels (ratio 0.11 of all image pixels) are different. Expected: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/snapshots/tests/layout/navigation.pw.spec.ts-snapshots/04-navigation-chromium-linux.png Received: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-layout-navigation.pw-Navigation-A12y-chromium-retry1/04-navigation-actual.png Diff: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-layout-navigation.pw-Navigation-A12y-chromium-retry1/04-navigation-diff.png Call log: - expect.toHaveScreenshot(04-navigation.png) with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#full [automation-id="tui-doc-example"]') - locator resolved to <div _ngcontent-ng-c644840128="" automation-id="tui-doc-example" class="t-demo ng-star-inserted">…</div> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - 143531 pixels (ratio 0.11 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#full [automation-id="tui-doc-example"]') - locator resolved to <div _ngcontent-ng-c644840128="" automation-id="tui-doc-example" class="t-demo ng-star-inserted">…</div> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - captured a stable screenshot - 143531 pixels (ratio 0.11 of all image pixels) are different. 35 | await example.locator('aside footer button').nth(1).click(); 36 | > 37 | await expect(example).toHaveScreenshot('04-navigation.png'); | ^ 38 | 39 | await example.locator('[automation-id="setting"]').focus(); 40 | await page.keyboard.press('Enter'); at /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests/layout/navigation.pw.spec.ts:37:31

3) [chromium] › tests/layout/navigation.pw.spec.ts:30:9 › Navigation › A12y ────────────────────── Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(locator).toHaveScreenshot(expected) 143531 pixels (ratio 0.11 of all image pixels) are different. Expected: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/snapshots/tests/layout/navigation.pw.spec.ts-snapshots/04-navigation-chromium-linux.png Received: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-layout-navigation.pw-Navigation-A12y-chromium-retry2/04-navigation-actual.png Diff: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-layout-navigation.pw-Navigation-A12y-chromium-retry2/04-navigation-diff.png Call log: - expect.toHaveScreenshot(04-navigation.png) with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#full [automation-id="tui-doc-example"]') - locator resolved to <div _ngcontent-ng-c644840128="" automation-id="tui-doc-example" class="t-demo ng-star-inserted">…</div> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - 143531 pixels (ratio 0.11 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#full [automation-id="tui-doc-example"]') - locator resolved to <div _ngcontent-ng-c644840128="" automation-id="tui-doc-example" class="t-demo ng-star-inserted">…</div> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - captured a stable screenshot - 143531 pixels (ratio 0.11 of all image pixels) are different. 35 | await example.locator('aside footer button').nth(1).click(); 36 | > 37 | await expect(example).toHaveScreenshot('04-navigation.png'); | ^ 38 | 39 | await example.locator('[automation-id="setting"]').focus(); 40 | await page.keyboard.press('Enter'); at /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests/layout/navigation.pw.spec.ts:37:31

Process completed with exit code 1.

ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636

3 failed [chromium] › tests/layout/navigation.pw.spec.ts:6:9 › Navigation › Show settings in aside ────── [chromium] › tests/layout/navigation.pw.spec.ts:19:9 › Navigation › Show hint in aside ───────── [chromium] › tests/layout/navigation.pw.spec.ts:30:9 › Navigation › A12y ─────────────────────── 105 passed (1.5m)