Skip to content

fix(kit): TasbWithMore fix redundant left margin for single element #760

fix(kit): TasbWithMore fix redundant left margin for single element

fix(kit): TasbWithMore fix redundant left margin for single element #760

Triggered via pull request March 18, 2024 17:42
Status Failure
Total duration 25m 18s
Artifacts 2

e2e-playwright.yml

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

Annotations

9 errors and 16 notices
[chromium] › tests/kit/tabs/tabs.spec.ts:47:9 › Tabs › Single button: projects/demo-playwright/tests/kit/tabs/tabs.spec.ts#L50
1) [chromium] › tests/kit/tabs/tabs.spec.ts:47:9 › Tabs › Single button ────────────────────────── Error: Screenshot comparison failed: 1760 pixels (ratio 0.06 of all image pixels) are different. Expected: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/snapshots/tests/kit/tabs/tabs.spec.ts-snapshots/03-tabs-single-item-01-chromium-linux.png Received: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-kit-tabs-tabs-Tabs-Single-button-chromium/03-tabs-single-item-01-actual.png Diff: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-kit-tabs-tabs-Tabs-Single-button-chromium/03-tabs-single-item-01-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-c235710164…>…</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 - 1760 pixels (ratio 0.06 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-c235710164…>…</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 - 1760 pixels (ratio 0.06 of all image pixels) are different. 48 | await tuiGoto(page, '/navigation/tabs/API?activeItemIndex=2&sandboxWidth=133'); 49 | > 50 | await expect(new TuiDocumentationPagePO(page).apiPageExample).toHaveScreenshot( | ^ 51 | '03-tabs-single-item-01.png', 52 | ); 53 | }); at /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests/kit/tabs/tabs.spec.ts:50:71
[chromium] › tests/kit/tabs/tabs.spec.ts:47:9 › Tabs › Single button: projects/demo-playwright/tests/kit/tabs/tabs.spec.ts#L50
1) [chromium] › tests/kit/tabs/tabs.spec.ts:47:9 › Tabs › Single button ────────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 1760 pixels (ratio 0.06 of all image pixels) are different. Expected: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/snapshots/tests/kit/tabs/tabs.spec.ts-snapshots/03-tabs-single-item-01-chromium-linux.png Received: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-kit-tabs-tabs-Tabs-Single-button-chromium-retry1/03-tabs-single-item-01-actual.png Diff: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-kit-tabs-tabs-Tabs-Single-button-chromium-retry1/03-tabs-single-item-01-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-c235710164…>…</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 - 1760 pixels (ratio 0.06 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-c235710164…>…</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 - 1760 pixels (ratio 0.06 of all image pixels) are different. 48 | await tuiGoto(page, '/navigation/tabs/API?activeItemIndex=2&sandboxWidth=133'); 49 | > 50 | await expect(new TuiDocumentationPagePO(page).apiPageExample).toHaveScreenshot( | ^ 51 | '03-tabs-single-item-01.png', 52 | ); 53 | }); at /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests/kit/tabs/tabs.spec.ts:50:71
[chromium] › tests/kit/tabs/tabs.spec.ts:47:9 › Tabs › Single button: projects/demo-playwright/tests/kit/tabs/tabs.spec.ts#L50
1) [chromium] › tests/kit/tabs/tabs.spec.ts:47:9 › Tabs › Single button ────────────────────────── Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 1760 pixels (ratio 0.06 of all image pixels) are different. Expected: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/snapshots/tests/kit/tabs/tabs.spec.ts-snapshots/03-tabs-single-item-01-chromium-linux.png Received: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-kit-tabs-tabs-Tabs-Single-button-chromium-retry2/03-tabs-single-item-01-actual.png Diff: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-kit-tabs-tabs-Tabs-Single-button-chromium-retry2/03-tabs-single-item-01-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-c235710164…>…</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 - 1760 pixels (ratio 0.06 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-c235710164…>…</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 - 1760 pixels (ratio 0.06 of all image pixels) are different. 48 | await tuiGoto(page, '/navigation/tabs/API?activeItemIndex=2&sandboxWidth=133'); 49 | > 50 | await expect(new TuiDocumentationPagePO(page).apiPageExample).toHaveScreenshot( | ^ 51 | '03-tabs-single-item-01.png', 52 | ); 53 | }); at /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests/kit/tabs/tabs.spec.ts:50:71
playwright / (8 of 8)
Process completed with exit code 1.
[chromium] › tests/deep/deep-select.spec.ts:8:13 › Deep / Select › /components/rating: projects/demo-playwright/tests/deep/deep-select.spec.ts#L40
1) [chromium] › tests/deep/deep-select.spec.ts:8:13 › Deep / Select › /components/rating ───────── Error: Screenshot comparison failed: Expected an image 1356px by 268px, received 1356px by 244px. 12579 pixels (ratio 0.04 of all image pixels) are different. Expected: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/snapshots/tests/deep/deep-select.spec.ts-snapshots/deep--components-rating-iconFilled--select-option-0-chromium-linux.png Received: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-deep-deep-select-Deep-Select-components-rating-chromium/deep--components-rating-iconFilled--select-option-0-actual.png Diff: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-deep-deep-select-Deep-Select-components-rating-chromium/deep--components-rating-iconFilled--select-option-0-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-c235710164…>…</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 - Expected an image 1356px by 268px, received 1356px by 244px. 12579 pixels (ratio 0.04 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-c235710164…>…</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 - Expected an image 1356px by 268px, received 1356px by 244px. 12579 pixels (ratio 0.04 of all image pixels) are different. 38 | await api.networkidle(); 39 | > 40 | await expect(api.apiPageExample).toHaveScreenshot( | ^ 41 | `deep-${path}__${name}-select-option-${index}.png`, 42 | {threshold: 0.02}, 43 | ); at /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests/deep/deep-select.spec.ts:40:54
[chromium] › tests/deep/deep-select.spec.ts:8:13 › Deep / Select › /components/rating: projects/demo-playwright/tests/deep/deep-select.spec.ts#L40
1) [chromium] › tests/deep/deep-select.spec.ts:8:13 › Deep / Select › /components/rating ───────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 1380 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-select.spec.ts-snapshots/deep--components-rating-iconNormal--select-option-1-chromium-linux.png Received: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-deep-deep-select-Deep-Select-components-rating-chromium-retry1/deep--components-rating-iconNormal--select-option-1-actual.png Diff: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-deep-deep-select-Deep-Select-components-rating-chromium-retry1/deep--components-rating-iconNormal--select-option-1-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-c235710164…>…</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 - 1380 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-tui-demo-c235710164…>…</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 - 1380 pixels (ratio 0.01 of all image pixels) are different. 38 | await api.networkidle(); 39 | > 40 | await expect(api.apiPageExample).toHaveScreenshot( | ^ 41 | `deep-${path}__${name}-select-option-${index}.png`, 42 | {threshold: 0.02}, 43 | ); at /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests/deep/deep-select.spec.ts:40:54
[chromium] › tests/deep/deep-select.spec.ts:8:13 › Deep / Select › /components/rating: projects/demo-playwright/tests/deep/deep-select.spec.ts#L40
1) [chromium] › tests/deep/deep-select.spec.ts:8:13 › Deep / Select › /components/rating ───────── Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: Expected an image 1356px by 268px, received 1356px by 244px. 12579 pixels (ratio 0.04 of all image pixels) are different. Expected: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/snapshots/tests/deep/deep-select.spec.ts-snapshots/deep--components-rating-iconFilled--select-option-0-chromium-linux.png Received: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-deep-deep-select-Deep-Select-components-rating-chromium-retry2/deep--components-rating-iconFilled--select-option-0-actual.png Diff: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-deep-deep-select-Deep-Select-components-rating-chromium-retry2/deep--components-rating-iconFilled--select-option-0-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-c235710164…>…</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 - Expected an image 1356px by 268px, received 1356px by 244px. 12579 pixels (ratio 0.04 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-c235710164…>…</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 - Expected an image 1356px by 268px, received 1356px by 244px. 12579 pixels (ratio 0.04 of all image pixels) are different. 38 | await api.networkidle(); 39 | > 40 | await expect(api.apiPageExample).toHaveScreenshot( | ^ 41 | `deep-${path}__${name}-select-option-${index}.png`, 42 | {threshold: 0.02}, 43 | ); at /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests/deep/deep-select.spec.ts:40:54
playwright / (2 of 8)
Process completed with exit code 1.
E2E result
Process completed with exit code 1.
🎭 Playwright Run Summary
111 passed (1.7m)
🎭 Playwright Run Summary
111 passed (1.5m)
🎭 Playwright Run Summary
110 passed (1.7m)
🎭 Playwright Run Summary
1 failed [chromium] › tests/kit/tabs/tabs.spec.ts:47:9 › Tabs › Single button ─────────────────────────── 109 passed (1.5m)
🎭 Playwright Run Summary
110 passed (1.6m)
🎭 Playwright Run Summary
110 passed (1.5m)
🎭 Playwright Run Summary
111 passed (1.9m)
🎭 Playwright Run Summary
111 passed (1.7m)
🎭 Playwright Run Summary
111 passed (1.7m)
🎭 Playwright Run Summary
111 passed (2.0m)
🎭 Playwright Run Summary
111 passed (1.9m)
🎭 Playwright Run Summary
111 passed (2.3m)
🎭 Playwright Run Summary
111 passed (2.2m)
🎭 Playwright Run Summary
111 passed (2.6m)
🎭 Playwright Run Summary
1 failed [chromium] › tests/deep/deep-select.spec.ts:8:13 › Deep / Select › /components/rating ────────── 110 passed (7.8m)
🎭 Playwright Run Summary
111 passed (9.3m)

Artifacts

Produced during runtime
Name Size
playwright-e2e-artifacts--0749272c07bb5ae541e8da8d977c5d04a70a6940-8331200680-7022_2 Expired
32.4 KB
playwright-e2e-artifacts--0749272c07bb5ae541e8da8d977c5d04a70a6940-8331200680-7022_8 Expired
9.3 KB