feat(kit): ItemsWithMore
add side
option
#9739
e2e.yml
on: pull_request
Build demo
3m 54s
Cypress / Component Testing
3m 51s
Matrix: playwright
E2E result
9s
Playwright E2E Tests matrix result
0s
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 |
|