fix(core): Group
fix overlayed border in collapsed mode
#11223
Annotations
10 errors, 1 warning, and 2 notices
Run screenshot tests on dist/demo/browser/main:
projects/demo-playwright/tests/deep/deep-toggle.pw.spec.ts#L42
1) [chromium] › tests/deep/deep-toggle.pw.spec.ts:9:13 › Deep / Toggle › /components/group ───────
Error: expect(locator).toHaveScreenshot(expected)
6 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-toggle.pw.spec.ts-snapshots/deep--components-group--collapsed--row-0-toggled-chromium-linux.png
Received: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-deep-deep-toggle.pw-Deep-Toggle-components-group-chromium/deep--components-group--collapsed--row-0-toggled-actual.png
Diff: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-deep-deep-toggle.pw-Deep-Toggle-components-group-chromium/deep--components-group--collapsed--row-0-toggled-diff.png
Call log:
- expect.toHaveScreenshot(deep-/components/group-[collapsed]-row-0-toggled.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
- 6 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
- 6 pixels (ratio 0.01 of all image pixels) are different.
40 | }
41 |
> 42 | await expect(api.apiPageExample).toHaveScreenshot(
| ^
43 | `deep-${path}-${name}-row-${rowIndex}-toggled.png`,
44 | );
45 |
at /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests/deep/deep-toggle.pw.spec.ts:42:50
|
Run screenshot tests on dist/demo/browser/main:
projects/demo-playwright/tests/deep/deep-toggle.pw.spec.ts#L42
1) [chromium] › tests/deep/deep-toggle.pw.spec.ts:9:13 › Deep / Toggle › /components/group ───────
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(locator).toHaveScreenshot(expected)
6 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-toggle.pw.spec.ts-snapshots/deep--components-group--collapsed--row-0-toggled-chromium-linux.png
Received: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-deep-deep-toggle.pw-Deep-Toggle-components-group-chromium-retry1/deep--components-group--collapsed--row-0-toggled-actual.png
Diff: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-deep-deep-toggle.pw-Deep-Toggle-components-group-chromium-retry1/deep--components-group--collapsed--row-0-toggled-diff.png
Call log:
- expect.toHaveScreenshot(deep-/components/group-[collapsed]-row-0-toggled.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
- 6 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
- 6 pixels (ratio 0.01 of all image pixels) are different.
40 | }
41 |
> 42 | await expect(api.apiPageExample).toHaveScreenshot(
| ^
43 | `deep-${path}-${name}-row-${rowIndex}-toggled.png`,
44 | );
45 |
at /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests/deep/deep-toggle.pw.spec.ts:42:50
|
Run screenshot tests on dist/demo/browser/main:
projects/demo-playwright/tests/deep/deep-toggle.pw.spec.ts#L42
1) [chromium] › tests/deep/deep-toggle.pw.spec.ts:9:13 › Deep / Toggle › /components/group ───────
Retry #2 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(locator).toHaveScreenshot(expected)
6 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-toggle.pw.spec.ts-snapshots/deep--components-group--collapsed--row-0-toggled-chromium-linux.png
Received: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-deep-deep-toggle.pw-Deep-Toggle-components-group-chromium-retry2/deep--components-group--collapsed--row-0-toggled-actual.png
Diff: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-deep-deep-toggle.pw-Deep-Toggle-components-group-chromium-retry2/deep--components-group--collapsed--row-0-toggled-diff.png
Call log:
- expect.toHaveScreenshot(deep-/components/group-[collapsed]-row-0-toggled.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
- 6 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
- 6 pixels (ratio 0.01 of all image pixels) are different.
40 | }
41 |
> 42 | await expect(api.apiPageExample).toHaveScreenshot(
| ^
43 | `deep-${path}-${name}-row-${rowIndex}-toggled.png`,
44 | );
45 |
at /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests/deep/deep-toggle.pw.spec.ts:42:50
|
Run screenshot tests on dist/demo/browser/main:
projects/demo-playwright/tests/demo/demo.pw.spec.ts#L40
2) [chromium] › tests/demo/demo.pw.spec.ts:10:13 › Demo › /components/accordion ──────────────────
Error: expect(locator).toHaveScreenshot(expected)
2368 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-accordion/1-chromium-linux.png
Received: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-demo-demo.pw-Demo-components-accordion-chromium/components-accordion/1-actual.png
Diff: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-demo-demo.pw-Demo-components-accordion-chromium/components-accordion/1-diff.png
Call log:
- expect.toHaveScreenshot(components-accordion/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
- 2368 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
- 2368 pixels (ratio 0.01 of all image pixels) are different.
38 | await page.waitForTimeout(150);
39 |
> 40 | await expect(example).toHaveScreenshot([
| ^
41 | path.replace('/', '').replaceAll('/', '-'),
42 | `${i + 1}.png`,
43 | ]);
at /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests/demo/demo.pw.spec.ts:40:39
|
Run screenshot tests on dist/demo/browser/main:
projects/demo-playwright/tests/demo/demo.pw.spec.ts#L40
2) [chromium] › tests/demo/demo.pw.spec.ts:10:13 › Demo › /components/accordion ──────────────────
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(locator).toHaveScreenshot(expected)
2368 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-accordion/1-chromium-linux.png
Received: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-demo-demo.pw-Demo-components-accordion-chromium-retry1/components-accordion/1-actual.png
Diff: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-demo-demo.pw-Demo-components-accordion-chromium-retry1/components-accordion/1-diff.png
Call log:
- expect.toHaveScreenshot(components-accordion/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
- 2368 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
- 2368 pixels (ratio 0.01 of all image pixels) are different.
38 | await page.waitForTimeout(150);
39 |
> 40 | await expect(example).toHaveScreenshot([
| ^
41 | path.replace('/', '').replaceAll('/', '-'),
42 | `${i + 1}.png`,
43 | ]);
at /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests/demo/demo.pw.spec.ts:40:39
|
Run screenshot tests on dist/demo/browser/main:
projects/demo-playwright/tests/demo/demo.pw.spec.ts#L40
2) [chromium] › tests/demo/demo.pw.spec.ts:10:13 › Demo › /components/accordion ──────────────────
Retry #2 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(locator).toHaveScreenshot(expected)
2368 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-accordion/1-chromium-linux.png
Received: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-demo-demo.pw-Demo-components-accordion-chromium-retry2/components-accordion/1-actual.png
Diff: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-demo-demo.pw-Demo-components-accordion-chromium-retry2/components-accordion/1-diff.png
Call log:
- expect.toHaveScreenshot(components-accordion/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
- 2368 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
- 2368 pixels (ratio 0.01 of all image pixels) are different.
38 | await page.waitForTimeout(150);
39 |
> 40 | await expect(example).toHaveScreenshot([
| ^
41 | path.replace('/', '').replaceAll('/', '-'),
42 | `${i + 1}.png`,
43 | ]);
at /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests/demo/demo.pw.spec.ts:40:39
|
Run screenshot tests on dist/demo/browser/main:
projects/demo-playwright/tests/demo/demo.pw.spec.ts#L40
3) [chromium] › tests/demo/demo.pw.spec.ts:10:13 › Demo › /components/block ──────────────────────
Error: expect(locator).toHaveScreenshot(expected)
938 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-block/2-chromium-linux.png
Received: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-demo-demo.pw-Demo-components-block-chromium/components-block/2-actual.png
Diff: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-demo-demo.pw-Demo-components-block-chromium/components-block/2-diff.png
Call log:
- expect.toHaveScreenshot(components-block/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
- 938 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
- 938 pixels (ratio 0.01 of all image pixels) are different.
38 | await page.waitForTimeout(150);
39 |
> 40 | await expect(example).toHaveScreenshot([
| ^
41 | path.replace('/', '').replaceAll('/', '-'),
42 | `${i + 1}.png`,
43 | ]);
at /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests/demo/demo.pw.spec.ts:40:39
|
Run screenshot tests on dist/demo/browser/main:
projects/demo-playwright/tests/demo/demo.pw.spec.ts#L40
3) [chromium] › tests/demo/demo.pw.spec.ts:10:13 › Demo › /components/block ──────────────────────
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(locator).toHaveScreenshot(expected)
938 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-block/2-chromium-linux.png
Received: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-demo-demo.pw-Demo-components-block-chromium-retry1/components-block/2-actual.png
Diff: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-demo-demo.pw-Demo-components-block-chromium-retry1/components-block/2-diff.png
Call log:
- expect.toHaveScreenshot(components-block/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
- 938 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
- 938 pixels (ratio 0.01 of all image pixels) are different.
38 | await page.waitForTimeout(150);
39 |
> 40 | await expect(example).toHaveScreenshot([
| ^
41 | path.replace('/', '').replaceAll('/', '-'),
42 | `${i + 1}.png`,
43 | ]);
at /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests/demo/demo.pw.spec.ts:40:39
|
Run screenshot tests on dist/demo/browser/main:
projects/demo-playwright/tests/demo/demo.pw.spec.ts#L40
3) [chromium] › tests/demo/demo.pw.spec.ts:10:13 › Demo › /components/block ──────────────────────
Retry #2 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(locator).toHaveScreenshot(expected)
938 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-block/2-chromium-linux.png
Received: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-demo-demo.pw-Demo-components-block-chromium-retry2/components-block/2-actual.png
Diff: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-demo-demo.pw-Demo-components-block-chromium-retry2/components-block/2-diff.png
Call log:
- expect.toHaveScreenshot(components-block/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
- 938 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
- 938 pixels (ratio 0.01 of all image pixels) are different.
38 | await page.waitForTimeout(150);
39 |
> 40 | await expect(example).toHaveScreenshot([
| ^
41 | path.replace('/', '').replaceAll('/', '-'),
42 | `${i + 1}.png`,
43 | ]);
at /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests/demo/demo.pw.spec.ts:40:39
|
Run screenshot tests on dist/demo/browser/main
Process completed with exit code 1.
|
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
|
Run screenshot tests on dist/demo/browser
118 passed (2.5m)
|
Run screenshot tests on dist/demo/browser/main
3 failed
[chromium] › tests/deep/deep-toggle.pw.spec.ts:9:13 › Deep / Toggle › /components/group ────────
[chromium] › tests/demo/demo.pw.spec.ts:10:13 › Demo › /components/accordion ───────────────────
[chromium] › tests/demo/demo.pw.spec.ts:10:13 › Demo › /components/block ───────────────────────
115 passed (2.6m)
|
Loading