Skip to content

feat(layout): BlockStatus update mobile paddings #8936

feat(layout): BlockStatus update mobile paddings

feat(layout): BlockStatus update mobile paddings #8936

Triggered via pull request February 1, 2024 08:17
Status Failure
Total duration 25m 2s
Artifacts 1

e2e.yml

on: pull_request
Matrix: playwright
E2E result
9s
E2E result
Fit to window
Zoom out
Zoom in

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