feat(experimental): add tuiCardLarge
#9047
Annotations
10 errors, 1 warning, and 2 notices
Run screenshot tests on dist/demo/browser/main:
projects/demo-playwright/tests/demo/demo.spec.ts#L37
1) [chromium] › tests/demo/demo.spec.ts:10:13 › Demo › /experimental/cell ────────────────────────
Error: Screenshot comparison failed:
Expected an image 1416px by 896px, received 1416px by 760px. 44286 pixels (ratio 0.04 of all image pixels) are different.
Expected: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/snapshots/tests/demo/demo.spec.ts-snapshots/experimental-cell/7-chromium-linux.png
Received: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-demo-demo-Demo-experimental-cell-chromium/experimental-cell/7-actual.png
Diff: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-demo-demo-Demo-experimental-cell-chromium/experimental-cell/7-diff.png
Call log:
- page._expectScreenshot with timeout 5000ms
- verifying given screenshot expectation
- waiting for getByTestId('tui-doc-example').nth(6)
- locator resolved to <div _ngcontent-tui-demo-c134="" automation-id="tui-d…>…</div>
- taking element screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- waiting for element to be visible and stable
- element is visible and stable
- Expected an image 1416px by 896px, received 1416px by 760px. 44286 pixels (ratio 0.04 of all image pixels) are different.
- waiting 100ms before taking screenshot
- waiting for getByTestId('tui-doc-example').nth(6)
- locator resolved to <div _ngcontent-tui-demo-c134="" automation-id="tui-d…>…</div>
- taking element screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- waiting for element to be visible and stable
- element is visible and stable
- captured a stable screenshot
- Expected an image 1416px by 896px, received 1416px by 760px. 44286 pixels (ratio 0.04 of all image pixels) are different.
35 | await documentation.networkidle(); // note: load lazy loading images
36 |
> 37 | await expect(example).toHaveScreenshot([
| ^
38 | path.replace('/', '').replace(/\//g, '-'),
39 | `${i + 1}.png`,
40 | ]);
at /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests/demo/demo.spec.ts:37:39
|
Run screenshot tests on dist/demo/browser/main:
projects/demo-playwright/tests/demo/demo.spec.ts#L37
1) [chromium] › tests/demo/demo.spec.ts:10:13 › Demo › /experimental/cell ────────────────────────
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: Screenshot comparison failed:
Expected an image 1416px by 896px, received 1416px by 760px. 44286 pixels (ratio 0.04 of all image pixels) are different.
Expected: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/snapshots/tests/demo/demo.spec.ts-snapshots/experimental-cell/7-chromium-linux.png
Received: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-demo-demo-Demo-experimental-cell-chromium-retry1/experimental-cell/7-actual.png
Diff: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-demo-demo-Demo-experimental-cell-chromium-retry1/experimental-cell/7-diff.png
Call log:
- page._expectScreenshot with timeout 5000ms
- verifying given screenshot expectation
- waiting for getByTestId('tui-doc-example').nth(6)
- locator resolved to <div _ngcontent-tui-demo-c134="" automation-id="tui-d…>…</div>
- taking element screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- waiting for element to be visible and stable
- element is visible and stable
- Expected an image 1416px by 896px, received 1416px by 760px. 44286 pixels (ratio 0.04 of all image pixels) are different.
- waiting 100ms before taking screenshot
- waiting for getByTestId('tui-doc-example').nth(6)
- locator resolved to <div _ngcontent-tui-demo-c134="" automation-id="tui-d…>…</div>
- taking element screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- waiting for element to be visible and stable
- element is visible and stable
- captured a stable screenshot
- Expected an image 1416px by 896px, received 1416px by 760px. 44286 pixels (ratio 0.04 of all image pixels) are different.
35 | await documentation.networkidle(); // note: load lazy loading images
36 |
> 37 | await expect(example).toHaveScreenshot([
| ^
38 | path.replace('/', '').replace(/\//g, '-'),
39 | `${i + 1}.png`,
40 | ]);
at /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests/demo/demo.spec.ts:37:39
|
Run screenshot tests on dist/demo/browser/main:
projects/demo-playwright/tests/demo/demo.spec.ts#L37
1) [chromium] › tests/demo/demo.spec.ts:10:13 › Demo › /experimental/cell ────────────────────────
Retry #2 ───────────────────────────────────────────────────────────────────────────────────────
Error: Screenshot comparison failed:
Expected an image 1416px by 896px, received 1416px by 760px. 44286 pixels (ratio 0.04 of all image pixels) are different.
Expected: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/snapshots/tests/demo/demo.spec.ts-snapshots/experimental-cell/7-chromium-linux.png
Received: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-demo-demo-Demo-experimental-cell-chromium-retry2/experimental-cell/7-actual.png
Diff: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-demo-demo-Demo-experimental-cell-chromium-retry2/experimental-cell/7-diff.png
Call log:
- page._expectScreenshot with timeout 5000ms
- verifying given screenshot expectation
- waiting for getByTestId('tui-doc-example').nth(6)
- locator resolved to <div _ngcontent-tui-demo-c134="" automation-id="tui-d…>…</div>
- taking element screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- waiting for element to be visible and stable
- element is visible and stable
- Expected an image 1416px by 896px, received 1416px by 760px. 44286 pixels (ratio 0.04 of all image pixels) are different.
- waiting 100ms before taking screenshot
- waiting for getByTestId('tui-doc-example').nth(6)
- locator resolved to <div _ngcontent-tui-demo-c134="" automation-id="tui-d…>…</div>
- taking element screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- waiting for element to be visible and stable
- element is visible and stable
- captured a stable screenshot
- Expected an image 1416px by 896px, received 1416px by 760px. 44286 pixels (ratio 0.04 of all image pixels) are different.
35 | await documentation.networkidle(); // note: load lazy loading images
36 |
> 37 | await expect(example).toHaveScreenshot([
| ^
38 | path.replace('/', '').replace(/\//g, '-'),
39 | `${i + 1}.png`,
40 | ]);
at /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests/demo/demo.spec.ts:37:39
|
Run screenshot tests on dist/demo/browser/main:
projects/demo-playwright/tests/demo/demo.spec.ts#L37
2) [chromium] › tests/demo/demo.spec.ts:10:13 › Demo › /experimental/surface ─────────────────────
Error: Screenshot comparison failed:
Expected an image 896px by 352px, received 896px by 184px. 7444 pixels (ratio 0.03 of all image pixels) are different.
Expected: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/snapshots/tests/demo/demo.spec.ts-snapshots/experimental-surface/2-chromium-linux.png
Received: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-demo-demo-Demo-experimental-surface-chromium/experimental-surface/2-actual.png
Diff: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-demo-demo-Demo-experimental-surface-chromium/experimental-surface/2-diff.png
Call log:
- page._expectScreenshot with timeout 5000ms
- verifying given screenshot expectation
- waiting for getByTestId('tui-doc-example').nth(1)
- locator resolved to <div _ngcontent-tui-demo-c134="" automation-id="tui-d…>…</div>
- taking element screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- waiting for element to be visible and stable
- element is visible and stable
- Expected an image 896px by 352px, received 896px by 184px. 7444 pixels (ratio 0.03 of all image pixels) are different.
- waiting 100ms before taking screenshot
- waiting for getByTestId('tui-doc-example').nth(1)
- locator resolved to <div _ngcontent-tui-demo-c134="" automation-id="tui-d…>…</div>
- taking element screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- waiting for element to be visible and stable
- element is visible and stable
- captured a stable screenshot
- Expected an image 896px by 352px, received 896px by 184px. 7444 pixels (ratio 0.03 of all image pixels) are different.
35 | await documentation.networkidle(); // note: load lazy loading images
36 |
> 37 | await expect(example).toHaveScreenshot([
| ^
38 | path.replace('/', '').replace(/\//g, '-'),
39 | `${i + 1}.png`,
40 | ]);
at /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests/demo/demo.spec.ts:37:39
|
Run screenshot tests on dist/demo/browser/main:
projects/demo-playwright/tests/demo/demo.spec.ts#L37
2) [chromium] › tests/demo/demo.spec.ts:10:13 › Demo › /experimental/surface ─────────────────────
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: Screenshot comparison failed:
Expected an image 896px by 352px, received 896px by 184px. 7444 pixels (ratio 0.03 of all image pixels) are different.
Expected: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/snapshots/tests/demo/demo.spec.ts-snapshots/experimental-surface/2-chromium-linux.png
Received: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-demo-demo-Demo-experimental-surface-chromium-retry1/experimental-surface/2-actual.png
Diff: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-demo-demo-Demo-experimental-surface-chromium-retry1/experimental-surface/2-diff.png
Call log:
- page._expectScreenshot with timeout 5000ms
- verifying given screenshot expectation
- waiting for getByTestId('tui-doc-example').nth(1)
- locator resolved to <div _ngcontent-tui-demo-c134="" automation-id="tui-d…>…</div>
- taking element screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- waiting for element to be visible and stable
- element is visible and stable
- Expected an image 896px by 352px, received 896px by 184px. 7444 pixels (ratio 0.03 of all image pixels) are different.
- waiting 100ms before taking screenshot
- waiting for getByTestId('tui-doc-example').nth(1)
- locator resolved to <div _ngcontent-tui-demo-c134="" automation-id="tui-d…>…</div>
- taking element screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- waiting for element to be visible and stable
- element is visible and stable
- captured a stable screenshot
- Expected an image 896px by 352px, received 896px by 184px. 7444 pixels (ratio 0.03 of all image pixels) are different.
35 | await documentation.networkidle(); // note: load lazy loading images
36 |
> 37 | await expect(example).toHaveScreenshot([
| ^
38 | path.replace('/', '').replace(/\//g, '-'),
39 | `${i + 1}.png`,
40 | ]);
at /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests/demo/demo.spec.ts:37:39
|
Run screenshot tests on dist/demo/browser/main:
projects/demo-playwright/tests/demo/demo.spec.ts#L37
2) [chromium] › tests/demo/demo.spec.ts:10:13 › Demo › /experimental/surface ─────────────────────
Retry #2 ───────────────────────────────────────────────────────────────────────────────────────
Error: Screenshot comparison failed:
Expected an image 896px by 352px, received 896px by 184px. 7444 pixels (ratio 0.03 of all image pixels) are different.
Expected: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/snapshots/tests/demo/demo.spec.ts-snapshots/experimental-surface/2-chromium-linux.png
Received: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-demo-demo-Demo-experimental-surface-chromium-retry2/experimental-surface/2-actual.png
Diff: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-demo-demo-Demo-experimental-surface-chromium-retry2/experimental-surface/2-diff.png
Call log:
- page._expectScreenshot with timeout 5000ms
- verifying given screenshot expectation
- waiting for getByTestId('tui-doc-example').nth(1)
- locator resolved to <div _ngcontent-tui-demo-c134="" automation-id="tui-d…>…</div>
- taking element screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- waiting for element to be visible and stable
- element is visible and stable
- Expected an image 896px by 352px, received 896px by 184px. 7444 pixels (ratio 0.03 of all image pixels) are different.
- waiting 100ms before taking screenshot
- waiting for getByTestId('tui-doc-example').nth(1)
- locator resolved to <div _ngcontent-tui-demo-c134="" automation-id="tui-d…>…</div>
- taking element screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- waiting for element to be visible and stable
- element is visible and stable
- captured a stable screenshot
- Expected an image 896px by 352px, received 896px by 184px. 7444 pixels (ratio 0.03 of all image pixels) are different.
35 | await documentation.networkidle(); // note: load lazy loading images
36 |
> 37 | await expect(example).toHaveScreenshot([
| ^
38 | path.replace('/', '').replace(/\//g, '-'),
39 | `${i + 1}.png`,
40 | ]);
at /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests/demo/demo.spec.ts:37:39
|
Run screenshot tests on dist/demo/browser/main:
projects/demo-playwright/utils/goto.ts#L59
3) [chromium] › tests/demo/demo.spec.ts:10:13 › Demo › /experimental/card-medium ─────────────────
TimeoutError: locator.evaluate: Timeout 10000ms exceeded.
Call log:
- waiting for locator('[tuidocheader]')
at utils/goto.ts:59
57 |
58 | if (hideHeader) {
> 59 | await page.locator('[tuidocheader]').evaluate(el => el.remove());
| ^
60 | }
61 |
62 | if (hideVersionManager) {
at tuiGoto (/home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/utils/goto.ts:59:46)
at /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests/demo/demo.spec.ts:14:13
|
Run screenshot tests on dist/demo/browser/main:
projects/demo-playwright/utils/goto.ts#L59
3) [chromium] › tests/demo/demo.spec.ts:10:13 › Demo › /experimental/card-medium ─────────────────
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
TimeoutError: locator.evaluate: Timeout 10000ms exceeded.
Call log:
- waiting for locator('[tuidocheader]')
at utils/goto.ts:59
57 |
58 | if (hideHeader) {
> 59 | await page.locator('[tuidocheader]').evaluate(el => el.remove());
| ^
60 | }
61 |
62 | if (hideVersionManager) {
at tuiGoto (/home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/utils/goto.ts:59:46)
at /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests/demo/demo.spec.ts:14:13
|
Run screenshot tests on dist/demo/browser/main:
projects/demo-playwright/utils/goto.ts#L59
3) [chromium] › tests/demo/demo.spec.ts:10:13 › Demo › /experimental/card-medium ─────────────────
Retry #2 ───────────────────────────────────────────────────────────────────────────────────────
TimeoutError: locator.evaluate: Timeout 10000ms exceeded.
Call log:
- waiting for locator('[tuidocheader]')
at utils/goto.ts:59
57 |
58 | if (hideHeader) {
> 59 | await page.locator('[tuidocheader]').evaluate(el => el.remove());
| ^
60 | }
61 |
62 | if (hideVersionManager) {
at tuiGoto (/home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/utils/goto.ts:59:46)
at /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests/demo/demo.spec.ts:14:13
|
Run screenshot tests on dist/demo/browser/main:
projects/demo-playwright/utils/goto.ts#L59
4) [chromium] › tests/demo/demo.spec.ts:10:13 › Demo › /experimental/card-large ──────────────────
TimeoutError: locator.evaluate: Timeout 10000ms exceeded.
Call log:
- waiting for locator('[tuidocheader]')
at utils/goto.ts:59
57 |
58 | if (hideHeader) {
> 59 | await page.locator('[tuidocheader]').evaluate(el => el.remove());
| ^
60 | }
61 |
62 | if (hideVersionManager) {
at tuiGoto (/home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/utils/goto.ts:59:46)
at /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests/demo/demo.spec.ts:14:13
|
Node.js 16 actions are deprecated. Please update the following actions to use Node.js 20: actions/[email protected]. For more information see: https://github.blog/changelog/2023-09-22-github-actions-transitioning-from-node-16-to-node-20/.
|
Run screenshot tests on dist/demo/browser/main
4 failed
[chromium] › tests/demo/demo.spec.ts:10:13 › Demo › /experimental/cell ─────────────────────────
[chromium] › tests/demo/demo.spec.ts:10:13 › Demo › /experimental/surface ──────────────────────
[chromium] › tests/demo/demo.spec.ts:10:13 › Demo › /experimental/card-medium ──────────────────
[chromium] › tests/demo/demo.spec.ts:10:13 › Demo › /experimental/card-large ───────────────────
106 passed (2.1m)
|
Run screenshot tests on dist/demo/browser
110 passed (2.1m)
|
The logs for this run have expired and are no longer available.
Loading