1) [chromium] › tests/demo/demo.pw.spec.ts:10:13 › Demo › /charts/arc-chart ────────────────────── Error: expect(locator).toHaveScreenshot(expected) 222 pixels (ratio 0.01 of all image pixels) are different. Expected: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/snapshots/tests/demo/demo.pw.spec.ts-snapshots/charts-arc-chart/1-chromium-linux.png Received: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-demo-demo.pw-Demo-charts-arc-chart-chromium/charts-arc-chart/1-actual.png Diff: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-demo-demo.pw-Demo-charts-arc-chart-chromium/charts-arc-chart/1-diff.png Call log: - expect.toHaveScreenshot(charts-arc-chart/1.png) with timeout 5000ms - verifying given screenshot expectation - waiting for getByTestId('tui-doc-example').first() - 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 - 222 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for getByTestId('tui-doc-example').first() - 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 - 222 pixels (ratio 0.01 of all image pixels) are different. 38 | await page.waitForTimeout(150); 39 | > 40 | await expect(example).toHaveScreenshot([ | ^ 41 | path.replace('/', '').replaceAll('/', '-'), 42 | `${i + 1}.png`, 43 | ]); at /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests/demo/demo.pw.spec.ts:40:39

1) [chromium] › tests/demo/demo.pw.spec.ts:10:13 › Demo › /charts/arc-chart ────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(locator).toHaveScreenshot(expected) 222 pixels (ratio 0.01 of all image pixels) are different. Expected: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/snapshots/tests/demo/demo.pw.spec.ts-snapshots/charts-arc-chart/1-chromium-linux.png Received: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-demo-demo.pw-Demo-charts-arc-chart-chromium-retry1/charts-arc-chart/1-actual.png Diff: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-demo-demo.pw-Demo-charts-arc-chart-chromium-retry1/charts-arc-chart/1-diff.png Call log: - expect.toHaveScreenshot(charts-arc-chart/1.png) with timeout 5000ms - verifying given screenshot expectation - waiting for getByTestId('tui-doc-example').first() - 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 - 222 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for getByTestId('tui-doc-example').first() - 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 - 222 pixels (ratio 0.01 of all image pixels) are different. 38 | await page.waitForTimeout(150); 39 | > 40 | await expect(example).toHaveScreenshot([ | ^ 41 | path.replace('/', '').replaceAll('/', '-'), 42 | `${i + 1}.png`, 43 | ]); at /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests/demo/demo.pw.spec.ts:40:39

1) [chromium] › tests/demo/demo.pw.spec.ts:10:13 › Demo › /charts/arc-chart ────────────────────── Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(locator).toHaveScreenshot(expected) 222 pixels (ratio 0.01 of all image pixels) are different. Expected: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/snapshots/tests/demo/demo.pw.spec.ts-snapshots/charts-arc-chart/1-chromium-linux.png Received: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-demo-demo.pw-Demo-charts-arc-chart-chromium-retry2/charts-arc-chart/1-actual.png Diff: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-demo-demo.pw-Demo-charts-arc-chart-chromium-retry2/charts-arc-chart/1-diff.png Call log: - expect.toHaveScreenshot(charts-arc-chart/1.png) with timeout 5000ms - verifying given screenshot expectation - waiting for getByTestId('tui-doc-example').first() - 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 - 222 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for getByTestId('tui-doc-example').first() - 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 - 222 pixels (ratio 0.01 of all image pixels) are different. 38 | await page.waitForTimeout(150); 39 | > 40 | await expect(example).toHaveScreenshot([ | ^ 41 | path.replace('/', '').replaceAll('/', '-'), 42 | `${i + 1}.png`, 43 | ]); at /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests/demo/demo.pw.spec.ts:40:39

2) [chromium] › tests/demo/demo.pw.spec.ts:10:13 › Demo › /navigation/tabs ─────────────────────── Error: expect(locator).toHaveScreenshot(expected) 222 pixels (ratio 0.01 of all image pixels) are different. Expected: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/snapshots/tests/demo/demo.pw.spec.ts-snapshots/navigation-tabs/1-chromium-linux.png Received: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-demo-demo.pw-Demo-navigation-tabs-chromium/navigation-tabs/1-actual.png Diff: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-demo-demo.pw-Demo-navigation-tabs-chromium/navigation-tabs/1-diff.png Call log: - expect.toHaveScreenshot(navigation-tabs/1.png) with timeout 5000ms - verifying given screenshot expectation - waiting for getByTestId('tui-doc-example').first() - 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 - 222 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for getByTestId('tui-doc-example').first() - 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 - 222 pixels (ratio 0.01 of all image pixels) are different. 38 | await page.waitForTimeout(150); 39 | > 40 | await expect(example).toHaveScreenshot([ | ^ 41 | path.replace('/', '').replaceAll('/', '-'), 42 | `${i + 1}.png`, 43 | ]); at /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests/demo/demo.pw.spec.ts:40:39

2) [chromium] › tests/demo/demo.pw.spec.ts:10:13 › Demo › /navigation/tabs ─────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(locator).toHaveScreenshot(expected) 222 pixels (ratio 0.01 of all image pixels) are different. Expected: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/snapshots/tests/demo/demo.pw.spec.ts-snapshots/navigation-tabs/1-chromium-linux.png Received: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-demo-demo.pw-Demo-navigation-tabs-chromium-retry1/navigation-tabs/1-actual.png Diff: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-demo-demo.pw-Demo-navigation-tabs-chromium-retry1/navigation-tabs/1-diff.png Call log: - expect.toHaveScreenshot(navigation-tabs/1.png) with timeout 5000ms - verifying given screenshot expectation - waiting for getByTestId('tui-doc-example').first() - 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 - 222 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for getByTestId('tui-doc-example').first() - 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 - 222 pixels (ratio 0.01 of all image pixels) are different. 38 | await page.waitForTimeout(150); 39 | > 40 | await expect(example).toHaveScreenshot([ | ^ 41 | path.replace('/', '').replaceAll('/', '-'), 42 | `${i + 1}.png`, 43 | ]); at /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests/demo/demo.pw.spec.ts:40:39

2) [chromium] › tests/demo/demo.pw.spec.ts:10:13 › Demo › /navigation/tabs ─────────────────────── Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(locator).toHaveScreenshot(expected) 222 pixels (ratio 0.01 of all image pixels) are different. Expected: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/snapshots/tests/demo/demo.pw.spec.ts-snapshots/navigation-tabs/1-chromium-linux.png Received: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-demo-demo.pw-Demo-navigation-tabs-chromium-retry2/navigation-tabs/1-actual.png Diff: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-demo-demo.pw-Demo-navigation-tabs-chromium-retry2/navigation-tabs/1-diff.png Call log: - expect.toHaveScreenshot(navigation-tabs/1.png) with timeout 5000ms - verifying given screenshot expectation - waiting for getByTestId('tui-doc-example').first() - 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 - 222 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for getByTestId('tui-doc-example').first() - 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 - 222 pixels (ratio 0.01 of all image pixels) are different. 38 | await page.waitForTimeout(150); 39 | > 40 | await expect(example).toHaveScreenshot([ | ^ 41 | path.replace('/', '').replaceAll('/', '-'), 42 | `${i + 1}.png`, 43 | ]); at /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests/demo/demo.pw.spec.ts:40:39

3) [chromium] › tests/kit/dropdown-context/dropdown-context.pw.spec.ts:8:9 › DropdownContext › opens dropdown on right click Error: expect(locator).toHaveScreenshot(expected) Expected an image 1416px by 898px, received 1416px by 834px. 212642 pixels (ratio 0.17 of all image pixels) are different. Expected: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/snapshots/tests/kit/dropdown-context/dropdown-context.pw.spec.ts-snapshots/01-dropdown-context-chromium-linux.png Received: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-kit-dropdown-context-624d8-ens-dropdown-on-right-click-chromium/01-dropdown-context-actual.png Diff: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-kit-dropdown-context-624d8-ens-dropdown-on-right-click-chromium/01-dropdown-context-diff.png Call log: - expect.toHaveScreenshot(01-dropdown-context.png) with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#context-menu [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 - Expected an image 1416px by 898px, received 1416px by 834px. 212642 pixels (ratio 0.17 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#context-menu [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 - Expected an image 1416px by 898px, received 1416px by 834px. 212642 pixels (ratio 0.17 of all image pixels) are different. 15 | await api.waitStableState(); 16 | > 17 | await expect(example).toHaveScreenshot('01-dropdown-context.png'); | ^ 18 | }); 19 | 20 | test('closes previous dropdown after new one is opened', async ({page}) => { at /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests/kit/dropdown-context/dropdown-context.pw.spec.ts:17:31

3) [chromium] › tests/kit/dropdown-context/dropdown-context.pw.spec.ts:8:9 › DropdownContext › opens dropdown on right click Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(locator).toHaveScreenshot(expected) Expected an image 1416px by 898px, received 1416px by 834px. 212642 pixels (ratio 0.17 of all image pixels) are different. Expected: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/snapshots/tests/kit/dropdown-context/dropdown-context.pw.spec.ts-snapshots/01-dropdown-context-chromium-linux.png Received: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-kit-dropdown-context-624d8-ens-dropdown-on-right-click-chromium-retry1/01-dropdown-context-actual.png Diff: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-kit-dropdown-context-624d8-ens-dropdown-on-right-click-chromium-retry1/01-dropdown-context-diff.png Call log: - expect.toHaveScreenshot(01-dropdown-context.png) with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#context-menu [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 - Expected an image 1416px by 898px, received 1416px by 834px. 212642 pixels (ratio 0.17 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#context-menu [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 - Expected an image 1416px by 898px, received 1416px by 834px. 212642 pixels (ratio 0.17 of all image pixels) are different. 15 | await api.waitStableState(); 16 | > 17 | await expect(example).toHaveScreenshot('01-dropdown-context.png'); | ^ 18 | }); 19 | 20 | test('closes previous dropdown after new one is opened', async ({page}) => { at /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests/kit/dropdown-context/dropdown-context.pw.spec.ts:17:31

3) [chromium] › tests/kit/dropdown-context/dropdown-context.pw.spec.ts:8:9 › DropdownContext › opens dropdown on right click Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(locator).toHaveScreenshot(expected) Expected an image 1416px by 898px, received 1416px by 834px. 212642 pixels (ratio 0.17 of all image pixels) are different. Expected: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/snapshots/tests/kit/dropdown-context/dropdown-context.pw.spec.ts-snapshots/01-dropdown-context-chromium-linux.png Received: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-kit-dropdown-context-624d8-ens-dropdown-on-right-click-chromium-retry2/01-dropdown-context-actual.png Diff: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-kit-dropdown-context-624d8-ens-dropdown-on-right-click-chromium-retry2/01-dropdown-context-diff.png Call log: - expect.toHaveScreenshot(01-dropdown-context.png) with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#context-menu [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 - Expected an image 1416px by 898px, received 1416px by 834px. 212642 pixels (ratio 0.17 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#context-menu [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 - Expected an image 1416px by 898px, received 1416px by 834px. 212642 pixels (ratio 0.17 of all image pixels) are different. 15 | await api.waitStableState(); 16 | > 17 | await expect(example).toHaveScreenshot('01-dropdown-context.png'); | ^ 18 | }); 19 | 20 | test('closes previous dropdown after new one is opened', async ({page}) => { at /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests/kit/dropdown-context/dropdown-context.pw.spec.ts:17:31

4) [chromium] › tests/kit/dropdown-context/dropdown-context.pw.spec.ts:20:9 › DropdownContext › closes previous dropdown after new one is opened Error: expect(locator).toHaveScreenshot(expected) Expected an image 1416px by 898px, received 1416px by 834px. 166758 pixels (ratio 0.14 of all image pixels) are different. Expected: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/snapshots/tests/kit/dropdown-context/dropdown-context.pw.spec.ts-snapshots/02-dropdown-context-chromium-linux.png Received: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-kit-dropdown-context-d7fb4-own-after-new-one-is-opened-chromium/02-dropdown-context-actual.png Diff: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-kit-dropdown-context-d7fb4-own-after-new-one-is-opened-chromium/02-dropdown-context-diff.png Call log: - expect.toHaveScreenshot(02-dropdown-context.png) with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#context-menu [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 - Expected an image 1416px by 898px, received 1416px by 834px. 166758 pixels (ratio 0.14 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#context-menu [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 - Expected an image 1416px by 898px, received 1416px by 834px. 166758 pixels (ratio 0.14 of all image pixels) are different. 27 | await api.waitStableState(); 28 | > 29 | await expect(example).toHaveScreenshot('02-dropdown-context.png'); | ^ 30 | 31 | await api.focusOnBody(); 32 | await tr.nth(2).click({button: 'right', position: {x: 1, y: 1}}); at /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests/kit/dropdown-context/dropdown-context.pw.spec.ts:29:31

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

110 passed (2.1m)