chore(demo-playwright): mock external images during screenshot tests #6755
This run and associated checks have been archived and are scheduled for deletion.
Learn more about checks retention
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 |
|