feat: align properties with Figma to have a nearly 1:1 relationship #14992
Annotations
3 errors and 1 notice
🔣 Print GitHub Report:
output/vue/src/components/tag/tag.spec.tsx#L120
1) [firefox] › tag/tag.spec.tsx:112:2 › DBTag › should be a checkbox checked ─────────────────────
Error: Screenshot comparison failed:
22 pixels (ratio 0.03 of all image pixels) are different.
Expected: /__w/mono/mono/__snapshots__/tag/component/firefox/DBTag-should-be-a-checkbox-checked.png
Received: /__w/mono/mono/output/vue/test-results/tag-tag-DBTag-should-be-a-checkbox-checked-firefox/DBTag-should-be-a-checkbox-checked-1-actual.png
Diff: /__w/mono/mono/output/vue/test-results/tag-tag-DBTag-should-be-a-checkbox-checked-firefox/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
- 22 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
- 22 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/vue/src/components/tag/tag.spec.tsx:120:27
|
🔣 Print GitHub Report:
output/vue/src/components/tag/tag.spec.tsx#L120
1) [firefox] › tag/tag.spec.tsx:112:2 › DBTag › should be a checkbox checked ─────────────────────
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: Screenshot comparison failed:
22 pixels (ratio 0.03 of all image pixels) are different.
Expected: /__w/mono/mono/__snapshots__/tag/component/firefox/DBTag-should-be-a-checkbox-checked.png
Received: /__w/mono/mono/output/vue/test-results/tag-tag-DBTag-should-be-a-checkbox-checked-firefox-retry1/DBTag-should-be-a-checkbox-checked-1-actual.png
Diff: /__w/mono/mono/output/vue/test-results/tag-tag-DBTag-should-be-a-checkbox-checked-firefox-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
- 22 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
- 22 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/vue/src/components/tag/tag.spec.tsx:120:27
|
👩🔬 Test with Playwright 🎭
Process completed with exit code 1.
|
🔣 Print GitHub Report
1 failed
[firefox] › tag/tag.spec.tsx:112:2 › DBTag › should be a checkbox checked ──────────────────────
3 skipped
120 passed (1.2m)
|
Loading