Skip to content

feat(experimental): add card-large #8922

feat(experimental): add card-large

feat(experimental): add card-large #8922

Triggered via pull request January 31, 2024 13:57
Status Failure
Total duration 25m 28s
Artifacts 2

e2e.yml

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

Annotations

11 errors, 9 warnings, and 8 notices
[chromium] › tests/demo/demo.spec.ts:10:13 › Demo › /experimental/surface: projects/demo-playwright/tests/demo/demo.spec.ts#L35
1) [chromium] › tests/demo/demo.spec.ts:10:13 › Demo › /experimental/surface ───────────────────── Error: Screenshot comparison failed: Expected an image 896px by 352px, received 896px by 184px. 7444 pixels (ratio 0.03 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/2-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/2-actual.png Diff: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-demo-demo-Demo-experimental-surface-chromium/experimental-surface/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 - Expected an image 896px by 352px, received 896px by 184px. 7444 pixels (ratio 0.03 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 - Expected an image 896px by 352px, received 896px by 184px. 7444 pixels (ratio 0.03 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
1) [chromium] › tests/demo/demo.spec.ts:10:13 › Demo › /experimental/surface ───────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: Expected an image 896px by 352px, received 896px by 184px. 7444 pixels (ratio 0.03 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/2-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/2-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/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 - Expected an image 896px by 352px, received 896px by 184px. 7444 pixels (ratio 0.03 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 - Expected an image 896px by 352px, received 896px by 184px. 7444 pixels (ratio 0.03 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: projects/demo-playwright/tests/demo/demo.spec.ts#L35
2) [chromium] › tests/demo/demo.spec.ts:10:13 › Demo › /experimental/card ──────────────────────── Error: Screenshot comparison failed: 2260 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/1-chromium-linux.png Received: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-demo-demo-Demo-experimental-card-chromium/experimental-card/1-actual.png Diff: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-demo-demo-Demo-experimental-card-chromium/experimental-card/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 - 2260 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 - 2260 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: projects/demo-playwright/tests/demo/demo.spec.ts#L35
2) [chromium] › tests/demo/demo.spec.ts:10:13 › Demo › /experimental/card ──────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 2260 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/1-chromium-linux.png Received: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-demo-demo-Demo-experimental-card-chromium-retry1/experimental-card/1-actual.png Diff: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-demo-demo-Demo-experimental-card-chromium-retry1/experimental-card/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 - 2260 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 - 2260 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 ────────────────── Error: Screenshot comparison failed: Expected an image 640px by 1756px, received 968px by 344px. 29662 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-card-Large/1-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/1-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/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 1756px, received 968px by 344px. 29662 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 - Expected an image 640px by 1756px, received 968px by 344px. 29662 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/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: Expected an image 640px by 1756px, received 968px by 344px. 29662 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-card-Large/1-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/1-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/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 1756px, received 968px by 344px. 29662 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 - Expected an image 640px by 1756px, received 968px by 344px. 29662 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
playwright / (3 of 4)
Process completed with exit code 1.
[chromium] › tests/demo/demo.spec.ts:10:13 › Demo › /experimental/cell: projects/demo-playwright/tests/demo/demo.spec.ts#L35
1) [chromium] › tests/demo/demo.spec.ts:10:13 › Demo › /experimental/cell ──────────────────────── Error: Screenshot comparison failed: Expected an image 1416px by 680px, received 1416px by 760px. 46627 pixels (ratio 0.05 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/7-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/7-actual.png Diff: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-demo-demo-Demo-experimental-cell-chromium/experimental-cell/7-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(6) - 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 1416px by 680px, received 1416px by 760px. 46627 pixels (ratio 0.05 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('tui-doc-example [automation-id="tui-doc-example"]').nth(6) - 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 1416px by 680px, received 1416px by 760px. 46627 pixels (ratio 0.05 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
1) [chromium] › tests/demo/demo.spec.ts:10:13 › Demo › /experimental/cell ──────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: Expected an image 1416px by 680px, received 1416px by 760px. 46627 pixels (ratio 0.05 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/7-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/7-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/7-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(6) - 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 1416px by 680px, received 1416px by 760px. 46627 pixels (ratio 0.05 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('tui-doc-example [automation-id="tui-doc-example"]').nth(6) - 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 1416px by 680px, received 1416px by 760px. 46627 pixels (ratio 0.05 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 / (2 of 4)
Process completed with exit code 1.
E2E result
Process completed 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 / (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/.
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/.
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/.
E2E result
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/.
🎭 Playwright Run Summary
78 passed (1.3m)
🎭 Playwright Run Summary
78 passed (1.0m)
🎭 Playwright Run Summary
3 failed [chromium] › tests/demo/demo.spec.ts:10:13 › Demo › /experimental/surface ────────────────────── [chromium] › tests/demo/demo.spec.ts:10:13 › Demo › /experimental/card ───────────────────────── [chromium] › tests/demo/demo.spec.ts:10:13 › Demo › /experimental/card/Large ─────────────────── 75 passed (1.1m)
🎭 Playwright Run Summary
78 passed (1.3m)
🎭 Playwright Run Summary
78 passed (1.5m)
🎭 Playwright Run Summary
1 failed [chromium] › tests/demo/demo.spec.ts:10:13 › Demo › /experimental/cell ───────────────────────── 77 passed (1.2m)
🎭 Playwright Run Summary
77 passed (1.3m)
🎭 Playwright Run Summary
77 passed (1.1m)

Artifacts

Produced during runtime
Name Size
cypress-e2e-artifacts--06adb7a8efe6796b4bbe97c532dcaba552bbb212-7727145250-6516 Expired
82.1 KB
playwright-e2e-artifacts--06adb7a8efe6796b4bbe97c532dcaba552bbb212-7727145250-6516 Expired
893 KB