Skip to content

fix(cdk): Control react to markAsTouched on Angular 18+ #5216

fix(cdk): Control react to markAsTouched on Angular 18+

fix(cdk): Control react to markAsTouched on Angular 18+ #5216

Triggered via pull request October 3, 2024 11:38
Status Failure
Total duration 20m 34s
Artifacts 2

e2e-playwright.yml

on: pull_request
Matrix: playwright
Playwright E2E Tests matrix result
0s
Playwright E2E Tests matrix result
E2E result
7s
E2E 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/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