fix(cdk): Control
react to markAsTouched
on Angular 18+
#5216
e2e-playwright.yml
on: pull_request
Annotations
12 errors, 1 warning, and 18 notices
[chromium] › tests/demo/demo.spec.ts:10:13 › Demo › /components/navigation:
projects/demo-playwright/tests/demo/demo.spec.ts#L37
1) [chromium] › tests/demo/demo.spec.ts:10:13 › Demo › /components/navigation ────────────────────
Error: Screenshot comparison failed:
675 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/components-navigation/3-chromium-linux.png
Received: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-demo-demo-Demo-components-navigation-chromium/components-navigation/3-actual.png
Diff: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-demo-demo-Demo-components-navigation-chromium/components-navigation/3-diff.png
Call log:
- expect.toHaveScreenshot(components-navigation/3.png) with timeout 5000ms
- verifying given screenshot expectation
- waiting for getByTestId('tui-doc-example').nth(2)
- 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
- 675 pixels (ratio 0.01 of all image pixels) are different.
- waiting 100ms before taking screenshot
- waiting for getByTestId('tui-doc-example').nth(2)
- 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
- 675 pixels (ratio 0.01 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/navigation:
projects/demo-playwright/tests/demo/demo.spec.ts#L37
1) [chromium] › tests/demo/demo.spec.ts:10:13 › Demo › /components/navigation ────────────────────
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: Screenshot comparison failed:
675 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/components-navigation/3-chromium-linux.png
Received: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-demo-demo-Demo-components-navigation-chromium-retry1/components-navigation/3-actual.png
Diff: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-demo-demo-Demo-components-navigation-chromium-retry1/components-navigation/3-diff.png
Call log:
- expect.toHaveScreenshot(components-navigation/3.png) with timeout 5000ms
- verifying given screenshot expectation
- waiting for getByTestId('tui-doc-example').nth(2)
- 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
- 675 pixels (ratio 0.01 of all image pixels) are different.
- waiting 100ms before taking screenshot
- waiting for getByTestId('tui-doc-example').nth(2)
- 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
- 675 pixels (ratio 0.01 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/navigation:
projects/demo-playwright/tests/demo/demo.spec.ts#L37
1) [chromium] › tests/demo/demo.spec.ts:10:13 › Demo › /components/navigation ────────────────────
Retry #2 ───────────────────────────────────────────────────────────────────────────────────────
Error: Screenshot comparison failed:
675 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/components-navigation/3-chromium-linux.png
Received: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-demo-demo-Demo-components-navigation-chromium-retry2/components-navigation/3-actual.png
Diff: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-demo-demo-Demo-components-navigation-chromium-retry2/components-navigation/3-diff.png
Call log:
- expect.toHaveScreenshot(components-navigation/3.png) with timeout 5000ms
- verifying given screenshot expectation
- waiting for getByTestId('tui-doc-example').nth(2)
- 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
- 675 pixels (ratio 0.01 of all image pixels) are different.
- waiting 100ms before taking screenshot
- waiting for getByTestId('tui-doc-example').nth(2)
- 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
- 675 pixels (ratio 0.01 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
2) [chromium] › tests/demo/demo.spec.ts:10:13 › Demo › /navigation/breadcrumbs ───────────────────
Error: Screenshot comparison failed:
486 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/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
- 486 pixels (ratio 0.01 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
- 486 pixels (ratio 0.01 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
2) [chromium] › tests/demo/demo.spec.ts:10:13 › Demo › /navigation/breadcrumbs ───────────────────
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: Screenshot comparison failed:
486 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/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
- 486 pixels (ratio 0.01 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
- 486 pixels (ratio 0.01 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
2) [chromium] › tests/demo/demo.spec.ts:10:13 › Demo › /navigation/breadcrumbs ───────────────────
Retry #2 ───────────────────────────────────────────────────────────────────────────────────────
Error: Screenshot comparison failed:
486 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/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
- 486 pixels (ratio 0.01 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
- 486 pixels (ratio 0.01 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.
|
[chromium] › tests/deep/deep-select.spec.ts:13:13 › Deep / Select › /navigation/breadcrumbs:
projects/demo-playwright/tests/deep/deep-select.spec.ts#L47
1) [chromium] › tests/deep/deep-select.spec.ts:13:13 › Deep / Select › /navigation/breadcrumbs ───
Error: Screenshot comparison failed:
243 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--navigation-breadcrumbs-size--select-option-0-chromium-linux.png
Received: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-deep-deep-select-Deep-Select-navigation-breadcrumbs-chromium/deep--navigation-breadcrumbs-size--select-option-0-actual.png
Diff: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-deep-deep-select-Deep-Select-navigation-breadcrumbs-chromium/deep--navigation-breadcrumbs-size--select-option-0-diff.png
Call log:
- expect.toHaveScreenshot(deep-/navigation/breadcrumbs__[size]-select-option-0.png) with timeout 5000ms
- verifying given screenshot expectation
- waiting for locator('#demo-content')
- locator resolved to <div id="demo-content" _ngcontent-ng-c3888982576="">…</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
- 243 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-c3888982576="">…</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
- 243 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
1) [chromium] › tests/deep/deep-select.spec.ts:13:13 › Deep / Select › /navigation/breadcrumbs ───
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: Screenshot comparison failed:
243 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--navigation-breadcrumbs-size--select-option-0-chromium-linux.png
Received: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-deep-deep-select-Deep-Select-navigation-breadcrumbs-chromium-retry1/deep--navigation-breadcrumbs-size--select-option-0-actual.png
Diff: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-deep-deep-select-Deep-Select-navigation-breadcrumbs-chromium-retry1/deep--navigation-breadcrumbs-size--select-option-0-diff.png
Call log:
- expect.toHaveScreenshot(deep-/navigation/breadcrumbs__[size]-select-option-0.png) with timeout 5000ms
- verifying given screenshot expectation
- waiting for locator('#demo-content')
- locator resolved to <div id="demo-content" _ngcontent-ng-c3888982576="">…</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
- 243 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-c3888982576="">…</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
- 243 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
1) [chromium] › tests/deep/deep-select.spec.ts:13:13 › Deep / Select › /navigation/breadcrumbs ───
Retry #2 ───────────────────────────────────────────────────────────────────────────────────────
Error: Screenshot comparison failed:
243 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--navigation-breadcrumbs-size--select-option-0-chromium-linux.png
Received: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-deep-deep-select-Deep-Select-navigation-breadcrumbs-chromium-retry2/deep--navigation-breadcrumbs-size--select-option-0-actual.png
Diff: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-deep-deep-select-Deep-Select-navigation-breadcrumbs-chromium-retry2/deep--navigation-breadcrumbs-size--select-option-0-diff.png
Call log:
- expect.toHaveScreenshot(deep-/navigation/breadcrumbs__[size]-select-option-0.png) with timeout 5000ms
- verifying given screenshot expectation
- waiting for locator('#demo-content')
- locator resolved to <div id="demo-content" _ngcontent-ng-c3888982576="">…</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
- 243 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-c3888982576="">…</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
- 243 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
|
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 15.7s
|
🎭 Playwright Run Summary
97 passed (1.4m)
|
🎭 Playwright Run Summary
97 passed (1.3m)
|
🎭 Playwright Run Summary
97 passed (1.2m)
|
🎭 Playwright Run Summary
97 passed (1.4m)
|
🎭 Playwright Run Summary
97 passed (2.1m)
|
🎭 Playwright Run Summary
97 passed (1.9m)
|
🎭 Playwright Run Summary
97 passed (1.3m)
|
🎭 Playwright Run Summary
97 passed (1.4m)
|
🎭 Playwright Run Summary
97 passed (1.9m)
|
🎭 Playwright Run Summary
2 failed
[chromium] › tests/demo/demo.spec.ts:10:13 › Demo › /components/navigation ─────────────────────
[chromium] › tests/demo/demo.spec.ts:10:13 › Demo › /navigation/breadcrumbs ────────────────────
95 passed (1.8m)
|
🎭 Playwright Run Summary
97 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 › /navigation/breadcrumbs ────
96 passed (2.3m)
|
🎭 Playwright Run Summary
97 passed (2.9m)
|
🎭 Playwright Run Summary
96 passed (1.4m)
|
🎭 Playwright Run Summary
96 passed (1.6m)
|
🎭 Playwright Run Summary
97 passed (3.9m)
|
🎭 Playwright Run Summary
97 passed (5.0m)
|
Artifacts
Produced during runtime
Name | Size | |
---|---|---|
playwright-e2e-artifacts--0218a96d9bfeef84ec9a291c1bbc806f82cf9070-11161270509-9330_3
Expired
|
13.4 KB |
|
playwright-e2e-artifacts--0218a96d9bfeef84ec9a291c1bbc806f82cf9070-11161270509-9330_6
Expired
|
185 KB |
|