1) [chromium] › tests/addon-charts/pie-chart/pie-chart.spec.ts:5:9 › PieChart › should be show hints on charts Error: Screenshot comparison failed: 5016 pixels (ratio 0.02 of all image pixels) are different. Expected: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/snapshots/tests/addon-charts/pie-chart/pie-chart.spec.ts-snapshots/01-pie-chart-with-label-no-hover-chromium-linux.png Received: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-addon-charts-pie-chart-pie-chart-PieChart-should-be-show-hints-on-charts-chromium/01-pie-chart-with-label-no-hover-actual.png Diff: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-addon-charts-pie-chart-pie-chart-PieChart-should-be-show-hints-on-charts-chromium/01-pie-chart-with-label-no-hover-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#labels [automation-id="tui-doc-example"]') - locator resolved to <div _ngcontent-tui-demo-c345="" automation-id="tui-d…>…</div> - taking element screenshot - disabled all CSS animations - waiting for element to be visible and stable - element is visible and stable - 5016 pixels (ratio 0.02 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#labels [automation-id="tui-doc-example"]') - locator resolved to <div _ngcontent-tui-demo-c345="" automation-id="tui-d…>…</div> - taking element screenshot - disabled all CSS animations - waiting for element to be visible and stable - element is visible and stable - captured a stable screenshot - 5016 pixels (ratio 0.02 of all image pixels) are different. 11 | .all(); 12 | > 13 | await expect(example).toHaveScreenshot('01-pie-chart-with-label-no-hover.png'); | ^ 14 | 15 | for (const [i, segment] of pieChartSegments.entries()) { 16 | await segment.hover(); at /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests/addon-charts/pie-chart/pie-chart.spec.ts:13:31

1) [chromium] › tests/addon-charts/pie-chart/pie-chart.spec.ts:5:9 › PieChart › should be show hints on charts Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 5016 pixels (ratio 0.02 of all image pixels) are different. Expected: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/snapshots/tests/addon-charts/pie-chart/pie-chart.spec.ts-snapshots/01-pie-chart-with-label-no-hover-chromium-linux.png Received: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-addon-charts-pie-chart-pie-chart-PieChart-should-be-show-hints-on-charts-chromium-retry1/01-pie-chart-with-label-no-hover-actual.png Diff: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-addon-charts-pie-chart-pie-chart-PieChart-should-be-show-hints-on-charts-chromium-retry1/01-pie-chart-with-label-no-hover-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#labels [automation-id="tui-doc-example"]') - locator resolved to <div _ngcontent-tui-demo-c345="" automation-id="tui-d…>…</div> - taking element screenshot - disabled all CSS animations - waiting for element to be visible and stable - element is visible and stable - 5016 pixels (ratio 0.02 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#labels [automation-id="tui-doc-example"]') - locator resolved to <div _ngcontent-tui-demo-c345="" automation-id="tui-d…>…</div> - taking element screenshot - disabled all CSS animations - waiting for element to be visible and stable - element is visible and stable - captured a stable screenshot - 5016 pixels (ratio 0.02 of all image pixels) are different. 11 | .all(); 12 | > 13 | await expect(example).toHaveScreenshot('01-pie-chart-with-label-no-hover.png'); | ^ 14 | 15 | for (const [i, segment] of pieChartSegments.entries()) { 16 | await segment.hover(); at /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests/addon-charts/pie-chart/pie-chart.spec.ts:13:31

2) [chromium] › tests/core/alert-service/alert-service.spec.ts:9:9 › AlertService › is shown correctly Error: Screenshot comparison failed: 4331 pixels (ratio 0.06 of all image pixels) are different. Expected: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/snapshots/tests/core/alert-service/alert-service.spec.ts-snapshots/01-alert-service-chromium-linux.png Received: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-core-alert-service-alert-service-AlertService-is-shown-correctly-chromium/01-alert-service-actual.png Diff: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-core-alert-service-alert-service-AlertService-is-shown-correctly-chromium/01-alert-service-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('tui-alert') - locator resolved to <tui-alert role="alert" _nghost-tui-demo-c143="" class="ng-…>…</tui-alert> - taking element screenshot - disabled all CSS animations - waiting for element to be visible and stable - element is visible and stable - 4331 pixels (ratio 0.06 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('tui-alert') - locator resolved to <tui-alert role="alert" _nghost-tui-demo-c143="" class="ng-…>…</tui-alert> - taking element screenshot - disabled all CSS animations - waiting for element to be visible and stable - element is visible and stable - captured a stable screenshot - 4331 pixels (ratio 0.06 of all image pixels) are different. 14 | await showAlertButton.click(); 15 | > 16 | await expect(page.locator('tui-alert')).toHaveScreenshot('01-alert-service.png'); | ^ 17 | }); 18 | }); 19 | at /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests/core/alert-service/alert-service.spec.ts:16:49

2) [chromium] › tests/core/alert-service/alert-service.spec.ts:9:9 › AlertService › is shown correctly Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 4331 pixels (ratio 0.06 of all image pixels) are different. Expected: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/snapshots/tests/core/alert-service/alert-service.spec.ts-snapshots/01-alert-service-chromium-linux.png Received: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-core-alert-service-alert-service-AlertService-is-shown-correctly-chromium-retry1/01-alert-service-actual.png Diff: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-core-alert-service-alert-service-AlertService-is-shown-correctly-chromium-retry1/01-alert-service-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('tui-alert') - locator resolved to <tui-alert role="alert" _nghost-tui-demo-c143="" class="ng-…>…</tui-alert> - taking element screenshot - disabled all CSS animations - waiting for element to be visible and stable - element is visible and stable - 4331 pixels (ratio 0.06 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('tui-alert') - locator resolved to <tui-alert role="alert" _nghost-tui-demo-c143="" class="ng-…>…</tui-alert> - taking element screenshot - disabled all CSS animations - waiting for element to be visible and stable - element is visible and stable - captured a stable screenshot - 4331 pixels (ratio 0.06 of all image pixels) are different. 14 | await showAlertButton.click(); 15 | > 16 | await expect(page.locator('tui-alert')).toHaveScreenshot('01-alert-service.png'); | ^ 17 | }); 18 | }); 19 | at /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests/core/alert-service/alert-service.spec.ts:16:49

3) [chromium] › tests/core/dropdown/dropdown.spec.ts:25:9 › Dropdown › Appearance ──────────────── Error: Screenshot comparison failed: 3400 pixels (ratio 0.01 of all image pixels) are different. Expected: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/snapshots/tests/core/dropdown/dropdown.spec.ts-snapshots/03-dropdown-chromium-linux.png Received: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-core-dropdown-dropdown-Dropdown-Appearance-chromium/03-dropdown-actual.png Diff: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-core-dropdown-dropdown-Dropdown-Appearance-chromium/03-dropdown-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - 3400 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - captured a stable screenshot - 3400 pixels (ratio 0.01 of all image pixels) are different. 29 | .locator('input') 30 | .click(); > 31 | await expect(page).toHaveScreenshot('03-dropdown.png'); | ^ 32 | }); 33 | 34 | test('Hosted dropdown', async ({page}) => { at /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests/core/dropdown/dropdown.spec.ts:31:28

3) [chromium] › tests/core/dropdown/dropdown.spec.ts:25:9 › Dropdown › Appearance ──────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 3400 pixels (ratio 0.01 of all image pixels) are different. Expected: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/snapshots/tests/core/dropdown/dropdown.spec.ts-snapshots/03-dropdown-chromium-linux.png Received: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-core-dropdown-dropdown-Dropdown-Appearance-chromium-retry1/03-dropdown-actual.png Diff: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-core-dropdown-dropdown-Dropdown-Appearance-chromium-retry1/03-dropdown-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - 3400 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - captured a stable screenshot - 3400 pixels (ratio 0.01 of all image pixels) are different. 29 | .locator('input') 30 | .click(); > 31 | await expect(page).toHaveScreenshot('03-dropdown.png'); | ^ 32 | }); 33 | 34 | test('Hosted dropdown', async ({page}) => { at /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests/core/dropdown/dropdown.spec.ts:31:28

4) [chromium] › tests/demo/demo.spec.ts:10:13 › Demo › /components/avatar ──────────────────────── Error: Screenshot comparison failed: 5363 pixels (ratio 0.02 of all image pixels) are different. Expected: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/snapshots/tests/demo/demo.spec.ts-snapshots/components-avatar/4-chromium-linux.png Received: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-demo-demo-Demo-components-avatar-chromium/components-avatar/4-actual.png Diff: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-demo-demo-Demo-components-avatar-chromium/components-avatar/4-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('tui-doc-example [automation-id="tui-doc-example"]').nth(3) - locator resolved to <div _ngcontent-tui-demo-c345="" automation-id="tui-d…>…</div> - taking element screenshot - disabled all CSS animations - waiting for element to be visible and stable - element is visible and stable - 5363 pixels (ratio 0.02 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('tui-doc-example [automation-id="tui-doc-example"]').nth(3) - locator resolved to <div _ngcontent-tui-demo-c345="" automation-id="tui-d…>…</div> - taking element screenshot - disabled all CSS animations - waiting for element to be visible and stable - element is visible and stable - captured a stable screenshot - 5363 pixels (ratio 0.02 of all image pixels) are different. 33 | } 34 | > 35 | await expect(example).toHaveScreenshot([ | ^ 36 | path.replace('/', '').replace(/\//g, '-'), 37 | `${i + 1}.png`, 38 | ]); at /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests/demo/demo.spec.ts:35:39

4) [chromium] › tests/demo/demo.spec.ts:10:13 › Demo › /components/avatar ──────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 5363 pixels (ratio 0.02 of all image pixels) are different. Expected: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/snapshots/tests/demo/demo.spec.ts-snapshots/components-avatar/4-chromium-linux.png Received: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-demo-demo-Demo-components-avatar-chromium-retry1/components-avatar/4-actual.png Diff: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-demo-demo-Demo-components-avatar-chromium-retry1/components-avatar/4-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('tui-doc-example [automation-id="tui-doc-example"]').nth(3) - locator resolved to <div _ngcontent-tui-demo-c345="" automation-id="tui-d…>…</div> - taking element screenshot - disabled all CSS animations - waiting for element to be visible and stable - element is visible and stable - 5363 pixels (ratio 0.02 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('tui-doc-example [automation-id="tui-doc-example"]').nth(3) - locator resolved to <div _ngcontent-tui-demo-c345="" automation-id="tui-d…>…</div> - taking element screenshot - disabled all CSS animations - waiting for element to be visible and stable - element is visible and stable - captured a stable screenshot - 5363 pixels (ratio 0.02 of all image pixels) are different. 33 | } 34 | > 35 | await expect(example).toHaveScreenshot([ | ^ 36 | path.replace('/', '').replace(/\//g, '-'), 37 | `${i + 1}.png`, 38 | ]); at /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests/demo/demo.spec.ts:35:39

5) [chromium] › tests/demo/demo.spec.ts:10:13 › Demo › /components/button ──────────────────────── Error: Screenshot comparison failed: 17782 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.spec.ts-snapshots/components-button/1-chromium-linux.png Received: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-demo-demo-Demo-components-button-chromium/components-button/1-actual.png Diff: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-demo-demo-Demo-components-button-chromium/components-button/1-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('tui-doc-example [automation-id="tui-doc-example"]').first() - locator resolved to <div _ngcontent-tui-demo-c345="" automation-id="tui-d…>…</div> - taking element screenshot - disabled all CSS animations - waiting for element to be visible and stable - element is visible and stable - 17782 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('tui-doc-example [automation-id="tui-doc-example"]').first() - locator resolved to <div _ngcontent-tui-demo-c345="" automation-id="tui-d…>…</div> - taking element screenshot - disabled all CSS animations - waiting for element to be visible and stable - element is visible and stable - captured a stable screenshot - 17782 pixels (ratio 0.01 of all image pixels) are different. 33 | } 34 | > 35 | await expect(example).toHaveScreenshot([ | ^ 36 | path.replace('/', '').replace(/\//g, '-'), 37 | `${i + 1}.png`, 38 | ]); at /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests/demo/demo.spec.ts:35:39

5) [chromium] › tests/demo/demo.spec.ts:10:13 › Demo › /components/button ──────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 17782 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.spec.ts-snapshots/components-button/1-chromium-linux.png Received: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-demo-demo-Demo-components-button-chromium-retry1/components-button/1-actual.png Diff: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-demo-demo-Demo-components-button-chromium-retry1/components-button/1-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('tui-doc-example [automation-id="tui-doc-example"]').first() - locator resolved to <div _ngcontent-tui-demo-c345="" automation-id="tui-d…>…</div> - taking element screenshot - disabled all CSS animations - waiting for element to be visible and stable - element is visible and stable - 17782 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('tui-doc-example [automation-id="tui-doc-example"]').first() - locator resolved to <div _ngcontent-tui-demo-c345="" automation-id="tui-d…>…</div> - taking element screenshot - disabled all CSS animations - waiting for element to be visible and stable - element is visible and stable - captured a stable screenshot - 17782 pixels (ratio 0.01 of all image pixels) are different. 33 | } 34 | > 35 | await expect(example).toHaveScreenshot([ | ^ 36 | path.replace('/', '').replace(/\//g, '-'), 37 | `${i + 1}.png`, 38 | ]); at /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests/demo/demo.spec.ts:35:39

1) [chromium] › tests/demo/demo.spec.ts:10:13 › Demo › /experimental/checkbox ──────────────────── Error: Screenshot comparison failed: 7002 pixels (ratio 0.02 of all image pixels) are different. Expected: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/snapshots/tests/demo/demo.spec.ts-snapshots/experimental-checkbox/1-chromium-linux.png Received: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-demo-demo-Demo-experimental-checkbox-chromium/experimental-checkbox/1-actual.png Diff: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-demo-demo-Demo-experimental-checkbox-chromium/experimental-checkbox/1-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('tui-doc-example [automation-id="tui-doc-example"]').first() - locator resolved to <div _ngcontent-tui-demo-c345="" automation-id="tui-d…>…</div> - taking element screenshot - disabled all CSS animations - waiting for element to be visible and stable - element is visible and stable - 7002 pixels (ratio 0.02 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('tui-doc-example [automation-id="tui-doc-example"]').first() - locator resolved to <div _ngcontent-tui-demo-c345="" automation-id="tui-d…>…</div> - taking element screenshot - disabled all CSS animations - waiting for element to be visible and stable - element is visible and stable - captured a stable screenshot - 7002 pixels (ratio 0.02 of all image pixels) are different. 33 | } 34 | > 35 | await expect(example).toHaveScreenshot([ | ^ 36 | path.replace('/', '').replace(/\//g, '-'), 37 | `${i + 1}.png`, 38 | ]); at /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests/demo/demo.spec.ts:35:39

1) [chromium] › tests/demo/demo.spec.ts:10:13 › Demo › /experimental/checkbox ──────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 7002 pixels (ratio 0.02 of all image pixels) are different. Expected: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/snapshots/tests/demo/demo.spec.ts-snapshots/experimental-checkbox/1-chromium-linux.png Received: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-demo-demo-Demo-experimental-checkbox-chromium-retry1/experimental-checkbox/1-actual.png Diff: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-demo-demo-Demo-experimental-checkbox-chromium-retry1/experimental-checkbox/1-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('tui-doc-example [automation-id="tui-doc-example"]').first() - locator resolved to <div _ngcontent-tui-demo-c345="" automation-id="tui-d…>…</div> - taking element screenshot - disabled all CSS animations - waiting for element to be visible and stable - element is visible and stable - 7002 pixels (ratio 0.02 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('tui-doc-example [automation-id="tui-doc-example"]').first() - locator resolved to <div _ngcontent-tui-demo-c345="" automation-id="tui-d…>…</div> - taking element screenshot - disabled all CSS animations - waiting for element to be visible and stable - element is visible and stable - captured a stable screenshot - 7002 pixels (ratio 0.02 of all image pixels) are different. 33 | } 34 | > 35 | await expect(example).toHaveScreenshot([ | ^ 36 | path.replace('/', '').replace(/\//g, '-'), 37 | `${i + 1}.png`, 38 | ]); at /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests/demo/demo.spec.ts:35:39

2) [chromium] › tests/demo/demo.spec.ts:10:13 › Demo › /experimental/radio ─────────────────────── Error: Screenshot comparison failed: 7002 pixels (ratio 0.02 of all image pixels) are different. Expected: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/snapshots/tests/demo/demo.spec.ts-snapshots/experimental-radio/1-chromium-linux.png Received: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-demo-demo-Demo-experimental-radio-chromium/experimental-radio/1-actual.png Diff: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-demo-demo-Demo-experimental-radio-chromium/experimental-radio/1-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('tui-doc-example [automation-id="tui-doc-example"]').first() - locator resolved to <div _ngcontent-tui-demo-c345="" automation-id="tui-d…>…</div> - taking element screenshot - disabled all CSS animations - waiting for element to be visible and stable - element is visible and stable - 7002 pixels (ratio 0.02 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('tui-doc-example [automation-id="tui-doc-example"]').first() - locator resolved to <div _ngcontent-tui-demo-c345="" automation-id="tui-d…>…</div> - taking element screenshot - disabled all CSS animations - waiting for element to be visible and stable - element is visible and stable - captured a stable screenshot - 7002 pixels (ratio 0.02 of all image pixels) are different. 33 | } 34 | > 35 | await expect(example).toHaveScreenshot([ | ^ 36 | path.replace('/', '').replace(/\//g, '-'), 37 | `${i + 1}.png`, 38 | ]); at /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests/demo/demo.spec.ts:35:39

2) [chromium] › tests/demo/demo.spec.ts:10:13 › Demo › /experimental/radio ─────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 7002 pixels (ratio 0.02 of all image pixels) are different. Expected: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/snapshots/tests/demo/demo.spec.ts-snapshots/experimental-radio/1-chromium-linux.png Received: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-demo-demo-Demo-experimental-radio-chromium-retry1/experimental-radio/1-actual.png Diff: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-demo-demo-Demo-experimental-radio-chromium-retry1/experimental-radio/1-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('tui-doc-example [automation-id="tui-doc-example"]').first() - locator resolved to <div _ngcontent-tui-demo-c345="" automation-id="tui-d…>…</div> - taking element screenshot - disabled all CSS animations - waiting for element to be visible and stable - element is visible and stable - 7002 pixels (ratio 0.02 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('tui-doc-example [automation-id="tui-doc-example"]').first() - locator resolved to <div _ngcontent-tui-demo-c345="" automation-id="tui-d…>…</div> - taking element screenshot - disabled all CSS animations - waiting for element to be visible and stable - element is visible and stable - captured a stable screenshot - 7002 pixels (ratio 0.02 of all image pixels) are different. 33 | } 34 | > 35 | await expect(example).toHaveScreenshot([ | ^ 36 | path.replace('/', '').replace(/\//g, '-'), 37 | `${i + 1}.png`, 38 | ]); at /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests/demo/demo.spec.ts:35:39

3) [chromium] › tests/demo/demo.spec.ts:10:13 › Demo › /experimental/toggle ────────────────────── Error: Screenshot comparison failed: 7002 pixels (ratio 0.02 of all image pixels) are different. Expected: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/snapshots/tests/demo/demo.spec.ts-snapshots/experimental-toggle/1-chromium-linux.png Received: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-demo-demo-Demo-experimental-toggle-chromium/experimental-toggle/1-actual.png Diff: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-demo-demo-Demo-experimental-toggle-chromium/experimental-toggle/1-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('tui-doc-example [automation-id="tui-doc-example"]').first() - locator resolved to <div _ngcontent-tui-demo-c345="" automation-id="tui-d…>…</div> - taking element screenshot - disabled all CSS animations - waiting for element to be visible and stable - element is visible and stable - 7002 pixels (ratio 0.02 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('tui-doc-example [automation-id="tui-doc-example"]').first() - locator resolved to <div _ngcontent-tui-demo-c345="" automation-id="tui-d…>…</div> - taking element screenshot - disabled all CSS animations - waiting for element to be visible and stable - element is visible and stable - captured a stable screenshot - 7002 pixels (ratio 0.02 of all image pixels) are different. 33 | } 34 | > 35 | await expect(example).toHaveScreenshot([ | ^ 36 | path.replace('/', '').replace(/\//g, '-'), 37 | `${i + 1}.png`, 38 | ]); at /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests/demo/demo.spec.ts:35:39

3) [chromium] › tests/demo/demo.spec.ts:10:13 › Demo › /experimental/toggle ────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 7002 pixels (ratio 0.02 of all image pixels) are different. Expected: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/snapshots/tests/demo/demo.spec.ts-snapshots/experimental-toggle/1-chromium-linux.png Received: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-demo-demo-Demo-experimental-toggle-chromium-retry1/experimental-toggle/1-actual.png Diff: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-demo-demo-Demo-experimental-toggle-chromium-retry1/experimental-toggle/1-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('tui-doc-example [automation-id="tui-doc-example"]').first() - locator resolved to <div _ngcontent-tui-demo-c345="" automation-id="tui-d…>…</div> - taking element screenshot - disabled all CSS animations - waiting for element to be visible and stable - element is visible and stable - 7002 pixels (ratio 0.02 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('tui-doc-example [automation-id="tui-doc-example"]').first() - locator resolved to <div _ngcontent-tui-demo-c345="" automation-id="tui-d…>…</div> - taking element screenshot - disabled all CSS animations - waiting for element to be visible and stable - element is visible and stable - captured a stable screenshot - 7002 pixels (ratio 0.02 of all image pixels) are different. 33 | } 34 | > 35 | await expect(example).toHaveScreenshot([ | ^ 36 | path.replace('/', '').replace(/\//g, '-'), 37 | `${i + 1}.png`, 38 | ]); at /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests/demo/demo.spec.ts:35:39

4) [chromium] › tests/demo/demo.spec.ts:10:13 › Demo › /charts/axes ────────────────────────────── Error: Screenshot comparison failed: 12137 pixels (ratio 0.02 of all image pixels) are different. Expected: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/snapshots/tests/demo/demo.spec.ts-snapshots/charts-axes/3-chromium-linux.png Received: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-demo-demo-Demo-charts-axes-chromium/charts-axes/3-actual.png Diff: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-demo-demo-Demo-charts-axes-chromium/charts-axes/3-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('tui-doc-example [automation-id="tui-doc-example"]').nth(2) - locator resolved to <div _ngcontent-tui-demo-c345="" automation-id="tui-d…>…</div> - taking element screenshot - disabled all CSS animations - waiting for element to be visible and stable - element is visible and stable - 12137 pixels (ratio 0.02 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('tui-doc-example [automation-id="tui-doc-example"]').nth(2) - locator resolved to <div _ngcontent-tui-demo-c345="" automation-id="tui-d…>…</div> - taking element screenshot - disabled all CSS animations - waiting for element to be visible and stable - element is visible and stable - captured a stable screenshot - 12137 pixels (ratio 0.02 of all image pixels) are different. 33 | } 34 | > 35 | await expect(example).toHaveScreenshot([ | ^ 36 | path.replace('/', '').replace(/\//g, '-'), 37 | `${i + 1}.png`, 38 | ]); at /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests/demo/demo.spec.ts:35:39

4) [chromium] › tests/demo/demo.spec.ts:10:13 › Demo › /charts/axes ────────────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 12137 pixels (ratio 0.02 of all image pixels) are different. Expected: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/snapshots/tests/demo/demo.spec.ts-snapshots/charts-axes/3-chromium-linux.png Received: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-demo-demo-Demo-charts-axes-chromium-retry1/charts-axes/3-actual.png Diff: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-demo-demo-Demo-charts-axes-chromium-retry1/charts-axes/3-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('tui-doc-example [automation-id="tui-doc-example"]').nth(2) - locator resolved to <div _ngcontent-tui-demo-c345="" automation-id="tui-d…>…</div> - taking element screenshot - disabled all CSS animations - waiting for element to be visible and stable - element is visible and stable - 12137 pixels (ratio 0.02 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('tui-doc-example [automation-id="tui-doc-example"]').nth(2) - locator resolved to <div _ngcontent-tui-demo-c345="" automation-id="tui-d…>…</div> - taking element screenshot - disabled all CSS animations - waiting for element to be visible and stable - element is visible and stable - captured a stable screenshot - 12137 pixels (ratio 0.02 of all image pixels) are different. 33 | } 34 | > 35 | await expect(example).toHaveScreenshot([ | ^ 36 | path.replace('/', '').replace(/\//g, '-'), 37 | `${i + 1}.png`, 38 | ]); at /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests/demo/demo.spec.ts:35:39

5) [chromium] › tests/demo/demo.spec.ts:10:13 › Demo › /charts/bar-chart ───────────────────────── Error: Screenshot comparison failed: 5106 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.spec.ts-snapshots/charts-bar-chart/2-chromium-linux.png Received: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-demo-demo-Demo-charts-bar-chart-chromium/charts-bar-chart/2-actual.png Diff: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-demo-demo-Demo-charts-bar-chart-chromium/charts-bar-chart/2-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('tui-doc-example [automation-id="tui-doc-example"]').nth(1) - locator resolved to <div _ngcontent-tui-demo-c345="" automation-id="tui-d…>…</div> - taking element screenshot - disabled all CSS animations - waiting for element to be visible and stable - element is visible and stable - 5106 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('tui-doc-example [automation-id="tui-doc-example"]').nth(1) - locator resolved to <div _ngcontent-tui-demo-c345="" automation-id="tui-d…>…</div> - taking element screenshot - disabled all CSS animations - waiting for element to be visible and stable - element is visible and stable - captured a stable screenshot - 5106 pixels (ratio 0.01 of all image pixels) are different. 33 | } 34 | > 35 | await expect(example).toHaveScreenshot([ | ^ 36 | path.replace('/', '').replace(/\//g, '-'), 37 | `${i + 1}.png`, 38 | ]); at /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests/demo/demo.spec.ts:35:39

5) [chromium] › tests/demo/demo.spec.ts:10:13 › Demo › /charts/bar-chart ───────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 5106 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.spec.ts-snapshots/charts-bar-chart/2-chromium-linux.png Received: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-demo-demo-Demo-charts-bar-chart-chromium-retry1/charts-bar-chart/2-actual.png Diff: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-demo-demo-Demo-charts-bar-chart-chromium-retry1/charts-bar-chart/2-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('tui-doc-example [automation-id="tui-doc-example"]').nth(1) - locator resolved to <div _ngcontent-tui-demo-c345="" automation-id="tui-d…>…</div> - taking element screenshot - disabled all CSS animations - waiting for element to be visible and stable - element is visible and stable - 5106 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('tui-doc-example [automation-id="tui-doc-example"]').nth(1) - locator resolved to <div _ngcontent-tui-demo-c345="" automation-id="tui-d…>…</div> - taking element screenshot - disabled all CSS animations - waiting for element to be visible and stable - element is visible and stable - captured a stable screenshot - 5106 pixels (ratio 0.01 of all image pixels) are different. 33 | } 34 | > 35 | await expect(example).toHaveScreenshot([ | ^ 36 | path.replace('/', '').replace(/\//g, '-'), 37 | `${i + 1}.png`, 38 | ]); at /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests/demo/demo.spec.ts:35:39

1) [chromium] › tests/kit/notification/notification.spec.ts:16:17 › Notification › default › width: 180 Error: Screenshot comparison failed: Expected an image 320px by 512px, received 320px by 472px. 4479 pixels (ratio 0.03 of all image pixels) are different. Expected: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/snapshots/tests/kit/notification/notification.spec.ts-snapshots/01-notification-180-chromium-linux.png Received: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-kit-notification-notification-Notification-default-width-180-chromium/01-notification-180-actual.png Diff: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-kit-notification-notification-Notification-default-width-180-chromium/01-notification-180-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#demo-content') - locator resolved to <div id="demo-content" class="t-content" _ngcontent-t…>…</div> - taking element screenshot - disabled all CSS animations - waiting for element to be visible and stable - element is visible and stable - Expected an image 320px by 512px, received 320px by 472px. 4479 pixels (ratio 0.03 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#demo-content') - locator resolved to <div id="demo-content" class="t-content" _ngcontent-t…>…</div> - taking element screenshot - disabled all CSS animations - waiting for element to be visible and stable - element is visible and stable - captured a stable screenshot - Expected an image 320px by 512px, received 320px by 472px. 4479 pixels (ratio 0.03 of all image pixels) are different. 16 | test(`width: ${width}`, async ({page}) => { 17 | await page.setViewportSize({width, height}); > 18 | await expect(example).toHaveScreenshot(`01-notification-${width}.png`); | ^ 19 | }); 20 | }); 21 | }); at /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests/kit/notification/notification.spec.ts:18:39

1) [chromium] › tests/kit/notification/notification.spec.ts:16:17 › Notification › default › width: 180 Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: Expected an image 320px by 512px, received 320px by 472px. 4479 pixels (ratio 0.03 of all image pixels) are different. Expected: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/snapshots/tests/kit/notification/notification.spec.ts-snapshots/01-notification-180-chromium-linux.png Received: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-kit-notification-notification-Notification-default-width-180-chromium-retry1/01-notification-180-actual.png Diff: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-kit-notification-notification-Notification-default-width-180-chromium-retry1/01-notification-180-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#demo-content') - locator resolved to <div id="demo-content" class="t-content" _ngcontent-t…>…</div> - taking element screenshot - disabled all CSS animations - waiting for element to be visible and stable - element is visible and stable - Expected an image 320px by 512px, received 320px by 472px. 4471 pixels (ratio 0.03 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#demo-content') - locator resolved to <div id="demo-content" class="t-content" _ngcontent-t…>…</div> - taking element screenshot - disabled all CSS animations - waiting for element to be visible and stable - element is visible and stable - captured a stable screenshot - Expected an image 320px by 512px, received 320px by 472px. 4479 pixels (ratio 0.03 of all image pixels) are different. 16 | test(`width: ${width}`, async ({page}) => { 17 | await page.setViewportSize({width, height}); > 18 | await expect(example).toHaveScreenshot(`01-notification-${width}.png`); | ^ 19 | }); 20 | }); 21 | }); at /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests/kit/notification/notification.spec.ts:18:39

2) [chromium] › tests/kit/notification/notification.spec.ts:16:17 › Notification › default › width: 190 Error: Screenshot comparison failed: Expected an image 320px by 512px, received 320px by 472px. 4479 pixels (ratio 0.03 of all image pixels) are different. Expected: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/snapshots/tests/kit/notification/notification.spec.ts-snapshots/01-notification-190-chromium-linux.png Received: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-kit-notification-notification-Notification-default-width-190-chromium/01-notification-190-actual.png Diff: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-kit-notification-notification-Notification-default-width-190-chromium/01-notification-190-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#demo-content') - locator resolved to <div id="demo-content" class="t-content" _ngcontent-t…>…</div> - taking element screenshot - disabled all CSS animations - waiting for element to be visible and stable - element is visible and stable - Expected an image 320px by 512px, received 320px by 472px. 4479 pixels (ratio 0.03 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#demo-content') - locator resolved to <div id="demo-content" class="t-content" _ngcontent-t…>…</div> - taking element screenshot - disabled all CSS animations - waiting for element to be visible and stable - element is visible and stable - captured a stable screenshot - Expected an image 320px by 512px, received 320px by 472px. 4479 pixels (ratio 0.03 of all image pixels) are different. 16 | test(`width: ${width}`, async ({page}) => { 17 | await page.setViewportSize({width, height}); > 18 | await expect(example).toHaveScreenshot(`01-notification-${width}.png`); | ^ 19 | }); 20 | }); 21 | }); at /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests/kit/notification/notification.spec.ts:18:39

2) [chromium] › tests/kit/notification/notification.spec.ts:16:17 › Notification › default › width: 190 Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: Expected an image 320px by 512px, received 320px by 472px. 4479 pixels (ratio 0.03 of all image pixels) are different. Expected: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/snapshots/tests/kit/notification/notification.spec.ts-snapshots/01-notification-190-chromium-linux.png Received: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-kit-notification-notification-Notification-default-width-190-chromium-retry1/01-notification-190-actual.png Diff: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-kit-notification-notification-Notification-default-width-190-chromium-retry1/01-notification-190-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#demo-content') - locator resolved to <div id="demo-content" class="t-content" _ngcontent-t…>…</div> - taking element screenshot - disabled all CSS animations - waiting for element to be visible and stable - element is visible and stable - Expected an image 320px by 512px, received 320px by 472px. 4479 pixels (ratio 0.03 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#demo-content') - locator resolved to <div id="demo-content" class="t-content" _ngcontent-t…>…</div> - taking element screenshot - disabled all CSS animations - waiting for element to be visible and stable - element is visible and stable - captured a stable screenshot - Expected an image 320px by 512px, received 320px by 472px. 4479 pixels (ratio 0.03 of all image pixels) are different. 16 | test(`width: ${width}`, async ({page}) => { 17 | await page.setViewportSize({width, height}); > 18 | await expect(example).toHaveScreenshot(`01-notification-${width}.png`); | ^ 19 | }); 20 | }); 21 | }); at /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests/kit/notification/notification.spec.ts:18:39

3) [chromium] › tests/kit/notification/notification.spec.ts:16:17 › Notification › default › width: 200 Error: Screenshot comparison failed: Expected an image 320px by 512px, received 320px by 472px. 4463 pixels (ratio 0.03 of all image pixels) are different. Expected: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/snapshots/tests/kit/notification/notification.spec.ts-snapshots/01-notification-200-chromium-linux.png Received: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-kit-notification-notification-Notification-default-width-200-chromium/01-notification-200-actual.png Diff: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-kit-notification-notification-Notification-default-width-200-chromium/01-notification-200-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#demo-content') - locator resolved to <div id="demo-content" class="t-content" _ngcontent-t…>…</div> - taking element screenshot - disabled all CSS animations - waiting for element to be visible and stable - element is visible and stable - Expected an image 320px by 512px, received 320px by 472px. 4463 pixels (ratio 0.03 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#demo-content') - locator resolved to <div id="demo-content" class="t-content" _ngcontent-t…>…</div> - taking element screenshot - disabled all CSS animations - waiting for element to be visible and stable - element is visible and stable - captured a stable screenshot - Expected an image 320px by 512px, received 320px by 472px. 4463 pixels (ratio 0.03 of all image pixels) are different. 16 | test(`width: ${width}`, async ({page}) => { 17 | await page.setViewportSize({width, height}); > 18 | await expect(example).toHaveScreenshot(`01-notification-${width}.png`); | ^ 19 | }); 20 | }); 21 | }); at /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests/kit/notification/notification.spec.ts:18:39

3) [chromium] › tests/kit/notification/notification.spec.ts:16:17 › Notification › default › width: 200 Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: Expected an image 320px by 512px, received 320px by 472px. 4463 pixels (ratio 0.03 of all image pixels) are different. Expected: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/snapshots/tests/kit/notification/notification.spec.ts-snapshots/01-notification-200-chromium-linux.png Received: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-kit-notification-notification-Notification-default-width-200-chromium-retry1/01-notification-200-actual.png Diff: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-kit-notification-notification-Notification-default-width-200-chromium-retry1/01-notification-200-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#demo-content') - locator resolved to <div id="demo-content" class="t-content" _ngcontent-t…>…</div> - taking element screenshot - disabled all CSS animations - waiting for element to be visible and stable - element is visible and stable - Expected an image 320px by 512px, received 320px by 472px. 4463 pixels (ratio 0.03 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#demo-content') - locator resolved to <div id="demo-content" class="t-content" _ngcontent-t…>…</div> - taking element screenshot - disabled all CSS animations - waiting for element to be visible and stable - element is visible and stable - captured a stable screenshot - Expected an image 320px by 512px, received 320px by 472px. 4463 pixels (ratio 0.03 of all image pixels) are different. 16 | test(`width: ${width}`, async ({page}) => { 17 | await page.setViewportSize({width, height}); > 18 | await expect(example).toHaveScreenshot(`01-notification-${width}.png`); | ^ 19 | }); 20 | }); 21 | }); at /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests/kit/notification/notification.spec.ts:18:39

4) [chromium] › tests/kit/notification/notification.spec.ts:16:17 › Notification › default › width: 210 Error: Screenshot comparison failed: Expected an image 340px by 392px, received 340px by 352px. 4531 pixels (ratio 0.04 of all image pixels) are different. Expected: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/snapshots/tests/kit/notification/notification.spec.ts-snapshots/01-notification-210-chromium-linux.png Received: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-kit-notification-notification-Notification-default-width-210-chromium/01-notification-210-actual.png Diff: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-kit-notification-notification-Notification-default-width-210-chromium/01-notification-210-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#demo-content') - locator resolved to <div id="demo-content" class="t-content" _ngcontent-t…>…</div> - taking element screenshot - disabled all CSS animations - waiting for element to be visible and stable - element is visible and stable - Expected an image 340px by 392px, received 340px by 352px. 4531 pixels (ratio 0.04 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#demo-content') - locator resolved to <div id="demo-content" class="t-content" _ngcontent-t…>…</div> - taking element screenshot - disabled all CSS animations - waiting for element to be visible and stable - element is visible and stable - captured a stable screenshot - Expected an image 340px by 392px, received 340px by 352px. 4531 pixels (ratio 0.04 of all image pixels) are different. 16 | test(`width: ${width}`, async ({page}) => { 17 | await page.setViewportSize({width, height}); > 18 | await expect(example).toHaveScreenshot(`01-notification-${width}.png`); | ^ 19 | }); 20 | }); 21 | }); at /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests/kit/notification/notification.spec.ts:18:39

4) [chromium] › tests/kit/notification/notification.spec.ts:16:17 › Notification › default › width: 210 Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: Expected an image 340px by 392px, received 340px by 352px. 4531 pixels (ratio 0.04 of all image pixels) are different. Expected: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/snapshots/tests/kit/notification/notification.spec.ts-snapshots/01-notification-210-chromium-linux.png Received: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-kit-notification-notification-Notification-default-width-210-chromium-retry1/01-notification-210-actual.png Diff: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-kit-notification-notification-Notification-default-width-210-chromium-retry1/01-notification-210-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#demo-content') - locator resolved to <div id="demo-content" class="t-content" _ngcontent-t…>…</div> - taking element screenshot - disabled all CSS animations - waiting for element to be visible and stable - element is visible and stable - Expected an image 340px by 392px, received 340px by 352px. 4531 pixels (ratio 0.04 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#demo-content') - locator resolved to <div id="demo-content" class="t-content" _ngcontent-t…>…</div> - taking element screenshot - disabled all CSS animations - waiting for element to be visible and stable - element is visible and stable - captured a stable screenshot - Expected an image 340px by 392px, received 340px by 352px. 4531 pixels (ratio 0.04 of all image pixels) are different. 16 | test(`width: ${width}`, async ({page}) => { 17 | await page.setViewportSize({width, height}); > 18 | await expect(example).toHaveScreenshot(`01-notification-${width}.png`); | ^ 19 | }); 20 | }); 21 | }); at /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests/kit/notification/notification.spec.ts:18:39

5) [chromium] › tests/kit/notification/notification.spec.ts:16:17 › Notification › default › width: 220 Error: Screenshot comparison failed: Expected an image 360px by 352px, received 360px by 312px. 4108 pixels (ratio 0.04 of all image pixels) are different. Expected: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/snapshots/tests/kit/notification/notification.spec.ts-snapshots/01-notification-220-chromium-linux.png Received: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-kit-notification-notification-Notification-default-width-220-chromium/01-notification-220-actual.png Diff: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-kit-notification-notification-Notification-default-width-220-chromium/01-notification-220-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#demo-content') - locator resolved to <div id="demo-content" class="t-content" _ngcontent-t…>…</div> - taking element screenshot - disabled all CSS animations - waiting for element to be visible and stable - element is visible and stable - Expected an image 360px by 352px, received 360px by 312px. 4108 pixels (ratio 0.04 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#demo-content') - locator resolved to <div id="demo-content" class="t-content" _ngcontent-t…>…</div> - taking element screenshot - disabled all CSS animations - waiting for element to be visible and stable - element is visible and stable - captured a stable screenshot - Expected an image 360px by 352px, received 360px by 312px. 4108 pixels (ratio 0.04 of all image pixels) are different. 16 | test(`width: ${width}`, async ({page}) => { 17 | await page.setViewportSize({width, height}); > 18 | await expect(example).toHaveScreenshot(`01-notification-${width}.png`); | ^ 19 | }); 20 | }); 21 | }); at /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests/kit/notification/notification.spec.ts:18:39

5) [chromium] › tests/kit/notification/notification.spec.ts:16:17 › Notification › default › width: 220 Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: Expected an image 360px by 352px, received 360px by 312px. 4108 pixels (ratio 0.04 of all image pixels) are different. Expected: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/snapshots/tests/kit/notification/notification.spec.ts-snapshots/01-notification-220-chromium-linux.png Received: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-kit-notification-notification-Notification-default-width-220-chromium-retry1/01-notification-220-actual.png Diff: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-kit-notification-notification-Notification-default-width-220-chromium-retry1/01-notification-220-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#demo-content') - locator resolved to <div id="demo-content" class="t-content" _ngcontent-t…>…</div> - taking element screenshot - disabled all CSS animations - waiting for element to be visible and stable - element is visible and stable - Expected an image 360px by 352px, received 360px by 312px. 4108 pixels (ratio 0.04 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#demo-content') - locator resolved to <div id="demo-content" class="t-content" _ngcontent-t…>…</div> - taking element screenshot - disabled all CSS animations - waiting for element to be visible and stable - element is visible and stable - captured a stable screenshot - Expected an image 360px by 352px, received 360px by 312px. 4108 pixels (ratio 0.04 of all image pixels) are different. 16 | test(`width: ${width}`, async ({page}) => { 17 | await page.setViewportSize({width, height}); > 18 | await expect(example).toHaveScreenshot(`01-notification-${width}.png`); | ^ 19 | }); 20 | }); 21 | }); at /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests/kit/notification/notification.spec.ts:18:39

Process completed with exit code 1.

Process completed with exit code 1.

Node.js 16 actions are deprecated. Please update the following actions to use Node.js 20: actions/[email protected], actions/cache/[email protected]. For more information see: https://github.blog/changelog/2023-09-22-github-actions-transitioning-from-node-16-to-node-20/.

Node.js 16 actions are deprecated. Please update the following actions to use Node.js 20: actions/[email protected], actions/cache/[email protected], actions/[email protected]. For more information see: https://github.blog/changelog/2023-09-22-github-actions-transitioning-from-node-16-to-node-20/.

Node.js 16 actions are deprecated. Please update the following actions to use Node.js 20: actions/[email protected], actions/cache/[email protected], actions/[email protected]. For more information see: https://github.blog/changelog/2023-09-22-github-actions-transitioning-from-node-16-to-node-20/.

Node.js 16 actions are deprecated. Please update the following actions to use Node.js 20: actions/[email protected], actions/cache/[email protected], actions/[email protected]. For more information see: https://github.blog/changelog/2023-09-22-github-actions-transitioning-from-node-16-to-node-20/.

Node.js 16 actions are deprecated. Please update the following actions to use Node.js 20: actions/[email protected], actions/cache/[email protected], actions/[email protected]. For more information see: https://github.blog/changelog/2023-09-22-github-actions-transitioning-from-node-16-to-node-20/.

Node.js 16 actions are deprecated. Please update the following actions to use Node.js 20: actions/[email protected], actions/cache/[email protected], actions/[email protected]. For more information see: https://github.blog/changelog/2023-09-22-github-actions-transitioning-from-node-16-to-node-20/.

Node.js 16 actions are deprecated. Please update the following actions to use Node.js 20: actions/[email protected], actions/cache/[email protected], actions/[email protected]. For more information see: https://github.blog/changelog/2023-09-22-github-actions-transitioning-from-node-16-to-node-20/.

Node.js 16 actions are deprecated. Please update the following actions to use Node.js 20: actions/[email protected], actions/cache/[email protected], actions/[email protected]. For more information see: https://github.blog/changelog/2023-09-22-github-actions-transitioning-from-node-16-to-node-20/.

Node.js 16 actions are deprecated. Please update the following actions to use Node.js 20: actions/[email protected]. For more information see: https://github.blog/changelog/2023-09-22-github-actions-transitioning-from-node-16-to-node-20/.

82 passed (1.4m)

6 failed [chromium] › tests/addon-charts/pie-chart/pie-chart.spec.ts:5:9 › PieChart › should be show hints on charts [chromium] › tests/core/alert-service/alert-service.spec.ts:9:9 › AlertService › is shown correctly [chromium] › tests/core/dropdown/dropdown.spec.ts:25:9 › Dropdown › Appearance ───────────────── [chromium] › tests/demo/demo.spec.ts:10:13 › Demo › /components/avatar ───────────────────────── [chromium] › tests/demo/demo.spec.ts:10:13 › Demo › /components/button ───────────────────────── [chromium] › tests/demo/demo.spec.ts:10:13 › Demo › /components/data-list ────────────────────── 76 passed (1.3m)

82 passed (1.4m)

12 failed [chromium] › tests/demo/demo.spec.ts:10:13 › Demo › /experimental/checkbox ───────────────────── [chromium] › tests/demo/demo.spec.ts:10:13 › Demo › /experimental/radio ──────────────────────── [chromium] › tests/demo/demo.spec.ts:10:13 › Demo › /experimental/toggle ─────────────────────── [chromium] › tests/demo/demo.spec.ts:10:13 › Demo › /charts/axes ─────────────────────────────── [chromium] › tests/demo/demo.spec.ts:10:13 › Demo › /charts/bar-chart ────────────────────────── [chromium] › tests/demo/demo.spec.ts:10:13 › Demo › /charts/legend-item ──────────────────────── [chromium] › tests/demo/demo.spec.ts:10:13 › Demo › /charts/line-chart ───────────────────────── [chromium] › tests/demo/demo.spec.ts:10:13 › Demo › /charts/line-days-chart ──────────────────── [chromium] › tests/demo/demo.spec.ts:10:13 › Demo › /charts/pie-chart ────────────────────────── [chromium] › tests/demo/demo.spec.ts:10:13 › Demo › /icons/marker-icon ───────────────────────── [chromium] › tests/demo/demo.spec.ts:10:13 › Demo › /navigation/tab-bar ──────────────────────── [chromium] › tests/kit/combo-box/combobox.spec.ts:7:9 › ComboBox › Don't allow disabled options to be selected by typing them 70 passed (1.5m)

81 passed (1.3m)

20 failed [chromium] › tests/kit/notification/notification.spec.ts:16:17 › Notification › default › width: 180 [chromium] › tests/kit/notification/notification.spec.ts:16:17 › Notification › default › width: 190 [chromium] › tests/kit/notification/notification.spec.ts:16:17 › Notification › default › width: 200 [chromium] › tests/kit/notification/notification.spec.ts:16:17 › Notification › default › width: 210 [chromium] › tests/kit/notification/notification.spec.ts:16:17 › Notification › default › width: 220 [chromium] › tests/kit/notification/notification.spec.ts:16:17 › Notification › default › width: 230 [chromium] › tests/kit/notification/notification.spec.ts:16:17 › Notification › default › width: 240 [chromium] › tests/kit/notification/notification.spec.ts:16:17 › Notification › default › width: 250 [chromium] › tests/kit/notification/notification.spec.ts:16:17 › Notification › default › width: 260 [chromium] › tests/kit/notification/notification.spec.ts:16:17 › Notification › default › width: 270 [chromium] › tests/kit/notification/notification.spec.ts:16:17 › Notification › default › width: 280 [chromium] › tests/kit/notification/notification.spec.ts:16:17 › Notification › default › width: 290 [chromium] › tests/kit/notification/notification.spec.ts:16:17 › Notification › default › width: 300 [chromium] › tests/kit/notification/notification.spec.ts:16:17 › Notification › default › width: 310 [chromium] › tests/kit/notification/notification.spec.ts:16:17 › Notification › default › width: 320 [chromium] › tests/kit/select/select.mobile.spec.ts:19:9 › Select › native select value ──────── [chromium] › tests/kit/slider/slider.spec.ts:157:17 › Slider › programmatically change value › formController › => 0 [chromium] › tests/kit/slider/slider.spec.ts:168:17 › Slider › programmatically change value › formController › => 500 [chromium] › tests/kit/slider/slider.spec.ts:179:17 › Slider › programmatically change value › formController › => 750 [chromium] › tests/kit/slider/slider.spec.ts:190:17 › Slider › programmatically change value › formController › => 1000 61 passed (1.6m)