refactor: patternhub examples to align with figma props #15582
Annotations
9 errors, 2 warnings, and 1 notice
👩🔬 Test showcase with Playwright 🎭
Process completed with exit code 1.
|
🔣 Print GitHub Report:
showcases/patternhub/tests/default.spec.ts#L15
1) [chromium] › default.spec.ts:10:2 › checkbox › overview should match screenshot ───────────────
Error: expect(page).toHaveScreenshot(expected)
1674 pixels (ratio 0.01 of all image pixels) are different.
Expected: /__w/mono/mono/__snapshots__/checkbox/patternhub/checkbox-overview-should-match-screenshot.png
Received: /__w/mono/mono/showcases/patternhub/test-results/default-checkbox-overview-should-match-screenshot-chromium/checkbox/patternhub-actual.png
Diff: /__w/mono/mono/showcases/patternhub/test-results/default-checkbox-overview-should-match-screenshot-chromium/checkbox/patternhub-diff.png
Call log:
- expect.toHaveScreenshot(checkbox/patternhub.png) with timeout 30000ms
- verifying given screenshot expectation
- taking page screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- 1674 pixels (ratio 0.01 of all image pixels) are different.
- waiting 100ms before taking screenshot
- taking page screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- captured a stable screenshot
- 1674 pixels (ratio 0.01 of all image pixels) are different.
13 | });
14 | await fn(page);
> 15 | await expect(page).toHaveScreenshot([name, 'patternhub.png']);
| ^
16 | });
17 | };
18 |
at /__w/mono/mono/showcases/patternhub/tests/default.spec.ts:15:22
|
🔣 Print GitHub Report:
showcases/patternhub/tests/default.spec.ts#L15
1) [chromium] › default.spec.ts:10:2 › checkbox › overview should match screenshot ───────────────
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(page).toHaveScreenshot(expected)
1674 pixels (ratio 0.01 of all image pixels) are different.
Expected: /__w/mono/mono/__snapshots__/checkbox/patternhub/checkbox-overview-should-match-screenshot.png
Received: /__w/mono/mono/showcases/patternhub/test-results/default-checkbox-overview-should-match-screenshot-chromium-retry1/checkbox/patternhub-actual.png
Diff: /__w/mono/mono/showcases/patternhub/test-results/default-checkbox-overview-should-match-screenshot-chromium-retry1/checkbox/patternhub-diff.png
Call log:
- expect.toHaveScreenshot(checkbox/patternhub.png) with timeout 30000ms
- verifying given screenshot expectation
- taking page screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- 1674 pixels (ratio 0.01 of all image pixels) are different.
- waiting 100ms before taking screenshot
- taking page screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- captured a stable screenshot
- 1674 pixels (ratio 0.01 of all image pixels) are different.
13 | });
14 | await fn(page);
> 15 | await expect(page).toHaveScreenshot([name, 'patternhub.png']);
| ^
16 | });
17 | };
18 |
at /__w/mono/mono/showcases/patternhub/tests/default.spec.ts:15:22
|
🔣 Print GitHub Report:
showcases/patternhub/tests/default.spec.ts#L15
2) [chromium] › default.spec.ts:10:2 › input › overview should match screenshot ──────────────────
Error: expect(page).toHaveScreenshot(expected)
967 pixels (ratio 0.01 of all image pixels) are different.
Expected: /__w/mono/mono/__snapshots__/input/patternhub/input-overview-should-match-screenshot.png
Received: /__w/mono/mono/showcases/patternhub/test-results/default-input-overview-should-match-screenshot-chromium/input/patternhub-actual.png
Diff: /__w/mono/mono/showcases/patternhub/test-results/default-input-overview-should-match-screenshot-chromium/input/patternhub-diff.png
Call log:
- expect.toHaveScreenshot(input/patternhub.png) with timeout 30000ms
- verifying given screenshot expectation
- taking page screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- 967 pixels (ratio 0.01 of all image pixels) are different.
- waiting 100ms before taking screenshot
- taking page screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- captured a stable screenshot
- 967 pixels (ratio 0.01 of all image pixels) are different.
13 | });
14 | await fn(page);
> 15 | await expect(page).toHaveScreenshot([name, 'patternhub.png']);
| ^
16 | });
17 | };
18 |
at /__w/mono/mono/showcases/patternhub/tests/default.spec.ts:15:22
|
🔣 Print GitHub Report:
showcases/patternhub/tests/default.spec.ts#L15
2) [chromium] › default.spec.ts:10:2 › input › overview should match screenshot ──────────────────
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(page).toHaveScreenshot(expected)
967 pixels (ratio 0.01 of all image pixels) are different.
Expected: /__w/mono/mono/__snapshots__/input/patternhub/input-overview-should-match-screenshot.png
Received: /__w/mono/mono/showcases/patternhub/test-results/default-input-overview-should-match-screenshot-chromium-retry1/input/patternhub-actual.png
Diff: /__w/mono/mono/showcases/patternhub/test-results/default-input-overview-should-match-screenshot-chromium-retry1/input/patternhub-diff.png
Call log:
- expect.toHaveScreenshot(input/patternhub.png) with timeout 30000ms
- verifying given screenshot expectation
- taking page screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- 967 pixels (ratio 0.01 of all image pixels) are different.
- waiting 100ms before taking screenshot
- taking page screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- captured a stable screenshot
- 967 pixels (ratio 0.01 of all image pixels) are different.
13 | });
14 | await fn(page);
> 15 | await expect(page).toHaveScreenshot([name, 'patternhub.png']);
| ^
16 | });
17 | };
18 |
at /__w/mono/mono/showcases/patternhub/tests/default.spec.ts:15:22
|
🔣 Print GitHub Report:
showcases/patternhub/tests/default.spec.ts#L15
3) [chromium] › default.spec.ts:10:2 › radio › overview should match screenshot ──────────────────
Error: expect(page).toHaveScreenshot(expected)
1505 pixels (ratio 0.01 of all image pixels) are different.
Expected: /__w/mono/mono/__snapshots__/radio/patternhub/radio-overview-should-match-screenshot.png
Received: /__w/mono/mono/showcases/patternhub/test-results/default-radio-overview-should-match-screenshot-chromium/radio/patternhub-actual.png
Diff: /__w/mono/mono/showcases/patternhub/test-results/default-radio-overview-should-match-screenshot-chromium/radio/patternhub-diff.png
Call log:
- expect.toHaveScreenshot(radio/patternhub.png) with timeout 30000ms
- verifying given screenshot expectation
- taking page screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- 1505 pixels (ratio 0.01 of all image pixels) are different.
- waiting 100ms before taking screenshot
- taking page screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- captured a stable screenshot
- 1505 pixels (ratio 0.01 of all image pixels) are different.
13 | });
14 | await fn(page);
> 15 | await expect(page).toHaveScreenshot([name, 'patternhub.png']);
| ^
16 | });
17 | };
18 |
at /__w/mono/mono/showcases/patternhub/tests/default.spec.ts:15:22
|
🔣 Print GitHub Report:
showcases/patternhub/tests/default.spec.ts#L15
3) [chromium] › default.spec.ts:10:2 › radio › overview should match screenshot ──────────────────
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(page).toHaveScreenshot(expected)
1505 pixels (ratio 0.01 of all image pixels) are different.
Expected: /__w/mono/mono/__snapshots__/radio/patternhub/radio-overview-should-match-screenshot.png
Received: /__w/mono/mono/showcases/patternhub/test-results/default-radio-overview-should-match-screenshot-chromium-retry1/radio/patternhub-actual.png
Diff: /__w/mono/mono/showcases/patternhub/test-results/default-radio-overview-should-match-screenshot-chromium-retry1/radio/patternhub-diff.png
Call log:
- expect.toHaveScreenshot(radio/patternhub.png) with timeout 30000ms
- verifying given screenshot expectation
- taking page screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- 1505 pixels (ratio 0.01 of all image pixels) are different.
- waiting 100ms before taking screenshot
- taking page screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- captured a stable screenshot
- 1505 pixels (ratio 0.01 of all image pixels) are different.
13 | });
14 | await fn(page);
> 15 | await expect(page).toHaveScreenshot([name, 'patternhub.png']);
| ^
16 | });
17 | };
18 |
at /__w/mono/mono/showcases/patternhub/tests/default.spec.ts:15:22
|
🔣 Print GitHub Report:
showcases/patternhub/tests/default.spec.ts#L15
4) [chromium] › default.spec.ts:10:2 › select › overview should match screenshot ─────────────────
Error: expect(page).toHaveScreenshot(expected)
1055 pixels (ratio 0.01 of all image pixels) are different.
Expected: /__w/mono/mono/__snapshots__/select/patternhub/select-overview-should-match-screenshot.png
Received: /__w/mono/mono/showcases/patternhub/test-results/default-select-overview-should-match-screenshot-chromium/select/patternhub-actual.png
Diff: /__w/mono/mono/showcases/patternhub/test-results/default-select-overview-should-match-screenshot-chromium/select/patternhub-diff.png
Call log:
- expect.toHaveScreenshot(select/patternhub.png) with timeout 30000ms
- verifying given screenshot expectation
- taking page screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- 1055 pixels (ratio 0.01 of all image pixels) are different.
- waiting 100ms before taking screenshot
- taking page screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- captured a stable screenshot
- 1055 pixels (ratio 0.01 of all image pixels) are different.
13 | });
14 | await fn(page);
> 15 | await expect(page).toHaveScreenshot([name, 'patternhub.png']);
| ^
16 | });
17 | };
18 |
at /__w/mono/mono/showcases/patternhub/tests/default.spec.ts:15:22
|
🔣 Print GitHub Report:
showcases/patternhub/tests/default.spec.ts#L15
4) [chromium] › default.spec.ts:10:2 › select › overview should match screenshot ─────────────────
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(page).toHaveScreenshot(expected)
1055 pixels (ratio 0.01 of all image pixels) are different.
Expected: /__w/mono/mono/__snapshots__/select/patternhub/select-overview-should-match-screenshot.png
Received: /__w/mono/mono/showcases/patternhub/test-results/default-select-overview-should-match-screenshot-chromium-retry1/select/patternhub-actual.png
Diff: /__w/mono/mono/showcases/patternhub/test-results/default-select-overview-should-match-screenshot-chromium-retry1/select/patternhub-diff.png
Call log:
- expect.toHaveScreenshot(select/patternhub.png) with timeout 30000ms
- verifying given screenshot expectation
- taking page screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- 1055 pixels (ratio 0.01 of all image pixels) are different.
- waiting 100ms before taking screenshot
- taking page screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- captured a stable screenshot
- 1055 pixels (ratio 0.01 of all image pixels) are different.
13 | });
14 | await fn(page);
> 15 | await expect(page).toHaveScreenshot([name, 'patternhub.png']);
| ^
16 | });
17 | };
18 |
at /__w/mono/mono/showcases/patternhub/tests/default.spec.ts:15:22
|
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
|
🆙 Upload aChecker results
No files were found with the provided path: ./showcases/patternhub-showcase/results. No artifacts will be uploaded.
|
🔣 Print GitHub Report
4 failed
[chromium] › default.spec.ts:10:2 › checkbox › overview should match screenshot ────────────────
[chromium] › default.spec.ts:10:2 › input › overview should match screenshot ───────────────────
[chromium] › default.spec.ts:10:2 › radio › overview should match screenshot ───────────────────
[chromium] › default.spec.ts:10:2 › select › overview should match screenshot ──────────────────
10 passed (22.0s)
|
Loading