Skip to content

feat(experimental): Avatar shift sizes to match buttons and controls #9113

feat(experimental): Avatar shift sizes to match buttons and controls

feat(experimental): Avatar shift sizes to match buttons and controls #9113

Triggered via pull request February 15, 2024 08:55
Status Failure
Total duration 27m 26s
Artifacts 2

e2e.yml

on: pull_request
Matrix: cypress
Matrix: playwright
E2E result
32s
E2E result
Fit to window
Zoom out
Zoom in

Annotations

18 errors, 8 warnings, and 8 notices
[chromium] › tests/demo/demo.spec.ts:10:13 › Demo › /experimental/title: projects/demo-playwright/tests/demo/demo.spec.ts#L35
1) [chromium] › tests/demo/demo.spec.ts:10:13 › Demo › /experimental/title ─────────────────────── Error: Screenshot comparison failed: Expected an image 640px by 428px, received 640px by 432px. 3295 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-title/3-chromium-linux.png Received: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-demo-demo-Demo-experimental-title-chromium/experimental-title/3-actual.png Diff: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-demo-demo-Demo-experimental-title-chromium/experimental-title/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 - Expected an image 640px by 428px, received 640px by 432px. 3295 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 - Expected an image 640px by 428px, received 640px by 432px. 3295 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
[chromium] › tests/demo/demo.spec.ts:10:13 › Demo › /experimental/title: projects/demo-playwright/tests/demo/demo.spec.ts#L35
1) [chromium] › tests/demo/demo.spec.ts:10:13 › Demo › /experimental/title ─────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: Expected an image 640px by 428px, received 640px by 432px. 3295 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-title/3-chromium-linux.png Received: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-demo-demo-Demo-experimental-title-chromium-retry1/experimental-title/3-actual.png Diff: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-demo-demo-Demo-experimental-title-chromium-retry1/experimental-title/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 - Expected an image 640px by 428px, received 640px by 432px. 3295 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 - Expected an image 640px by 428px, received 640px by 432px. 3295 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
[chromium] › tests/demo/demo.spec.ts:10:13 › Demo › /experimental/card-medium: projects/demo-playwright/tests/demo/demo.spec.ts#L35
2) [chromium] › tests/demo/demo.spec.ts:10:13 › Demo › /experimental/card-medium ───────────────── Error: Screenshot comparison failed: 11350 pixels (ratio 0.06 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-card-medium/4-chromium-linux.png Received: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-demo-demo-Demo-experimental-card-medium-chromium/experimental-card-medium/4-actual.png Diff: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-demo-demo-Demo-experimental-card-medium-chromium/experimental-card-medium/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 - 11350 pixels (ratio 0.06 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 - 11350 pixels (ratio 0.06 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
[chromium] › tests/demo/demo.spec.ts:10:13 › Demo › /experimental/card-medium: projects/demo-playwright/tests/demo/demo.spec.ts#L35
2) [chromium] › tests/demo/demo.spec.ts:10:13 › Demo › /experimental/card-medium ───────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 11350 pixels (ratio 0.06 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-card-medium/4-chromium-linux.png Received: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-demo-demo-Demo-experimental-card-medium-chromium-retry1/experimental-card-medium/4-actual.png Diff: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-demo-demo-Demo-experimental-card-medium-chromium-retry1/experimental-card-medium/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 - 11350 pixels (ratio 0.06 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 - 11350 pixels (ratio 0.06 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
[chromium] › tests/demo/demo.spec.ts:10:13 › Demo › /experimental/card-large: projects/demo-playwright/tests/demo/demo.spec.ts#L35
3) [chromium] › tests/demo/demo.spec.ts:10:13 › Demo › /experimental/card-large ────────────────── Error: Screenshot comparison failed: 4594 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/experimental-card-large/2-chromium-linux.png Received: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-demo-demo-Demo-experimental-card-large-chromium/experimental-card-large/2-actual.png Diff: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-demo-demo-Demo-experimental-card-large-chromium/experimental-card-large/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 - 4594 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 - 4594 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
[chromium] › tests/demo/demo.spec.ts:10:13 › Demo › /experimental/card-large: projects/demo-playwright/tests/demo/demo.spec.ts#L35
3) [chromium] › tests/demo/demo.spec.ts:10:13 › Demo › /experimental/card-large ────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 4594 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/experimental-card-large/2-chromium-linux.png Received: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-demo-demo-Demo-experimental-card-large-chromium-retry1/experimental-card-large/2-actual.png Diff: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-demo-demo-Demo-experimental-card-large-chromium-retry1/experimental-card-large/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 - 4594 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 - 4594 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
playwright / (3 of 4)
Process completed with exit code 1.
[chromium] › tests/demo/demo.spec.ts:10:13 › Demo › /experimental/avatar: projects/demo-playwright/tests/demo/demo.spec.ts#L35
1) [chromium] › tests/demo/demo.spec.ts:10:13 › Demo › /experimental/avatar ────────────────────── Error: Screenshot comparison failed: Expected an image 640px by 880px, received 640px by 1168px. 8643 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-avatar/3-chromium-linux.png Received: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-demo-demo-Demo-experimental-avatar-chromium/experimental-avatar/3-actual.png Diff: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-demo-demo-Demo-experimental-avatar-chromium/experimental-avatar/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 - Expected an image 640px by 880px, received 640px by 1168px. 8643 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 - Expected an image 640px by 880px, received 640px by 1168px. 8643 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
[chromium] › tests/demo/demo.spec.ts:10:13 › Demo › /experimental/avatar: projects/demo-playwright/tests/demo/demo.spec.ts#L35
1) [chromium] › tests/demo/demo.spec.ts:10:13 › Demo › /experimental/avatar ────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: Expected an image 640px by 880px, received 640px by 1168px. 8643 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-avatar/3-chromium-linux.png Received: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-demo-demo-Demo-experimental-avatar-chromium-retry1/experimental-avatar/3-actual.png Diff: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-demo-demo-Demo-experimental-avatar-chromium-retry1/experimental-avatar/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 - Expected an image 640px by 880px, received 640px by 1168px. 8643 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 - Expected an image 640px by 880px, received 640px by 1168px. 8643 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
[chromium] › tests/demo/demo.spec.ts:10:13 › Demo › /experimental/badged-content: projects/demo-playwright/tests/demo/demo.spec.ts#L35
2) [chromium] › tests/demo/demo.spec.ts:10:13 › Demo › /experimental/badged-content ────────────── Error: Screenshot comparison failed: Expected an image 640px by 224px, received 704px by 256px. 14757 pixels (ratio 0.09 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-badged-content/1-chromium-linux.png Received: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-demo-demo-Demo-experimental-badged-content-chromium/experimental-badged-content/1-actual.png Diff: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-demo-demo-Demo-experimental-badged-content-chromium/experimental-badged-content/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 - Expected an image 640px by 224px, received 704px by 256px. 14757 pixels (ratio 0.09 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 - Expected an image 640px by 224px, received 704px by 256px. 14757 pixels (ratio 0.09 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
[chromium] › tests/demo/demo.spec.ts:10:13 › Demo › /experimental/badged-content: projects/demo-playwright/tests/demo/demo.spec.ts#L35
2) [chromium] › tests/demo/demo.spec.ts:10:13 › Demo › /experimental/badged-content ────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: Expected an image 640px by 224px, received 704px by 256px. 14757 pixels (ratio 0.09 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-badged-content/1-chromium-linux.png Received: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-demo-demo-Demo-experimental-badged-content-chromium-retry1/experimental-badged-content/1-actual.png Diff: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-demo-demo-Demo-experimental-badged-content-chromium-retry1/experimental-badged-content/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 - Expected an image 640px by 224px, received 704px by 256px. 14757 pixels (ratio 0.09 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 - Expected an image 640px by 224px, received 704px by 256px. 14757 pixels (ratio 0.09 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
[chromium] › tests/demo/demo.spec.ts:10:13 › Demo › /experimental/cell: projects/demo-playwright/tests/demo/demo.spec.ts#L35
3) [chromium] › tests/demo/demo.spec.ts:10:13 › Demo › /experimental/cell ──────────────────────── Error: Screenshot comparison failed: 4878 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-cell/2-chromium-linux.png Received: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-demo-demo-Demo-experimental-cell-chromium/experimental-cell/2-actual.png Diff: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-demo-demo-Demo-experimental-cell-chromium/experimental-cell/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 - 4878 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(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 - 4878 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
[chromium] › tests/demo/demo.spec.ts:10:13 › Demo › /experimental/cell: projects/demo-playwright/tests/demo/demo.spec.ts#L35
3) [chromium] › tests/demo/demo.spec.ts:10:13 › Demo › /experimental/cell ──────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 4878 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-cell/2-chromium-linux.png Received: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-demo-demo-Demo-experimental-cell-chromium-retry1/experimental-cell/2-actual.png Diff: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-demo-demo-Demo-experimental-cell-chromium-retry1/experimental-cell/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 - 4878 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(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 - 4878 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
[chromium] › tests/demo/demo.spec.ts:10:13 › Demo › /experimental/header: projects/demo-playwright/tests/demo/demo.spec.ts#L35
4) [chromium] › tests/demo/demo.spec.ts:10:13 › Demo › /experimental/header ────────────────────── Error: Screenshot comparison failed: 4047 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/experimental-header/2-chromium-linux.png Received: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-demo-demo-Demo-experimental-header-chromium/experimental-header/2-actual.png Diff: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-demo-demo-Demo-experimental-header-chromium/experimental-header/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 - 4047 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 - 4047 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
[chromium] › tests/demo/demo.spec.ts:10:13 › Demo › /experimental/header: projects/demo-playwright/tests/demo/demo.spec.ts#L35
4) [chromium] › tests/demo/demo.spec.ts:10:13 › Demo › /experimental/header ────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 4047 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/experimental-header/2-chromium-linux.png Received: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-demo-demo-Demo-experimental-header-chromium-retry1/experimental-header/2-actual.png Diff: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-demo-demo-Demo-experimental-header-chromium-retry1/experimental-header/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 - 4047 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 - 4047 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
[chromium] › tests/demo/demo.spec.ts:10:13 › Demo › /experimental/surface: projects/demo-playwright/tests/demo/demo.spec.ts#L35
5) [chromium] › tests/demo/demo.spec.ts:10:13 › Demo › /experimental/surface ───────────────────── Error: Screenshot comparison failed: 4838 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-surface/6-chromium-linux.png Received: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-demo-demo-Demo-experimental-surface-chromium/experimental-surface/6-actual.png Diff: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-demo-demo-Demo-experimental-surface-chromium/experimental-surface/6-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(5) - 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 - 4838 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(5) - 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 - 4838 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
[chromium] › tests/demo/demo.spec.ts:10:13 › Demo › /experimental/surface: projects/demo-playwright/tests/demo/demo.spec.ts#L35
5) [chromium] › tests/demo/demo.spec.ts:10:13 › Demo › /experimental/surface ───────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 4838 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-surface/6-chromium-linux.png Received: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-demo-demo-Demo-experimental-surface-chromium-retry1/experimental-surface/6-actual.png Diff: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-demo-demo-Demo-experimental-surface-chromium-retry1/experimental-surface/6-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(5) - 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 - 4838 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(5) - 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 - 4838 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
E2E result
The process '/usr/bin/git' failed with exit code 1
Build demo
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/.
playwright / (1 of 4)
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/.
playwright / (4 of 4)
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/.
playwright / (3 of 4)
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/.
playwright / (2 of 4)
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/.
deep
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/.
core
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/.
kit
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/.
🎭 Playwright Run Summary
82 passed (1.3m)
🎭 Playwright Run Summary
82 passed (1.1m)
🎭 Playwright Run Summary
82 passed (1.1m)
🎭 Playwright Run Summary
82 passed (1.3m)
🎭 Playwright Run Summary
3 failed [chromium] › tests/demo/demo.spec.ts:10:13 › Demo › /experimental/title ──────────────────────── [chromium] › tests/demo/demo.spec.ts:10:13 › Demo › /experimental/card-medium ────────────────── [chromium] › tests/demo/demo.spec.ts:10:13 › Demo › /experimental/card-large ─────────────────── 79 passed (1.3m)
🎭 Playwright Run Summary
82 passed (1.5m)
🎭 Playwright Run Summary
82 passed (1.6m)
🎭 Playwright Run Summary
5 failed [chromium] › tests/demo/demo.spec.ts:10:13 › Demo › /experimental/avatar ─────────────────────── [chromium] › tests/demo/demo.spec.ts:10:13 › Demo › /experimental/badged-content ─────────────── [chromium] › tests/demo/demo.spec.ts:10:13 › Demo › /experimental/cell ───────────────────────── [chromium] › tests/demo/demo.spec.ts:10:13 › Demo › /experimental/header ─────────────────────── [chromium] › tests/demo/demo.spec.ts:10:13 › Demo › /experimental/surface ────────────────────── 77 passed (1.4m)

Artifacts

Produced during runtime
Name Size
cypress-e2e-artifacts--bc9a0ebeb5f4da11e5f96cd2e5059157348216ba-7913350244-6797 Expired
79.2 KB
playwright-e2e-artifacts--bc9a0ebeb5f4da11e5f96cd2e5059157348216ba-7913350244-6797 Expired
1.38 MB