feat(kit): Breadcrumbs
add itemsLimit
option
#9760
e2e.yml
on: pull_request
Build demo
3m 54s
Cypress / Component Testing
4m 6s
Matrix: playwright
E2E result
7s
Playwright E2E Tests matrix result
0s
Annotations
11 errors, 1 warning, and 18 notices
[chromium] › tests/deep/deep-select.spec.ts:13:13 › Deep / Select › /components/icon:
projects/demo-playwright/tests/deep/deep-select.spec.ts#L47
1) [chromium] › tests/deep/deep-select.spec.ts:13:13 › Deep / Select › /components/icon ──────────
Error: Screenshot comparison failed:
200 pixels (ratio 0.01 of all image pixels) are different.
Expected: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/snapshots/tests/deep/deep-select.spec.ts-snapshots/deep--components-icon-icon--select-option-38-chromium-linux.png
Received: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-deep-deep-select-Deep-Select-components-icon-chromium/deep--components-icon-icon--select-option-38-actual.png
Diff: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-deep-deep-select-Deep-Select-components-icon-chromium/deep--components-icon-icon--select-option-38-diff.png
Call log:
- expect.toHaveScreenshot(deep-/components/icon__[icon]-select-option-38.png) with timeout 5000ms
- verifying given screenshot expectation
- waiting for locator('#demo-content')
- locator resolved to <div id="demo-content" _ngcontent-ng-c2476019924="">…</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
- 200 pixels (ratio 0.01 of all image pixels) are different.
- waiting 100ms before taking screenshot
- waiting for locator('#demo-content')
- locator resolved to <div id="demo-content" _ngcontent-ng-c2476019924="">…</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
- 200 pixels (ratio 0.01 of all image pixels) are different.
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:54
|
[chromium] › tests/deep/deep-select.spec.ts:13:13 › Deep / Select › /components/icon:
projects/demo-playwright/tests/deep/deep-select.spec.ts#L47
1) [chromium] › tests/deep/deep-select.spec.ts:13:13 › Deep / Select › /components/icon ──────────
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: Screenshot comparison failed:
200 pixels (ratio 0.01 of all image pixels) are different.
Expected: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/snapshots/tests/deep/deep-select.spec.ts-snapshots/deep--components-icon-icon--select-option-38-chromium-linux.png
Received: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-deep-deep-select-Deep-Select-components-icon-chromium-retry1/deep--components-icon-icon--select-option-38-actual.png
Diff: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-deep-deep-select-Deep-Select-components-icon-chromium-retry1/deep--components-icon-icon--select-option-38-diff.png
Call log:
- expect.toHaveScreenshot(deep-/components/icon__[icon]-select-option-38.png) with timeout 5000ms
- verifying given screenshot expectation
- waiting for locator('#demo-content')
- locator resolved to <div id="demo-content" _ngcontent-ng-c2476019924="">…</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
- 200 pixels (ratio 0.01 of all image pixels) are different.
- waiting 100ms before taking screenshot
- waiting for locator('#demo-content')
- locator resolved to <div id="demo-content" _ngcontent-ng-c2476019924="">…</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
- 200 pixels (ratio 0.01 of all image pixels) are different.
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:54
|
[chromium] › tests/deep/deep-select.spec.ts:13:13 › Deep / Select › /components/icon:
projects/demo-playwright/tests/deep/deep-select.spec.ts#L47
1) [chromium] › tests/deep/deep-select.spec.ts:13:13 › Deep / Select › /components/icon ──────────
Retry #2 ───────────────────────────────────────────────────────────────────────────────────────
Error: Screenshot comparison failed:
200 pixels (ratio 0.01 of all image pixels) are different.
Expected: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/snapshots/tests/deep/deep-select.spec.ts-snapshots/deep--components-icon-icon--select-option-38-chromium-linux.png
Received: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-deep-deep-select-Deep-Select-components-icon-chromium-retry2/deep--components-icon-icon--select-option-38-actual.png
Diff: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-deep-deep-select-Deep-Select-components-icon-chromium-retry2/deep--components-icon-icon--select-option-38-diff.png
Call log:
- expect.toHaveScreenshot(deep-/components/icon__[icon]-select-option-38.png) with timeout 5000ms
- verifying given screenshot expectation
- waiting for locator('#demo-content')
- locator resolved to <div id="demo-content" _ngcontent-ng-c2476019924="">…</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
- 200 pixels (ratio 0.01 of all image pixels) are different.
- waiting 100ms before taking screenshot
- waiting for locator('#demo-content')
- locator resolved to <div id="demo-content" _ngcontent-ng-c2476019924="">…</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
- 200 pixels (ratio 0.01 of all image pixels) are different.
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:54
|
[chromium] › tests/deep/deep-select.spec.ts:13:13 › Deep / Select › /navigation/breadcrumbs:
projects/demo-playwright/tests/deep/deep-select.spec.ts#L47
2) [chromium] › tests/deep/deep-select.spec.ts:13:13 › Deep / Select › /navigation/breadcrumbs ───
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--navigation-breadcrumbs-size--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 › /navigation/breadcrumbs:
projects/demo-playwright/tests/deep/deep-select.spec.ts#L47
2) [chromium] › tests/deep/deep-select.spec.ts:13:13 › Deep / Select › /navigation/breadcrumbs ───
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--navigation-breadcrumbs-size--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
|
Playwright / (3 of 9)
Process completed with exit code 1.
|
[chromium] › tests/demo/demo.spec.ts:10:13 › Demo › /navigation/breadcrumbs:
projects/demo-playwright/tests/demo/demo.spec.ts#L37
1) [chromium] › tests/demo/demo.spec.ts:10:13 › Demo › /navigation/breadcrumbs ───────────────────
Error: Screenshot comparison failed:
Expected an image 712px by 208px, received 712px by 240px. 7539 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/navigation-breadcrumbs/1-chromium-linux.png
Received: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-demo-demo-Demo-navigation-breadcrumbs-chromium/navigation-breadcrumbs/1-actual.png
Diff: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-demo-demo-Demo-navigation-breadcrumbs-chromium/navigation-breadcrumbs/1-diff.png
Call log:
- expect.toHaveScreenshot(navigation-breadcrumbs/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 712px by 208px, received 712px by 240px. 7539 pixels (ratio 0.05 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 712px by 208px, received 712px by 240px. 7539 pixels (ratio 0.05 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 › /navigation/breadcrumbs:
projects/demo-playwright/tests/demo/demo.spec.ts#L37
1) [chromium] › tests/demo/demo.spec.ts:10:13 › Demo › /navigation/breadcrumbs ───────────────────
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: Screenshot comparison failed:
Expected an image 712px by 208px, received 712px by 240px. 7539 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/navigation-breadcrumbs/1-chromium-linux.png
Received: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-demo-demo-Demo-navigation-breadcrumbs-chromium-retry1/navigation-breadcrumbs/1-actual.png
Diff: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-demo-demo-Demo-navigation-breadcrumbs-chromium-retry1/navigation-breadcrumbs/1-diff.png
Call log:
- expect.toHaveScreenshot(navigation-breadcrumbs/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 712px by 208px, received 712px by 240px. 7539 pixels (ratio 0.05 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 712px by 208px, received 712px by 240px. 7539 pixels (ratio 0.05 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 › /navigation/breadcrumbs:
projects/demo-playwright/tests/demo/demo.spec.ts#L37
1) [chromium] › tests/demo/demo.spec.ts:10:13 › Demo › /navigation/breadcrumbs ───────────────────
Retry #2 ───────────────────────────────────────────────────────────────────────────────────────
Error: Screenshot comparison failed:
Expected an image 712px by 208px, received 712px by 240px. 7539 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/navigation-breadcrumbs/1-chromium-linux.png
Received: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-demo-demo-Demo-navigation-breadcrumbs-chromium-retry2/navigation-breadcrumbs/1-actual.png
Diff: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-demo-demo-Demo-navigation-breadcrumbs-chromium-retry2/navigation-breadcrumbs/1-diff.png
Call log:
- expect.toHaveScreenshot(navigation-breadcrumbs/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 712px by 208px, received 712px by 240px. 7539 pixels (ratio 0.05 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 712px by 208px, received 712px by 240px. 7539 pixels (ratio 0.05 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 / (6 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 15.6s
|
🎭 Playwright Run Summary
97 passed (1.9m)
|
🎭 Playwright Run Summary
97 passed (1.7m)
|
🎭 Playwright Run Summary
97 passed (1.5m)
|
🎭 Playwright Run Summary
97 passed (1.3m)
|
🎭 Playwright Run Summary
97 passed (1.3m)
|
🎭 Playwright Run Summary
97 passed (1.4m)
|
🎭 Playwright Run Summary
2 failed
[chromium] › tests/deep/deep-select.spec.ts:13:13 › Deep / Select › /components/icon ───────────
[chromium] › tests/deep/deep-select.spec.ts:13:13 › Deep / Select › /navigation/breadcrumbs ────
95 passed (2.4m)
|
🎭 Playwright Run Summary
97 passed (2.9m)
|
🎭 Playwright Run Summary
96 passed (1.3m)
|
🎭 Playwright Run Summary
96 passed (1.5m)
|
🎭 Playwright Run Summary
96 passed (1.4m)
|
🎭 Playwright Run Summary
96 passed (1.6m)
|
🎭 Playwright Run Summary
97 passed (1.9m)
|
🎭 Playwright Run Summary
1 failed
[chromium] › tests/demo/demo.spec.ts:10:13 › Demo › /navigation/breadcrumbs ────────────────────
96 passed (1.7m)
|
🎭 Playwright Run Summary
97 passed (2.1m)
|
🎭 Playwright Run Summary
97 passed (2.5m)
|
🎭 Playwright Run Summary
97 passed (3.9m)
|
🎭 Playwright Run Summary
97 passed (5.0m)
|
Artifacts
Produced during runtime
Name | Size | |
---|---|---|
cy_baseline_b3a72acfe610f183bf4b7c7577eba44237bc9aa3
Expired
|
53.2 KB |
|
playwright-e2e-artifacts--b3a72acfe610f183bf4b7c7577eba44237bc9aa3-11219984548-9370_3
Expired
|
2.04 KB |
|
playwright-e2e-artifacts--b3a72acfe610f183bf4b7c7577eba44237bc9aa3-11219984548-9370_6
Expired
|
44.6 KB |
|