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

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/.

81 passed (1.3m)