feat(layout): BlockStatus
update mobile paddings
#8936
Annotations
14 errors, 9 warnings, and 16 notices
[chromium] › tests/demo/demo.spec.ts:10:13 › Demo › /layout/block-status:
projects/demo-playwright/tests/demo/demo.spec.ts#L37
1) [chromium] › tests/demo/demo.spec.ts:10:13 › Demo › /layout/block-status ──────────────────────
Error: Screenshot comparison failed:
Expected an image 1416px by 634px, received 1416px by 674px. 15891 pixels (ratio 0.02 of all image pixels) are different.
Expected: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/snapshots/tests/demo/demo.spec.ts-snapshots/layout-block-status/1-chromium-linux.png
Received: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-demo-demo-Demo-layout-block-status-chromium/layout-block-status/1-actual.png
Diff: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-demo-demo-Demo-layout-block-status-chromium/layout-block-status/1-diff.png
Call log:
- page._expectScreenshot with timeout 5000ms
- verifying given screenshot expectation
- waiting for getByTestId('tui-doc-example').first()
- locator resolved to <div _ngcontent-tui-demo-c135="" 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 634px, received 1416px by 674px. 15891 pixels (ratio 0.02 of all image pixels) are different.
- waiting 100ms before taking screenshot
- waiting for getByTestId('tui-doc-example').first()
- locator resolved to <div _ngcontent-tui-demo-c135="" 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 634px, received 1416px by 674px. 15891 pixels (ratio 0.02 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
|
[chromium] › tests/demo/demo.spec.ts:10:13 › Demo › /layout/block-status:
projects/demo-playwright/tests/demo/demo.spec.ts#L37
1) [chromium] › tests/demo/demo.spec.ts:10:13 › Demo › /layout/block-status ──────────────────────
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: Screenshot comparison failed:
Expected an image 1416px by 634px, received 1416px by 674px. 15891 pixels (ratio 0.02 of all image pixels) are different.
Expected: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/snapshots/tests/demo/demo.spec.ts-snapshots/layout-block-status/1-chromium-linux.png
Received: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-demo-demo-Demo-layout-block-status-chromium-retry1/layout-block-status/1-actual.png
Diff: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-demo-demo-Demo-layout-block-status-chromium-retry1/layout-block-status/1-diff.png
Call log:
- page._expectScreenshot with timeout 5000ms
- verifying given screenshot expectation
- waiting for getByTestId('tui-doc-example').first()
- locator resolved to <div _ngcontent-tui-demo-c135="" 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 634px, received 1416px by 674px. 15891 pixels (ratio 0.02 of all image pixels) are different.
- waiting 100ms before taking screenshot
- waiting for getByTestId('tui-doc-example').first()
- locator resolved to <div _ngcontent-tui-demo-c135="" 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 634px, received 1416px by 674px. 15891 pixels (ratio 0.02 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
|
[chromium] › tests/demo/demo.spec.ts:10:13 › Demo › /layout/block-status:
projects/demo-playwright/tests/demo/demo.spec.ts#L37
1) [chromium] › tests/demo/demo.spec.ts:10:13 › Demo › /layout/block-status ──────────────────────
Retry #2 ───────────────────────────────────────────────────────────────────────────────────────
Error: Screenshot comparison failed:
Expected an image 1416px by 634px, received 1416px by 674px. 15891 pixels (ratio 0.02 of all image pixels) are different.
Expected: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/snapshots/tests/demo/demo.spec.ts-snapshots/layout-block-status/1-chromium-linux.png
Received: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-demo-demo-Demo-layout-block-status-chromium-retry2/layout-block-status/1-actual.png
Diff: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-demo-demo-Demo-layout-block-status-chromium-retry2/layout-block-status/1-diff.png
Call log:
- page._expectScreenshot with timeout 5000ms
- verifying given screenshot expectation
- waiting for getByTestId('tui-doc-example').first()
- locator resolved to <div _ngcontent-tui-demo-c135="" 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 634px, received 1416px by 674px. 15891 pixels (ratio 0.02 of all image pixels) are different.
- waiting 100ms before taking screenshot
- waiting for getByTestId('tui-doc-example').first()
- locator resolved to <div _ngcontent-tui-demo-c135="" 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 634px, received 1416px by 674px. 15891 pixels (ratio 0.02 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
|
playwright / (4 of 8)
Process completed with exit code 1.
|
[chromium] › tests/deep/deep-toggle.spec.ts:8:13 › Deep / Toggle › /layout/block-status:
projects/demo-playwright/tests/deep/deep-toggle.spec.ts#L32
1) [chromium] › tests/deep/deep-toggle.spec.ts:8:13 › Deep / Toggle › /layout/block-status ───────
Error: Screenshot comparison failed:
Expected an image 1356px by 810px, received 1356px by 722px. 13987 pixels (ratio 0.02 of all image pixels) are different.
Expected: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/snapshots/tests/deep/deep-toggle.spec.ts-snapshots/deep--layout-block-status-card--toggled-chromium-linux.png
Received: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-deep-deep-toggle-Deep-Toggle-layout-block-status-chromium/deep--layout-block-status-card--toggled-actual.png
Diff: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-deep-deep-toggle-Deep-Toggle-layout-block-status-chromium/deep--layout-block-status-card--toggled-diff.png
Call log:
- page._expectScreenshot with timeout 5000ms
- verifying given screenshot expectation
- waiting for locator('#demo-content')
- locator resolved to <div id="demo-content" _ngcontent-tui-demo-c132="">…</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 1356px by 810px, received 1356px by 722px. 13987 pixels (ratio 0.02 of all image pixels) are different.
- waiting 100ms before taking screenshot
- waiting for locator('#demo-content')
- locator resolved to <div id="demo-content" _ngcontent-tui-demo-c132="">…</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 1356px by 810px, received 1356px by 722px. 13987 pixels (ratio 0.02 of all image pixels) are different.
30 | await api.networkidle();
31 |
> 32 | await expect(api.apiPageExample).toHaveScreenshot(
| ^
33 | `deep-${path}__${name}-toggled.png`,
34 | );
35 |
at /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests/deep/deep-toggle.spec.ts:32:50
|
[chromium] › tests/deep/deep-toggle.spec.ts:8:13 › Deep / Toggle › /layout/block-status:
projects/demo-playwright/tests/deep/deep-toggle.spec.ts#L32
1) [chromium] › tests/deep/deep-toggle.spec.ts:8:13 › Deep / Toggle › /layout/block-status ───────
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: Screenshot comparison failed:
Expected an image 1356px by 810px, received 1356px by 722px. 13987 pixels (ratio 0.02 of all image pixels) are different.
Expected: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/snapshots/tests/deep/deep-toggle.spec.ts-snapshots/deep--layout-block-status-card--toggled-chromium-linux.png
Received: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-deep-deep-toggle-Deep-Toggle-layout-block-status-chromium-retry1/deep--layout-block-status-card--toggled-actual.png
Diff: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-deep-deep-toggle-Deep-Toggle-layout-block-status-chromium-retry1/deep--layout-block-status-card--toggled-diff.png
Call log:
- page._expectScreenshot with timeout 5000ms
- verifying given screenshot expectation
- waiting for locator('#demo-content')
- locator resolved to <div id="demo-content" _ngcontent-tui-demo-c132="">…</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 1356px by 810px, received 1356px by 722px. 13987 pixels (ratio 0.02 of all image pixels) are different.
- waiting 100ms before taking screenshot
- waiting for locator('#demo-content')
- locator resolved to <div id="demo-content" _ngcontent-tui-demo-c132="">…</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 1356px by 810px, received 1356px by 722px. 13987 pixels (ratio 0.02 of all image pixels) are different.
30 | await api.networkidle();
31 |
> 32 | await expect(api.apiPageExample).toHaveScreenshot(
| ^
33 | `deep-${path}__${name}-toggled.png`,
34 | );
35 |
at /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests/deep/deep-toggle.spec.ts:32:50
|
[chromium] › tests/deep/deep-toggle.spec.ts:8:13 › Deep / Toggle › /layout/block-status:
projects/demo-playwright/tests/deep/deep-toggle.spec.ts#L32
1) [chromium] › tests/deep/deep-toggle.spec.ts:8:13 › Deep / Toggle › /layout/block-status ───────
Retry #2 ───────────────────────────────────────────────────────────────────────────────────────
Error: Screenshot comparison failed:
Expected an image 1356px by 810px, received 1356px by 722px. 13987 pixels (ratio 0.02 of all image pixels) are different.
Expected: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/snapshots/tests/deep/deep-toggle.spec.ts-snapshots/deep--layout-block-status-card--toggled-chromium-linux.png
Received: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-deep-deep-toggle-Deep-Toggle-layout-block-status-chromium-retry2/deep--layout-block-status-card--toggled-actual.png
Diff: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-deep-deep-toggle-Deep-Toggle-layout-block-status-chromium-retry2/deep--layout-block-status-card--toggled-diff.png
Call log:
- page._expectScreenshot with timeout 5000ms
- verifying given screenshot expectation
- waiting for locator('#demo-content')
- locator resolved to <div id="demo-content" _ngcontent-tui-demo-c132="">…</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 1356px by 810px, received 1356px by 722px. 13987 pixels (ratio 0.02 of all image pixels) are different.
- waiting 100ms before taking screenshot
- waiting for locator('#demo-content')
- locator resolved to <div id="demo-content" _ngcontent-tui-demo-c132="">…</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 1356px by 810px, received 1356px by 722px. 13987 pixels (ratio 0.02 of all image pixels) are different.
30 | await api.networkidle();
31 |
> 32 | await expect(api.apiPageExample).toHaveScreenshot(
| ^
33 | `deep-${path}__${name}-toggled.png`,
34 | );
35 |
at /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests/deep/deep-toggle.spec.ts:32:50
|
playwright / (3 of 8)
Process completed with exit code 1.
|
[chromium] › tests/deep/deep-select.spec.ts:8:13 › Deep / Select › /components/action:
projects/demo-playwright/tests/deep/deep-select.spec.ts#L1
1) [chromium] › tests/deep/deep-select.spec.ts:8:13 › Deep / Select › /components/action ─────────
Test timeout of 90000ms exceeded.
|
[chromium] › tests/deep/deep-select.spec.ts:8:13 › Deep / Select › /components/action:
projects/demo-playwright/utils/page-objects/documentation-api-page.po.ts#L26
1) [chromium] › tests/deep/deep-select.spec.ts:8:13 › Deep / Select › /components/action ─────────
Error: Test timeout of 90000ms exceeded.
at utils/page-objects/documentation-api-page.po.ts:26
24 | new Promise(resolve => {
25 | req.response()
> 26 | .then(response => resolve(response?.finished()))
| ^
27 | .catch(() => resolve(undefined));
28 | }),
29 | ),
at /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/utils/page-objects/documentation-api-page.po.ts:26:65
|
[chromium] › tests/deep/deep-select.spec.ts:8:13 › Deep / Select › /components/action:
projects/demo-playwright/tests/deep/deep-select.spec.ts#L1
1) [chromium] › tests/deep/deep-select.spec.ts:8:13 › Deep / Select › /components/action ─────────
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Test timeout of 90000ms exceeded.
|
[chromium] › tests/deep/deep-select.spec.ts:8:13 › Deep / Select › /components/action:
projects/demo-playwright/utils/page-objects/documentation-api-page.po.ts#L26
1) [chromium] › tests/deep/deep-select.spec.ts:8:13 › Deep / Select › /components/action ─────────
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: Test timeout of 90000ms exceeded.
at utils/page-objects/documentation-api-page.po.ts:26
24 | new Promise(resolve => {
25 | req.response()
> 26 | .then(response => resolve(response?.finished()))
| ^
27 | .catch(() => resolve(undefined));
28 | }),
29 | ),
at /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/utils/page-objects/documentation-api-page.po.ts:26:65
|
E2E result
Unable to find an artifact with the name: cypress-e2e-artifacts--762a5ac1b5d9404e3d493050e55e732d60702b90-7738202005-6635
|
E2E result
Process completed with exit code 1.
|
playwright / (7 of 8)
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/.
|
playwright / (4 of 8)
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/.
|
playwright / (8 of 8)
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/.
|
playwright / (1 of 8)
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/.
|
playwright / (6 of 8)
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/.
|
playwright / (3 of 8)
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/.
|
playwright / (5 of 8)
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/.
|
playwright / (2 of 8)
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/.
|
E2E result
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/.
|
🎭 Playwright Run Summary
110 passed (1.6m)
|
🎭 Playwright Run Summary
110 passed (1.4m)
|
🎭 Playwright Run Summary
110 passed (1.6m)
|
🎭 Playwright Run Summary
1 failed
[chromium] › tests/demo/demo.spec.ts:10:13 › Demo › /layout/block-status ───────────────────────
109 passed (1.5m)
|
🎭 Playwright Run Summary
110 passed (1.7m)
|
🎭 Playwright Run Summary
110 passed (1.4m)
|
🎭 Playwright Run Summary
111 passed (1.7m)
|
🎭 Playwright Run Summary
111 passed (2.0m)
|
🎭 Playwright Run Summary
110 passed (1.8m)
|
🎭 Playwright Run Summary
110 passed (1.6m)
|
🎭 Playwright Run Summary
1 failed
[chromium] › tests/deep/deep-toggle.spec.ts:8:13 › Deep / Toggle › /layout/block-status ────────
109 passed (2.1m)
|
🎭 Playwright Run Summary
110 passed (2.4m)
|
🎭 Playwright Run Summary
110 passed (1.8m)
|
🎭 Playwright Run Summary
110 passed (2.2m)
|
🎭 Playwright Run Summary
1 flaky
[chromium] › tests/deep/deep-select.spec.ts:8:13 › Deep / Select › /components/action ──────────
110 passed (7.2m)
|
🎭 Playwright Run Summary
111 passed (8.2m)
|
Artifacts
Produced during runtime
Name | Size | |
---|---|---|
playwright-e2e-artifacts--762a5ac1b5d9404e3d493050e55e732d60702b90-7738202005-6635
Expired
|
492 KB |
|