Skip to content

chore(demo-playwright): mock external images during screenshot tests #6755

chore(demo-playwright): mock external images during screenshot tests

chore(demo-playwright): mock external images during screenshot tests #6755

Re-run triggered October 11, 2023 07:37
Status Failure
Total duration 30s
Artifacts 1
This run and associated checks have been archived and are scheduled for deletion. Learn more about checks retention

e2e.yml

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

Annotations

4 errors and 6 notices
[chromium] › tests/demo/demo.spec.ts:10:13 › Demo › /navigation/tabs: projects/demo-playwright/tests/demo/demo.spec.ts#L35
1) [chromium] › tests/demo/demo.spec.ts:10:13 › Demo › /navigation/tabs ────────────────────────── Error: Timeout 5000ms exceeded. Call log: - expect.toHaveScreenshot(navigation-tabs/6.png) with timeout 5000ms - generating new stable screenshot expectation - waiting for locator('tui-doc-example [automation-id="tui-doc-example"]').nth(5) - locator resolved to <div _ngcontent-tui-demo-c338="" automation-id="tui-d…>…</div> - taking element screenshot - disabled all CSS animations - waiting for element to be visible and stable - element is visible and stable - waiting 100ms before taking screenshot - waiting for locator('tui-doc-example [automation-id="tui-doc-example"]').nth(5) - locator resolved to <div _ngcontent-tui-demo-c338="" automation-id="tui-d…>…</div> - taking element screenshot - disabled all CSS animations - waiting for element to be visible and stable - element is visible and stable - 54366 pixels (ratio 0.03 of all image pixels) are different. - waiting 250ms before taking screenshot - waiting for locator('tui-doc-example [automation-id="tui-doc-example"]').nth(5) - locator resolved to <div _ngcontent-tui-demo-c338="" automation-id="tui-d…>…</div> - taking element screenshot - disabled all CSS animations - waiting for element to be visible and stable - element is visible and stable - 54366 pixels (ratio 0.03 of all image pixels) are different. - waiting 500ms before taking screenshot - waiting for locator('tui-doc-example [automation-id="tui-doc-example"]').nth(5) - Timeout 5000ms exceeded. Previous: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-demo-demo-Demo-navigation-tabs-chromium/navigation-tabs/6-previous.png Received: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-demo-demo-Demo-navigation-tabs-chromium/navigation-tabs/6-actual.png Diff: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-demo-demo-Demo-navigation-tabs-chromium/navigation-tabs/6-diff.png 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 › /navigation/tabs: projects/demo-playwright/tests/demo/demo.spec.ts#L35
1) [chromium] › tests/demo/demo.spec.ts:10:13 › Demo › /navigation/tabs ────────────────────────── Error: Screenshot comparison failed: Timeout 5000ms exceeded. Call log: - expect.toHaveScreenshot(navigation-tabs/6.png) with timeout 5000ms - verifying given screenshot expectation - waiting for locator('tui-doc-example [automation-id="tui-doc-example"]').nth(5) - locator resolved to <div _ngcontent-tui-demo-c338="" automation-id="tui-d…>…</div> - taking element screenshot - disabled all CSS animations - waiting for element to be visible and stable - element is visible and stable - 2993 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('tui-doc-example [automation-id="tui-doc-example"]').nth(5) - locator resolved to <div _ngcontent-tui-demo-c338="" automation-id="tui-d…>…</div> - taking element screenshot - disabled all CSS animations - waiting for element to be visible and stable - element is visible and stable - 2993 pixels (ratio 0.01 of all image pixels) are different. - waiting 250ms before taking screenshot - waiting for locator('tui-doc-example [automation-id="tui-doc-example"]').nth(5) - locator resolved to <div _ngcontent-tui-demo-c338="" automation-id="tui-d…>…</div> - taking element screenshot - disabled all CSS animations - waiting for element to be visible and stable - element is visible and stable - Timeout 5000ms exceeded. Expected: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/snapshots/tests/demo/demo.spec.ts-snapshots/navigation-tabs/6-chromium-linux.png Received: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-demo-demo-Demo-navigation-tabs-chromium/navigation-tabs/6-actual.png Diff: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-demo-demo-Demo-navigation-tabs-chromium/navigation-tabs/6-diff.png 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
E2E result
Unable to find an artifact with the name: cypress-e2e-artifacts--1454abd26c712a978dfa464db58b34b65f5cb7ed-6471700020-5592
E2E result
Process completed with exit code 1.
🎭 Playwright Run Summary
70 passed (2.3m)
🎭 Playwright Run Summary
1 flaky [chromium] › tests/demo/demo.spec.ts:10:13 › Demo › /navigation/tabs ─────────────────────────── 68 passed (3.6m)
🎭 Playwright Run Summary
70 passed (1.9m)
🎭 Playwright Run Summary
1 flaky [chromium] › tests/demo/demo.spec.ts:10:13 › Demo › /navigation/tabs ─────────────────────────── 68 passed (2.9m)
🎭 Playwright Run Summary
69 passed (2.2m)
🎭 Playwright Run Summary
69 passed (2.5m)

Artifacts

Produced during runtime
Name Size
playwright-e2e-artifacts--1454abd26c712a978dfa464db58b34b65f5cb7ed-6471700020-5592 Expired
551 KB