feat: align properties with Figma to have a nearly 1:1 relationship #14977
Annotations
7 errors, 1 warning, and 1 notice
🔣 Print GitHub Report:
showcases/e2e/default.ts#L111
1) [chromium-highContrast] › default.ts:79:2 › DBCheckbox › should match screenshot ──────────────
Error: Screenshot comparison failed:
855 pixels (ratio 0.01 of all image pixels) are different.
Expected: /__w/mono/mono/__snapshots__/checkbox/showcase/chromium-highContrast/DBCheckbox-should-match-screenshot-1/DBCheckbox-should-match-screenshot.png
Received: /__w/mono/mono/showcases/react-showcase/test-results/checkbox-checkbox-snapshot-b0616-box-should-match-screenshot-chromium-highContrast/DBCheckbox-should-match-screenshot-1-actual.png
Diff: /__w/mono/mono/showcases/react-showcase/test-results/checkbox-checkbox-snapshot-b0616-box-should-match-screenshot-chromium-highContrast/DBCheckbox-should-match-screenshot-1-diff.png
Call log:
- expect.toHaveScreenshot with timeout 30000ms
- verifying given screenshot expectation
- taking page screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- 855 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
- 855 pixels (ratio 0.01 of all image pixels) are different.
109 | }
110 |
> 111 | await expect(page).toHaveScreenshot(config);
| ^
112 | });
113 | };
114 |
at /__w/mono/mono/showcases/e2e/default.ts:111:22
|
🔣 Print GitHub Report:
showcases/e2e/default.ts#L111
1) [chromium-highContrast] › default.ts:79:2 › DBCheckbox › should match screenshot ──────────────
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: Screenshot comparison failed:
855 pixels (ratio 0.01 of all image pixels) are different.
Expected: /__w/mono/mono/__snapshots__/checkbox/showcase/chromium-highContrast/DBCheckbox-should-match-screenshot-1/DBCheckbox-should-match-screenshot.png
Received: /__w/mono/mono/showcases/react-showcase/test-results/checkbox-checkbox-snapshot-b0616-box-should-match-screenshot-chromium-highContrast-retry1/DBCheckbox-should-match-screenshot-1-actual.png
Diff: /__w/mono/mono/showcases/react-showcase/test-results/checkbox-checkbox-snapshot-b0616-box-should-match-screenshot-chromium-highContrast-retry1/DBCheckbox-should-match-screenshot-1-diff.png
Call log:
- expect.toHaveScreenshot with timeout 30000ms
- verifying given screenshot expectation
- taking page screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- 855 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
- 855 pixels (ratio 0.01 of all image pixels) are different.
109 | }
110 |
> 111 | await expect(page).toHaveScreenshot(config);
| ^
112 | });
113 | };
114 |
at /__w/mono/mono/showcases/e2e/default.ts:111:22
|
🔣 Print GitHub Report:
showcases/e2e/default.ts#L111
2) [chromium-highContrast] › default.ts:79:2 › DBHeader › should match screenshot ────────────────
Error: Screenshot comparison failed:
336 pixels (ratio 0.01 of all image pixels) are different.
Expected: /__w/mono/mono/__snapshots__/header/showcase/chromium-highContrast/DBHeader-should-match-screenshot-1/DBHeader-should-match-screenshot.png
Received: /__w/mono/mono/showcases/react-showcase/test-results/header-header-snapshot-DBHeader-should-match-screenshot-chromium-highContrast/DBHeader-should-match-screenshot-1-actual.png
Diff: /__w/mono/mono/showcases/react-showcase/test-results/header-header-snapshot-DBHeader-should-match-screenshot-chromium-highContrast/DBHeader-should-match-screenshot-1-diff.png
Call log:
- expect.toHaveScreenshot with timeout 30000ms
- verifying given screenshot expectation
- taking page screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- 336 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
- 336 pixels (ratio 0.01 of all image pixels) are different.
109 | }
110 |
> 111 | await expect(page).toHaveScreenshot(config);
| ^
112 | });
113 | };
114 |
at /__w/mono/mono/showcases/e2e/default.ts:111:22
|
🔣 Print GitHub Report:
showcases/e2e/default.ts#L111
2) [chromium-highContrast] › default.ts:79:2 › DBHeader › should match screenshot ────────────────
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: Screenshot comparison failed:
336 pixels (ratio 0.01 of all image pixels) are different.
Expected: /__w/mono/mono/__snapshots__/header/showcase/chromium-highContrast/DBHeader-should-match-screenshot-1/DBHeader-should-match-screenshot.png
Received: /__w/mono/mono/showcases/react-showcase/test-results/header-header-snapshot-DBHeader-should-match-screenshot-chromium-highContrast-retry1/DBHeader-should-match-screenshot-1-actual.png
Diff: /__w/mono/mono/showcases/react-showcase/test-results/header-header-snapshot-DBHeader-should-match-screenshot-chromium-highContrast-retry1/DBHeader-should-match-screenshot-1-diff.png
Call log:
- expect.toHaveScreenshot with timeout 30000ms
- verifying given screenshot expectation
- taking page screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- 336 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
- 336 pixels (ratio 0.01 of all image pixels) are different.
109 | }
110 |
> 111 | await expect(page).toHaveScreenshot(config);
| ^
112 | });
113 | };
114 |
at /__w/mono/mono/showcases/e2e/default.ts:111:22
|
🔣 Print GitHub Report:
showcases/e2e/default.ts#L111
3) [chromium-highContrast] › default.ts:79:2 › DBLink › should match screenshot ──────────────────
Error: Screenshot comparison failed:
2024 pixels (ratio 0.01 of all image pixels) are different.
Expected: /__w/mono/mono/__snapshots__/link/showcase/chromium-highContrast/DBLink-should-match-screenshot-1/DBLink-should-match-screenshot.png
Received: /__w/mono/mono/showcases/react-showcase/test-results/link-link-snapshot-DBLink-should-match-screenshot-chromium-highContrast/DBLink-should-match-screenshot-1-actual.png
Diff: /__w/mono/mono/showcases/react-showcase/test-results/link-link-snapshot-DBLink-should-match-screenshot-chromium-highContrast/DBLink-should-match-screenshot-1-diff.png
Call log:
- expect.toHaveScreenshot with timeout 30000ms
- verifying given screenshot expectation
- taking page screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- 2024 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
- 2024 pixels (ratio 0.01 of all image pixels) are different.
109 | }
110 |
> 111 | await expect(page).toHaveScreenshot(config);
| ^
112 | });
113 | };
114 |
at /__w/mono/mono/showcases/e2e/default.ts:111:22
|
🔣 Print GitHub Report:
showcases/e2e/default.ts#L111
3) [chromium-highContrast] › default.ts:79:2 › DBLink › should match screenshot ──────────────────
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: Screenshot comparison failed:
2024 pixels (ratio 0.01 of all image pixels) are different.
Expected: /__w/mono/mono/__snapshots__/link/showcase/chromium-highContrast/DBLink-should-match-screenshot-1/DBLink-should-match-screenshot.png
Received: /__w/mono/mono/showcases/react-showcase/test-results/link-link-snapshot-DBLink-should-match-screenshot-chromium-highContrast-retry1/DBLink-should-match-screenshot-1-actual.png
Diff: /__w/mono/mono/showcases/react-showcase/test-results/link-link-snapshot-DBLink-should-match-screenshot-chromium-highContrast-retry1/DBLink-should-match-screenshot-1-diff.png
Call log:
- expect.toHaveScreenshot with timeout 30000ms
- verifying given screenshot expectation
- taking page screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- 2024 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
- 2024 pixels (ratio 0.01 of all image pixels) are different.
109 | }
110 |
> 111 | await expect(page).toHaveScreenshot(config);
| ^
112 | });
113 | };
114 |
at /__w/mono/mono/showcases/e2e/default.ts:111:22
|
👩🔬 Test showcase with Playwright 🎭
Process completed with exit code 1.
|
🆙 Upload aChecker results
No files were found with the provided path: ./showcases/-showcase/results. No artifacts will be uploaded.
|
🔣 Print GitHub Report
3 failed
[chromium-highContrast] › default.ts:79:2 › DBCheckbox › should match screenshot ───────────────
[chromium-highContrast] › default.ts:79:2 › DBHeader › should match screenshot ─────────────────
[chromium-highContrast] › default.ts:79:2 › DBLink › should match screenshot ───────────────────
138 passed (4.0m)
|
Loading