feat: align properties with Figma to have a nearly 1:1 relationship #14977
Annotations
3 errors and 1 notice
🔣 Print GitHub Report:
output/react/src/components/tag/tag.spec.tsx#L120
1) [chromium] › tag/tag.spec.tsx:112:6 › DBTag › should be a checkbox checked ────────────────────
Error: Screenshot comparison failed:
27 pixels (ratio 0.03 of all image pixels) are different.
Expected: /__w/mono/mono/__snapshots__/tag/component/chromium/DBTag-should-be-a-checkbox-checked.png
Received: /__w/mono/mono/output/react/test-results/tag-tag-DBTag-should-be-a-checkbox-checked-chromium/DBTag-should-be-a-checkbox-checked-1-actual.png
Diff: /__w/mono/mono/output/react/test-results/tag-tag-DBTag-should-be-a-checkbox-checked-chromium/DBTag-should-be-a-checkbox-checked-1-diff.png
Call log:
- expect.toHaveScreenshot with timeout 5000ms
- verifying given screenshot expectation
- waiting for locator('#root').locator('internal:control=component')
- locator resolved to <div class="db-tag">…</div>
- taking element screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- attempting scroll into view action
- waiting for element to be stable
- 27 pixels (ratio 0.03 of all image pixels) are different.
- waiting 100ms before taking screenshot
- waiting for locator('#root').locator('internal:control=component')
- locator resolved to <div class="db-tag">…</div>
- taking element screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- attempting scroll into view action
- waiting for element to be stable
- captured a stable screenshot
- 27 pixels (ratio 0.03 of all image pixels) are different.
118 | const component = await mount(tag);
119 | await component.getByRole('checkbox').check();
> 120 | await expect(component).toHaveScreenshot();
| ^
121 | });
122 | };
123 |
at /__w/mono/mono/output/react/src/components/tag/tag.spec.tsx:120:27
|
🔣 Print GitHub Report:
output/react/src/components/tag/tag.spec.tsx#L120
1) [chromium] › tag/tag.spec.tsx:112:6 › DBTag › should be a checkbox checked ────────────────────
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: Screenshot comparison failed:
27 pixels (ratio 0.03 of all image pixels) are different.
Expected: /__w/mono/mono/__snapshots__/tag/component/chromium/DBTag-should-be-a-checkbox-checked.png
Received: /__w/mono/mono/output/react/test-results/tag-tag-DBTag-should-be-a-checkbox-checked-chromium-retry1/DBTag-should-be-a-checkbox-checked-1-actual.png
Diff: /__w/mono/mono/output/react/test-results/tag-tag-DBTag-should-be-a-checkbox-checked-chromium-retry1/DBTag-should-be-a-checkbox-checked-1-diff.png
Call log:
- expect.toHaveScreenshot with timeout 5000ms
- verifying given screenshot expectation
- waiting for locator('#root').locator('internal:control=component')
- locator resolved to <div class="db-tag">…</div>
- taking element screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- attempting scroll into view action
- waiting for element to be stable
- 27 pixels (ratio 0.03 of all image pixels) are different.
- waiting 100ms before taking screenshot
- waiting for locator('#root').locator('internal:control=component')
- locator resolved to <div class="db-tag">…</div>
- taking element screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- attempting scroll into view action
- waiting for element to be stable
- captured a stable screenshot
- 27 pixels (ratio 0.03 of all image pixels) are different.
118 | const component = await mount(tag);
119 | await component.getByRole('checkbox').check();
> 120 | await expect(component).toHaveScreenshot();
| ^
121 | });
122 | };
123 |
at /__w/mono/mono/output/react/src/components/tag/tag.spec.tsx:120:27
|
👩🔬 Test with Playwright 🎭
Process completed with exit code 1.
|
🔣 Print GitHub Report
1 failed
[chromium] › tag/tag.spec.tsx:112:6 › DBTag › should be a checkbox checked ─────────────────────
3 skipped
120 passed (36.4s)
|
Loading