Skip to content

fix(addon-mobile): Card fix paddings on mobile devices #10822

fix(addon-mobile): Card fix paddings on mobile devices

fix(addon-mobile): Card fix paddings on mobile devices #10822

Triggered via pull request December 4, 2024 12:42
Status Failure
Total duration 27m 9s
Artifacts 2

e2e.yml

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

Annotations

4 errors, 10 warnings, and 8 notices
[chromium] › tests/demo/demo.spec.ts:10:13 › Demo › /experimental/card-large: projects/demo-playwright/tests/demo/demo.spec.ts#L35
1) [chromium] › tests/demo/demo.spec.ts:10:13 › Demo › /experimental/card-large ────────────────── Error: Screenshot comparison failed: Expected an image 640px by 1700px, received 640px by 1756px. 20459 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/experimental-card-large/1-chromium-linux.png Received: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-demo-demo-Demo-experimental-card-large-chromium/experimental-card-large/1-actual.png Diff: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-demo-demo-Demo-experimental-card-large-chromium/experimental-card-large/1-diff.png Call log: - expect.toHaveScreenshot(experimental-card-large/1.png) with timeout 5000ms - verifying given screenshot expectation - waiting for locator('tui-doc-example [automation-id="tui-doc-example"]').first() - locator resolved to <div _ngcontent-tui-demo-c345="" 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 - Expected an image 640px by 1700px, received 640px by 1756px. 20459 pixels (ratio 0.02 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('tui-doc-example [automation-id="tui-doc-example"]').first() - locator resolved to <div _ngcontent-tui-demo-c345="" 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 - Expected an image 640px by 1700px, received 640px by 1756px. 20459 pixels (ratio 0.02 of all image pixels) are different. 33 | } 34 | > 35 | await expect(example).toHaveScreenshot([ | ^ 36 | path.replace('/', '').replace(/\//g, '-'), 37 | `${i + 1}.png`, 38 | ]); at /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests/demo/demo.spec.ts:35:39
[chromium] › tests/demo/demo.spec.ts:10:13 › Demo › /experimental/card-large: projects/demo-playwright/tests/demo/demo.spec.ts#L35
1) [chromium] › tests/demo/demo.spec.ts:10:13 › Demo › /experimental/card-large ────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: Expected an image 640px by 1700px, received 640px by 1756px. 20459 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/experimental-card-large/1-chromium-linux.png Received: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-demo-demo-Demo-experimental-card-large-chromium-retry1/experimental-card-large/1-actual.png Diff: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-demo-demo-Demo-experimental-card-large-chromium-retry1/experimental-card-large/1-diff.png Call log: - expect.toHaveScreenshot(experimental-card-large/1.png) with timeout 5000ms - verifying given screenshot expectation - waiting for locator('tui-doc-example [automation-id="tui-doc-example"]').first() - locator resolved to <div _ngcontent-tui-demo-c345="" 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 - Expected an image 640px by 1700px, received 640px by 1756px. 20459 pixels (ratio 0.02 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('tui-doc-example [automation-id="tui-doc-example"]').first() - locator resolved to <div _ngcontent-tui-demo-c345="" 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 - Expected an image 640px by 1700px, received 640px by 1756px. 20459 pixels (ratio 0.02 of all image pixels) are different. 33 | } 34 | > 35 | await expect(example).toHaveScreenshot([ | ^ 36 | path.replace('/', '').replace(/\//g, '-'), 37 | `${i + 1}.png`, 38 | ]); at /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests/demo/demo.spec.ts:35:39
playwright / (3 of 4)
Process completed with exit code 1.
E2E result
Process completed with exit code 1.
Build demo
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
playwright / (1 of 4)
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
playwright / (4 of 4)
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
playwright / (2 of 4)
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
playwright / (3 of 4)
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
deep
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
core
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
kit
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
E2E result
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
Deprecation notice: v1, v2, and v3 of the artifact actions
The following artifacts were uploaded using a version of actions/upload-artifact that is scheduled for deprecation: "cypress-e2e-artifacts--84001fb59a3b1b0fd7cedab0cadc2d72e4d2f609-12159975263-9912", "playwright-e2e-artifacts--84001fb59a3b1b0fd7cedab0cadc2d72e4d2f609-12159975263-9912". Please update your workflow to use v4 of the artifact actions. Learn more: https://github.blog/changelog/2024-04-16-deprecation-notice-v3-of-the-artifact-actions/
🎭 Playwright Run Summary
94 passed (1.3m)
🎭 Playwright Run Summary
94 passed (1.1m)
🎭 Playwright Run Summary
93 passed (1.2m)
🎭 Playwright Run Summary
93 passed (1.3m)
🎭 Playwright Run Summary
94 passed (1.6m)
🎭 Playwright Run Summary
94 passed (1.2m)
🎭 Playwright Run Summary
1 failed [chromium] › tests/demo/demo.spec.ts:10:13 › Demo › /experimental/card-large ─────────────────── 93 passed (1.3m)
🎭 Playwright Run Summary
94 passed (1.5m)

Artifacts

Produced during runtime
Name Size
cypress-e2e-artifacts--84001fb59a3b1b0fd7cedab0cadc2d72e4d2f609-12159975263-9912 Expired
3.4 MB
playwright-e2e-artifacts--84001fb59a3b1b0fd7cedab0cadc2d72e4d2f609-12159975263-9912 Expired
346 KB