Skip to content

feat(kit): ItemsWithMore add side option #9739

feat(kit): ItemsWithMore add side option

feat(kit): ItemsWithMore add side option #9739

Triggered via pull request October 7, 2024 11:55
Status Failure
Total duration 15m 48s
Artifacts 2

e2e.yml

on: pull_request
Cypress / Component Testing
3m 51s
Cypress / Component Testing
Matrix: playwright
E2E result
9s
E2E result
Playwright E2E Tests matrix result
0s
Playwright E2E Tests matrix result
Fit to window
Zoom out
Zoom in

Annotations

12 errors, 1 warning, and 18 notices
[chromium] › tests/demo/demo.spec.ts:10:13 › Demo › /components/items-with-more: projects/demo-playwright/tests/demo/demo.spec.ts#L37
1) [chromium] › tests/demo/demo.spec.ts:10:13 › Demo › /components/items-with-more ─────────────── Error: Screenshot comparison failed: Expected an image 1416px by 128px, received 1416px by 240px. 176411 pixels (ratio 0.52 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-items-with-more/1-chromium-linux.png Received: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-demo-demo-Demo-components-items-with-more-chromium/components-items-with-more/1-actual.png Diff: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-demo-demo-Demo-components-items-with-more-chromium/components-items-with-more/1-diff.png Call log: - expect.toHaveScreenshot(components-items-with-more/1.png) with timeout 5000ms - verifying given screenshot expectation - waiting for getByTestId('tui-doc-example').first() - locator resolved to <div _ngcontent-ng-c644840128="" automation-id="tui-doc-example" class="t-demo ng-star-inserted">…</div> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - Expected an image 1416px by 128px, received 1416px by 240px. 176411 pixels (ratio 0.52 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for getByTestId('tui-doc-example').first() - locator resolved to <div _ngcontent-ng-c644840128="" automation-id="tui-doc-example" class="t-demo ng-star-inserted">…</div> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - captured a stable screenshot - Expected an image 1416px by 128px, received 1416px by 240px. 176411 pixels (ratio 0.52 of all image pixels) are different. 35 | await documentation.waitStableState(); // note: load lazy loading images 36 | > 37 | await expect(example).toHaveScreenshot( | ^ 38 | [path.replace('/', '').replaceAll('/', '-'), `${i + 1}.png`], 39 | {threshold: 0.02}, 40 | ); at /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests/demo/demo.spec.ts:37:39
[chromium] › tests/demo/demo.spec.ts:10:13 › Demo › /components/items-with-more: projects/demo-playwright/tests/demo/demo.spec.ts#L37
1) [chromium] › tests/demo/demo.spec.ts:10:13 › Demo › /components/items-with-more ─────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: Expected an image 1416px by 128px, received 1416px by 240px. 176411 pixels (ratio 0.52 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-items-with-more/1-chromium-linux.png Received: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-demo-demo-Demo-components-items-with-more-chromium-retry1/components-items-with-more/1-actual.png Diff: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-demo-demo-Demo-components-items-with-more-chromium-retry1/components-items-with-more/1-diff.png Call log: - expect.toHaveScreenshot(components-items-with-more/1.png) with timeout 5000ms - verifying given screenshot expectation - waiting for getByTestId('tui-doc-example').first() - locator resolved to <div _ngcontent-ng-c644840128="" automation-id="tui-doc-example" class="t-demo ng-star-inserted">…</div> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - Expected an image 1416px by 128px, received 1416px by 240px. 176411 pixels (ratio 0.52 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for getByTestId('tui-doc-example').first() - locator resolved to <div _ngcontent-ng-c644840128="" automation-id="tui-doc-example" class="t-demo ng-star-inserted">…</div> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - captured a stable screenshot - Expected an image 1416px by 128px, received 1416px by 240px. 176411 pixels (ratio 0.52 of all image pixels) are different. 35 | await documentation.waitStableState(); // note: load lazy loading images 36 | > 37 | await expect(example).toHaveScreenshot( | ^ 38 | [path.replace('/', '').replaceAll('/', '-'), `${i + 1}.png`], 39 | {threshold: 0.02}, 40 | ); at /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests/demo/demo.spec.ts:37:39
[chromium] › tests/demo/demo.spec.ts:10:13 › Demo › /components/items-with-more: projects/demo-playwright/tests/demo/demo.spec.ts#L37
1) [chromium] › tests/demo/demo.spec.ts:10:13 › Demo › /components/items-with-more ─────────────── Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: Expected an image 1416px by 128px, received 1416px by 240px. 176411 pixels (ratio 0.52 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-items-with-more/1-chromium-linux.png Received: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-demo-demo-Demo-components-items-with-more-chromium-retry2/components-items-with-more/1-actual.png Diff: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-demo-demo-Demo-components-items-with-more-chromium-retry2/components-items-with-more/1-diff.png Call log: - expect.toHaveScreenshot(components-items-with-more/1.png) with timeout 5000ms - verifying given screenshot expectation - waiting for getByTestId('tui-doc-example').first() - locator resolved to <div _ngcontent-ng-c644840128="" automation-id="tui-doc-example" class="t-demo ng-star-inserted">…</div> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - Expected an image 1416px by 128px, received 1416px by 240px. 176411 pixels (ratio 0.52 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for getByTestId('tui-doc-example').first() - locator resolved to <div _ngcontent-ng-c644840128="" automation-id="tui-doc-example" class="t-demo ng-star-inserted">…</div> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - captured a stable screenshot - Expected an image 1416px by 128px, received 1416px by 240px. 176411 pixels (ratio 0.52 of all image pixels) are different. 35 | await documentation.waitStableState(); // note: load lazy loading images 36 | > 37 | await expect(example).toHaveScreenshot( | ^ 38 | [path.replace('/', '').replaceAll('/', '-'), `${i + 1}.png`], 39 | {threshold: 0.02}, 40 | ); at /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests/demo/demo.spec.ts:37:39
Playwright / (5 of 9)
Process completed with exit code 1.
[chromium] › tests/deep/deep-select.spec.ts:13:13 › Deep / Select › /components/items-with-more: projects/demo-playwright/tests/deep/deep-select.spec.ts#L47
1) [chromium] › tests/deep/deep-select.spec.ts:13:13 › Deep / Select › /components/items-with-more Error: A snapshot doesn't exist at /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/snapshots/tests/deep/deep-select.spec.ts-snapshots/deep--components-items-with-more-itemsLimit--select-option-0-chromium-linux.png, writing actual. 45 | await api.waitStableState(); 46 | > 47 | await expect(api.apiPageExample).toHaveScreenshot( | ^ 48 | `deep-${path}__${name}-select-option-${index}.png`, 49 | {threshold: 0.02}, 50 | ); at /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests/deep/deep-select.spec.ts:47:21
[chromium] › tests/deep/deep-select.spec.ts:13:13 › Deep / Select › /components/items-with-more: projects/demo-playwright/tests/deep/deep-select.spec.ts#L47
1) [chromium] › tests/deep/deep-select.spec.ts:13:13 › Deep / Select › /components/items-with-more Error: A snapshot doesn't exist at /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/snapshots/tests/deep/deep-select.spec.ts-snapshots/deep--components-items-with-more-itemsLimit--select-option-1-chromium-linux.png, writing actual. 45 | await api.waitStableState(); 46 | > 47 | await expect(api.apiPageExample).toHaveScreenshot( | ^ 48 | `deep-${path}__${name}-select-option-${index}.png`, 49 | {threshold: 0.02}, 50 | ); at /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests/deep/deep-select.spec.ts:47:21
[chromium] › tests/deep/deep-select.spec.ts:13:13 › Deep / Select › /components/items-with-more: projects/demo-playwright/tests/deep/deep-select.spec.ts#L47
1) [chromium] › tests/deep/deep-select.spec.ts:13:13 › Deep / Select › /components/items-with-more Error: A snapshot doesn't exist at /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/snapshots/tests/deep/deep-select.spec.ts-snapshots/deep--components-items-with-more-itemsLimit--select-option-2-chromium-linux.png, writing actual. 45 | await api.waitStableState(); 46 | > 47 | await expect(api.apiPageExample).toHaveScreenshot( | ^ 48 | `deep-${path}__${name}-select-option-${index}.png`, 49 | {threshold: 0.02}, 50 | ); at /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests/deep/deep-select.spec.ts:47:21
[chromium] › tests/deep/deep-select.spec.ts:13:13 › Deep / Select › /components/items-with-more: projects/demo-playwright/tests/deep/deep-select.spec.ts#L47
1) [chromium] › tests/deep/deep-select.spec.ts:13:13 › Deep / Select › /components/items-with-more Error: A snapshot doesn't exist at /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/snapshots/tests/deep/deep-select.spec.ts-snapshots/deep--components-items-with-more-required--select-option-0-chromium-linux.png, writing actual. 45 | await api.waitStableState(); 46 | > 47 | await expect(api.apiPageExample).toHaveScreenshot( | ^ 48 | `deep-${path}__${name}-select-option-${index}.png`, 49 | {threshold: 0.02}, 50 | ); at /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests/deep/deep-select.spec.ts:47:21
[chromium] › tests/deep/deep-select.spec.ts:13:13 › Deep / Select › /components/items-with-more: projects/demo-playwright/tests/deep/deep-select.spec.ts#L47
1) [chromium] › tests/deep/deep-select.spec.ts:13:13 › Deep / Select › /components/items-with-more Error: A snapshot doesn't exist at /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/snapshots/tests/deep/deep-select.spec.ts-snapshots/deep--components-items-with-more-required--select-option-1-chromium-linux.png, writing actual. 45 | await api.waitStableState(); 46 | > 47 | await expect(api.apiPageExample).toHaveScreenshot( | ^ 48 | `deep-${path}__${name}-select-option-${index}.png`, 49 | {threshold: 0.02}, 50 | ); at /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests/deep/deep-select.spec.ts:47:21
[chromium] › tests/deep/deep-select.spec.ts:13:13 › Deep / Select › /components/items-with-more: projects/demo-playwright/tests/deep/deep-select.spec.ts#L47
1) [chromium] › tests/deep/deep-select.spec.ts:13:13 › Deep / Select › /components/items-with-more Error: A snapshot doesn't exist at /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/snapshots/tests/deep/deep-select.spec.ts-snapshots/deep--components-items-with-more-required--select-option-2-chromium-linux.png, writing actual. 45 | await api.waitStableState(); 46 | > 47 | await expect(api.apiPageExample).toHaveScreenshot( | ^ 48 | `deep-${path}__${name}-select-option-${index}.png`, 49 | {threshold: 0.02}, 50 | ); at /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests/deep/deep-select.spec.ts:47:21
Playwright / (3 of 9)
Process completed with exit code 1.
E2E result
Process completed with exit code 1.
Slow Test: [chromium] › tests/kit/input-table/input-table.spec.ts#L1
[chromium] › tests/kit/input-table/input-table.spec.ts took 16.8s
🎭 Playwright Run Summary
96 passed (1.3m)
🎭 Playwright Run Summary
96 passed (1.4m)
🎭 Playwright Run Summary
97 passed (1.5m)
🎭 Playwright Run Summary
97 passed (1.3m)
🎭 Playwright Run Summary
97 passed (1.2m)
🎭 Playwright Run Summary
97 passed (1.4m)
🎭 Playwright Run Summary
96 passed (1.4m)
🎭 Playwright Run Summary
96 passed (1.6m)
🎭 Playwright Run Summary
97 passed (1.8m)
🎭 Playwright Run Summary
97 passed (1.6m)
🎭 Playwright Run Summary
97 passed (1.9m)
🎭 Playwright Run Summary
97 passed (1.6m)
🎭 Playwright Run Summary
1 failed [chromium] › tests/demo/demo.spec.ts:10:13 › Demo › /components/items-with-more ──────────────── 96 passed (2.1m)
🎭 Playwright Run Summary
97 passed (2.5m)
🎭 Playwright Run Summary
1 failed [chromium] › tests/deep/deep-select.spec.ts:13:13 › Deep / Select › /components/items-with-more 96 passed (2.4m)
🎭 Playwright Run Summary
97 passed (3.0m)
🎭 Playwright Run Summary
97 passed (4.0m)
🎭 Playwright Run Summary
97 passed (5.0m)

Artifacts

Produced during runtime
Name Size
cy_baseline_d47ec9dd54264936fb52086dad2067268db5b944 Expired
53.2 KB
playwright-e2e-artifacts--d47ec9dd54264936fb52086dad2067268db5b944-11214947009-9363_5 Expired
47.5 KB