test: update styleguide to isolate by state #2902
Annotations
3 errors, 4 warnings, and 1 notice
e2e-tests (webkit-1-2)
Process completed with exit code 1.
|
[webkit] › styleguide.spec.ts:77:5 › UI regression - Styleguide sections:
tests/styleguide.spec.ts#L86
1) [webkit] › styleguide.spec.ts:77:5 › UI regression - Styleguide sections ──────────────────────
TimeoutError: locator.boundingBox: Timeout 45000ms exceeded.
=========================== logs ===========================
waiting for locator('#sample-section-semantic-colors')
============================================================
84 |
85 | const sampleSection = page.locator(`#sample-section-${id}`);
> 86 | const box = await sampleSection.boundingBox({ timeout: 45000 });
| ^
87 | expect(box?.height).toBeGreaterThan(0);
88 |
89 | await expect.soft(sampleSection).toHaveScreenshot(`${id}.png`);
at /home/runner/work/web-client-ui/web-client-ui/tests/styleguide.spec.ts:86:39
at /home/runner/work/web-client-ui/web-client-ui/tests/styleguide.spec.ts:82:5
|
[webkit] › styleguide.spec.ts:77:5 › UI regression - Styleguide sections:
tests/styleguide.spec.ts#L89
1) [webkit] › styleguide.spec.ts:77:5 › UI regression - Styleguide sections ──────────────────────
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: Screenshot comparison failed:
100 pixels (ratio 0.01 of all image pixels) are different.
Call log:
- expect.soft.toHaveScreenshot(modals.png) with timeout 15000ms
- verifying given screenshot expectation
- waiting for locator('#sample-section-modals')
- locator resolved to <div class="sample-section" id="sample-section-modals">…</div>
- taking element screenshot
- disabled all CSS animations
- waiting for element to be visible and stable
- element is visible and stable
- 100 pixels (ratio 0.01 of all image pixels) are different.
- waiting 100ms before taking screenshot
- waiting for locator('#sample-section-modals')
- locator resolved to <div class="sample-section" id="sample-section-modals">…</div>
- taking element screenshot
- disabled all CSS animations
- waiting for element to be visible and stable
- element is visible and stable
- captured a stable screenshot
- 100 pixels (ratio 0.01 of all image pixels) are different.
Expected: /home/runner/work/web-client-ui/web-client-ui/tests/styleguide.spec.ts-snapshots/modals-webkit-linux.png
Received: /home/runner/work/web-client-ui/web-client-ui/test-results/styleguide-UI-regression---Styleguide-sections-webkit-retry1/modals-actual.png
Diff: /home/runner/work/web-client-ui/web-client-ui/test-results/styleguide-UI-regression---Styleguide-sections-webkit-retry1/modals-diff.png
87 | expect(box?.height).toBeGreaterThan(0);
88 |
> 89 | await expect.soft(sampleSection).toHaveScreenshot(`${id}.png`);
| ^
90 | });
91 | }
92 | });
at /home/runner/work/web-client-ui/web-client-ui/tests/styleguide.spec.ts:89:40
at /home/runner/work/web-client-ui/web-client-ui/tests/styleguide.spec.ts:82:5
|
Slow Test:
[webkit] › golden-layout.spec.ts#L1
[webkit] › golden-layout.spec.ts took 34.2s
|
Slow Test:
[webkit] › notebook.spec.ts#L1
[webkit] › notebook.spec.ts took 25.2s
|
Slow Test:
[webkit] › figure.spec.ts#L1
[webkit] › figure.spec.ts took 20.3s
|
Slow Test:
[webkit] › lazy-loading.spec.ts#L1
[webkit] › lazy-loading.spec.ts took 17.2s
|
🎭 Playwright Run Summary
1 failed
[webkit] › styleguide.spec.ts:77:5 › UI regression - Styleguide sections ───────────────────────
152 passed (-)
|
Artifacts
Produced during runtime
Name | Size | |
---|---|---|
playwright-report
Expired
|
10 MB |
|
playwright-report-blob-chromium-1-1
Expired
|
116 KB |
|
playwright-report-blob-firefox-1-1
Expired
|
116 KB |
|
playwright-report-blob-webkit-1-2
Expired
|
9.48 MB |
|
playwright-report-blob-webkit-2-2
Expired
|
62.1 KB |
|
server-logs-webkit-1-2
Expired
|
5.02 KB |
|
web-build
Expired
|
78.4 MB |
|