fix(layout): allow textfield
customization via [tuiSearchField]
#11621
Annotations
10 errors and 2 notices
Run screenshot tests on dist/demo/browser/main:
projects/demo-playwright/tests/demo/demo.pw.spec.ts#L42
1) [chromium] › projects/demo-playwright/tests/demo/demo.pw.spec.ts:10:13 › Demo › /components/carousel
Error: expect(locator).toHaveScreenshot(expected)
473 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.pw.spec.ts-snapshots/components-carousel/3-chromium-linux.png
Received: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-demo-demo.pw-Demo-components-carousel-chromium/components-carousel/3-actual.png
Diff: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-demo-demo.pw-Demo-components-carousel-chromium/components-carousel/3-diff.png
Call log:
- expect.toHaveScreenshot(components-carousel/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
- 473 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
- 473 pixels (ratio 0.01 of all image pixels) are different.
40 | await page.waitForTimeout(path.includes('charts') ? 500 : 150);
41 |
> 42 | await expect(example).toHaveScreenshot([
| ^
43 | path.replace('/', '').replaceAll('/', '-'),
44 | `${i + 1}.png`,
45 | ]);
at /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests/demo/demo.pw.spec.ts:42:39
|
Run screenshot tests on dist/demo/browser/main:
projects/demo-playwright/tests/demo/demo.pw.spec.ts#L42
1) [chromium] › projects/demo-playwright/tests/demo/demo.pw.spec.ts:10:13 › Demo › /components/carousel
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(locator).toHaveScreenshot(expected)
473 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.pw.spec.ts-snapshots/components-carousel/3-chromium-linux.png
Received: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-demo-demo.pw-Demo-components-carousel-chromium-retry1/components-carousel/3-actual.png
Diff: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-demo-demo.pw-Demo-components-carousel-chromium-retry1/components-carousel/3-diff.png
Call log:
- expect.toHaveScreenshot(components-carousel/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
- 473 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
- 473 pixels (ratio 0.01 of all image pixels) are different.
40 | await page.waitForTimeout(path.includes('charts') ? 500 : 150);
41 |
> 42 | await expect(example).toHaveScreenshot([
| ^
43 | path.replace('/', '').replaceAll('/', '-'),
44 | `${i + 1}.png`,
45 | ]);
at /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests/demo/demo.pw.spec.ts:42:39
|
Run screenshot tests on dist/demo/browser/main:
projects/demo-playwright/tests/demo/demo.pw.spec.ts#L42
1) [chromium] › projects/demo-playwright/tests/demo/demo.pw.spec.ts:10:13 › Demo › /components/carousel
Retry #2 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(locator).toHaveScreenshot(expected)
473 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.pw.spec.ts-snapshots/components-carousel/3-chromium-linux.png
Received: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-demo-demo.pw-Demo-components-carousel-chromium-retry2/components-carousel/3-actual.png
Diff: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-demo-demo.pw-Demo-components-carousel-chromium-retry2/components-carousel/3-diff.png
Call log:
- expect.toHaveScreenshot(components-carousel/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
- 473 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
- 473 pixels (ratio 0.01 of all image pixels) are different.
40 | await page.waitForTimeout(path.includes('charts') ? 500 : 150);
41 |
> 42 | await expect(example).toHaveScreenshot([
| ^
43 | path.replace('/', '').replaceAll('/', '-'),
44 | `${i + 1}.png`,
45 | ]);
at /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests/demo/demo.pw.spec.ts:42:39
|
Run screenshot tests on dist/demo/browser/main:
projects/demo-playwright/tests/demo/demo.pw.spec.ts#L42
2) [chromium] › projects/demo-playwright/tests/demo/demo.pw.spec.ts:10:13 › Demo › /charts/legend-item
Error: expect(locator).toHaveScreenshot(expected)
222 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.pw.spec.ts-snapshots/charts-legend-item/1-chromium-linux.png
Received: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-demo-demo.pw-Demo-charts-legend-item-chromium/charts-legend-item/1-actual.png
Diff: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-demo-demo.pw-Demo-charts-legend-item-chromium/charts-legend-item/1-diff.png
Call log:
- expect.toHaveScreenshot(charts-legend-item/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
- 222 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
- 222 pixels (ratio 0.01 of all image pixels) are different.
40 | await page.waitForTimeout(path.includes('charts') ? 500 : 150);
41 |
> 42 | await expect(example).toHaveScreenshot([
| ^
43 | path.replace('/', '').replaceAll('/', '-'),
44 | `${i + 1}.png`,
45 | ]);
at /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests/demo/demo.pw.spec.ts:42:39
|
Run screenshot tests on dist/demo/browser/main:
projects/demo-playwright/tests/demo/demo.pw.spec.ts#L42
2) [chromium] › projects/demo-playwright/tests/demo/demo.pw.spec.ts:10:13 › Demo › /charts/legend-item
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(locator).toHaveScreenshot(expected)
222 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.pw.spec.ts-snapshots/charts-legend-item/1-chromium-linux.png
Received: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-demo-demo.pw-Demo-charts-legend-item-chromium-retry1/charts-legend-item/1-actual.png
Diff: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-demo-demo.pw-Demo-charts-legend-item-chromium-retry1/charts-legend-item/1-diff.png
Call log:
- expect.toHaveScreenshot(charts-legend-item/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
- 222 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
- 222 pixels (ratio 0.01 of all image pixels) are different.
40 | await page.waitForTimeout(path.includes('charts') ? 500 : 150);
41 |
> 42 | await expect(example).toHaveScreenshot([
| ^
43 | path.replace('/', '').replaceAll('/', '-'),
44 | `${i + 1}.png`,
45 | ]);
at /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests/demo/demo.pw.spec.ts:42:39
|
Run screenshot tests on dist/demo/browser/main:
projects/demo-playwright/tests/demo/demo.pw.spec.ts#L42
2) [chromium] › projects/demo-playwright/tests/demo/demo.pw.spec.ts:10:13 › Demo › /charts/legend-item
Retry #2 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(locator).toHaveScreenshot(expected)
222 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.pw.spec.ts-snapshots/charts-legend-item/1-chromium-linux.png
Received: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-demo-demo.pw-Demo-charts-legend-item-chromium-retry2/charts-legend-item/1-actual.png
Diff: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-demo-demo.pw-Demo-charts-legend-item-chromium-retry2/charts-legend-item/1-diff.png
Call log:
- expect.toHaveScreenshot(charts-legend-item/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
- 222 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
- 222 pixels (ratio 0.01 of all image pixels) are different.
40 | await page.waitForTimeout(path.includes('charts') ? 500 : 150);
41 |
> 42 | await expect(example).toHaveScreenshot([
| ^
43 | path.replace('/', '').replaceAll('/', '-'),
44 | `${i + 1}.png`,
45 | ]);
at /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests/demo/demo.pw.spec.ts:42:39
|
Run screenshot tests on dist/demo/browser/main:
projects/demo-playwright/tests/demo/demo.pw.spec.ts#L42
3) [chromium] › projects/demo-playwright/tests/demo/demo.pw.spec.ts:10:13 › Demo › /charts/ring-chart
Error: expect(locator).toHaveScreenshot(expected)
222 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.pw.spec.ts-snapshots/charts-ring-chart/2-chromium-linux.png
Received: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-demo-demo.pw-Demo-charts-ring-chart-chromium/charts-ring-chart/2-actual.png
Diff: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-demo-demo.pw-Demo-charts-ring-chart-chromium/charts-ring-chart/2-diff.png
Call log:
- expect.toHaveScreenshot(charts-ring-chart/2.png) with timeout 5000ms
- verifying given screenshot expectation
- waiting for getByTestId('tui-doc-example').nth(1)
- 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
- 222 pixels (ratio 0.01 of all image pixels) are different.
- waiting 100ms before taking screenshot
- waiting for getByTestId('tui-doc-example').nth(1)
- 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
- 222 pixels (ratio 0.01 of all image pixels) are different.
40 | await page.waitForTimeout(path.includes('charts') ? 500 : 150);
41 |
> 42 | await expect(example).toHaveScreenshot([
| ^
43 | path.replace('/', '').replaceAll('/', '-'),
44 | `${i + 1}.png`,
45 | ]);
at /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests/demo/demo.pw.spec.ts:42:39
|
Run screenshot tests on dist/demo/browser/main:
projects/demo-playwright/tests/demo/demo.pw.spec.ts#L42
3) [chromium] › projects/demo-playwright/tests/demo/demo.pw.spec.ts:10:13 › Demo › /charts/ring-chart
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(locator).toHaveScreenshot(expected)
222 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.pw.spec.ts-snapshots/charts-ring-chart/2-chromium-linux.png
Received: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-demo-demo.pw-Demo-charts-ring-chart-chromium-retry1/charts-ring-chart/2-actual.png
Diff: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-demo-demo.pw-Demo-charts-ring-chart-chromium-retry1/charts-ring-chart/2-diff.png
Call log:
- expect.toHaveScreenshot(charts-ring-chart/2.png) with timeout 5000ms
- verifying given screenshot expectation
- waiting for getByTestId('tui-doc-example').nth(1)
- 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
- 222 pixels (ratio 0.01 of all image pixels) are different.
- waiting 100ms before taking screenshot
- waiting for getByTestId('tui-doc-example').nth(1)
- 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
- 222 pixels (ratio 0.01 of all image pixels) are different.
40 | await page.waitForTimeout(path.includes('charts') ? 500 : 150);
41 |
> 42 | await expect(example).toHaveScreenshot([
| ^
43 | path.replace('/', '').replaceAll('/', '-'),
44 | `${i + 1}.png`,
45 | ]);
at /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests/demo/demo.pw.spec.ts:42:39
|
Run screenshot tests on dist/demo/browser/main:
projects/demo-playwright/tests/demo/demo.pw.spec.ts#L42
3) [chromium] › projects/demo-playwright/tests/demo/demo.pw.spec.ts:10:13 › Demo › /charts/ring-chart
Retry #2 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(locator).toHaveScreenshot(expected)
3696 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.pw.spec.ts-snapshots/charts-ring-chart/1-chromium-linux.png
Received: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-demo-demo.pw-Demo-charts-ring-chart-chromium-retry2/charts-ring-chart/1-actual.png
Diff: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-demo-demo.pw-Demo-charts-ring-chart-chromium-retry2/charts-ring-chart/1-diff.png
Call log:
- expect.toHaveScreenshot(charts-ring-chart/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
- 3696 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
- 3696 pixels (ratio 0.01 of all image pixels) are different.
40 | await page.waitForTimeout(path.includes('charts') ? 500 : 150);
41 |
> 42 | await expect(example).toHaveScreenshot([
| ^
43 | path.replace('/', '').replaceAll('/', '-'),
44 | `${i + 1}.png`,
45 | ]);
at /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests/demo/demo.pw.spec.ts:42:39
|
Run screenshot tests on dist/demo/browser/main
Process completed with exit code 1.
|
Run screenshot tests on dist/demo/browser/main
3 failed
[chromium] › projects/demo-playwright/tests/demo/demo.pw.spec.ts:10:13 › Demo › /components/carousel
[chromium] › projects/demo-playwright/tests/demo/demo.pw.spec.ts:10:13 › Demo › /charts/legend-item
[chromium] › projects/demo-playwright/tests/demo/demo.pw.spec.ts:10:13 › Demo › /charts/ring-chart
117 passed (3.8m)
|
Run screenshot tests on dist/demo/browser
120 passed (4.0m)
|
Loading