Skip to content

feat: align properties with Figma to have a nearly 1:1 relationship #14992

feat: align properties with Figma to have a nearly 1:1 relationship

feat: align properties with Figma to have a nearly 1:1 relationship #14992

Triggered via pull request November 14, 2024 09:25
Status Failure
Total duration 20m 23s
Artifacts 19

default.yml

on: pull_request
get-playwright-version  /  Get and save publish version
34s
get-playwright-version / Get and save publish version
build-packages  /  Build Packages
1m 8s
build-packages / Build Packages
Matrix: init-playwright / init-playwright
build-showcase-react  /  Build Showcase react-showcase
31s
build-showcase-react / Build Showcase react-showcase
build-showcase-patternhub  /  Build Patternhub
1m 36s
build-showcase-patternhub / Build Patternhub
build-showcase-angular  /  Build Showcase angular-showcase
37s
build-showcase-angular / Build Showcase angular-showcase
build-showcase-stencil  /  Build Showcase stencil-showcase
45s
build-showcase-stencil / Build Showcase stencil-showcase
build-showcase-vue  /  Build Showcase vue-showcase
26s
build-showcase-vue / Build Showcase vue-showcase
Matrix: test-components / playwright-ct
test-foundations  /  🧪🎭 - foundations
1m 18s
test-foundations / 🧪🎭 - foundations
build-outputs  /  Build outputs
1m 19s
build-outputs / Build outputs
build-showcase-angular-ssr  /  Build Showcase angular-ssr-showcase
1m 5s
build-showcase-angular-ssr / Build Showcase angular-ssr-showcase
build-showcase-next  /  Build Showcase next-showcase
1m 3s
build-showcase-next / Build Showcase next-showcase
build-showcase-nuxt  /  Build Showcase nuxt-showcase
43s
build-showcase-nuxt / Build Showcase nuxt-showcase
Matrix: test-showcase-react / playwright-showcases
Matrix: test-screen-reader / playwright-screen-reader
Matrix: test-showcase-patternhub / playwright-showcases
Matrix: test-showcase-angular / playwright-showcases
Matrix: test-showcase-stencil / playwright-showcases
Matrix: test-showcase-vue / playwright-showcases
regenerate-snapshots-components  /  🧪🎭 - Regenerate snapshots components
3m 21s
regenerate-snapshots-components / 🧪🎭 - Regenerate snapshots components
regenerate-snapshots-foundations  /  regenerate-snapshots
regenerate-snapshots-foundations / regenerate-snapshots
regenerate-snapshots-patternhub  /  regenerate-snapshots
regenerate-snapshots-patternhub / regenerate-snapshots
checks-done
0s
checks-done
regenerate-snapshots  /  regenerate-snapshots
regenerate-snapshots / regenerate-snapshots
deploy  /  Deploy
deploy / Deploy
Fit to window
Zoom out
Zoom in

Annotations

19 errors and 6 notices
[mobile_chrome] › tag/tag.spec.tsx:112:6 › DBTag › should be a checkbox checked: output/react/src/components/tag/tag.spec.tsx#L120
1) [mobile_chrome] › 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/mobile-chrome/DBTag-should-be-a-checkbox-checked.png Received: /__w/mono/mono/output/react/test-results/tag-tag-DBTag-should-be-a-checkbox-checked-mobile-chrome/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-mobile-chrome/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
[mobile_chrome] › tag/tag.spec.tsx:112:6 › DBTag › should be a checkbox checked: output/react/src/components/tag/tag.spec.tsx#L120
1) [mobile_chrome] › 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/mobile-chrome/DBTag-should-be-a-checkbox-checked.png Received: /__w/mono/mono/output/react/test-results/tag-tag-DBTag-should-be-a-checkbox-checked-mobile-chrome-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-mobile-chrome-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-components / 🧪🎭 - react:3/3
Process completed with exit code 1.
test-components / 🧪🎭 - vue:3/3
Process completed with exit code 1.
[mobile_chrome] › tag/tag.spec.tsx:112:2 › DBTag › should be a checkbox checked: output/vue/src/components/tag/tag.spec.tsx#L120
1) [mobile_chrome] › tag/tag.spec.tsx:112:2 › 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/mobile-chrome/DBTag-should-be-a-checkbox-checked.png Received: /__w/mono/mono/output/vue/test-results/tag-tag-DBTag-should-be-a-checkbox-checked-mobile-chrome/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-mobile-chrome/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/vue/src/components/tag/tag.spec.tsx:120:27
[mobile_chrome] › tag/tag.spec.tsx:112:2 › DBTag › should be a checkbox checked: output/vue/src/components/tag/tag.spec.tsx#L120
1) [mobile_chrome] › tag/tag.spec.tsx:112:2 › 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/mobile-chrome/DBTag-should-be-a-checkbox-checked.png Received: /__w/mono/mono/output/vue/test-results/tag-tag-DBTag-should-be-a-checkbox-checked-mobile-chrome-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-mobile-chrome-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/vue/src/components/tag/tag.spec.tsx:120:27
[chromium] › tag/tag.spec.tsx:112:6 › DBTag › should be a checkbox checked: 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
[chromium] › tag/tag.spec.tsx:112:6 › DBTag › should be a checkbox checked: 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-components / 🧪🎭 - react:1/3
Process completed with exit code 1.
test-components / 🧪🎭 - vue:1/3
Process completed with exit code 1.
[chromium] › tag/tag.spec.tsx:112:2 › DBTag › should be a checkbox checked: output/vue/src/components/tag/tag.spec.tsx#L120
1) [chromium] › tag/tag.spec.tsx:112:2 › 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/vue/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/vue/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/vue/src/components/tag/tag.spec.tsx:120:27
[chromium] › tag/tag.spec.tsx:112:2 › DBTag › should be a checkbox checked: output/vue/src/components/tag/tag.spec.tsx#L120
1) [chromium] › tag/tag.spec.tsx:112:2 › 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/vue/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/vue/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/vue/src/components/tag/tag.spec.tsx:120:27
[firefox] › tag/tag.spec.tsx:112:6 › DBTag › should be a checkbox checked: output/react/src/components/tag/tag.spec.tsx#L120
1) [firefox] › tag/tag.spec.tsx:112:6 › 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/react/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/react/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/react/src/components/tag/tag.spec.tsx:120:27
[firefox] › tag/tag.spec.tsx:112:6 › DBTag › should be a checkbox checked: output/react/src/components/tag/tag.spec.tsx#L120
1) [firefox] › tag/tag.spec.tsx:112:6 › 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/react/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/react/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/react/src/components/tag/tag.spec.tsx:120:27
test-components / 🧪🎭 - react:2/3
Process completed with exit code 1.
[firefox] › tag/tag.spec.tsx:112:2 › DBTag › should be a checkbox checked: 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
[firefox] › tag/tag.spec.tsx:112:2 › DBTag › should be a checkbox checked: 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-components / 🧪🎭 - vue:2/3
Process completed with exit code 1.
checks-done
Process completed with exit code 1.
🎭 Playwright Run Summary
1 failed [mobile_chrome] › tag/tag.spec.tsx:112:6 › DBTag › should be a checkbox checked ──────────────── 3 skipped 120 passed (36.6s)
🎭 Playwright Run Summary
1 failed [mobile_chrome] › tag/tag.spec.tsx:112:2 › DBTag › should be a checkbox checked ──────────────── 3 skipped 120 passed (40.2s)
🎭 Playwright Run Summary
1 failed [chromium] › tag/tag.spec.tsx:112:6 › DBTag › should be a checkbox checked ───────────────────── 3 skipped 120 passed (36.7s)
🎭 Playwright Run Summary
1 failed [chromium] › tag/tag.spec.tsx:112:2 › DBTag › should be a checkbox checked ───────────────────── 3 skipped 120 passed (38.7s)
🎭 Playwright Run Summary
1 failed [firefox] › tag/tag.spec.tsx:112:6 › DBTag › should be a checkbox checked ────────────────────── 3 skipped 120 passed (1.1m)
🎭 Playwright Run Summary
1 failed [firefox] › tag/tag.spec.tsx:112:2 › DBTag › should be a checkbox checked ────────────────────── 3 skipped 120 passed (1.2m)

Artifacts

Produced during runtime
Name Size
db-ui-angular-showcase
1.43 MB
db-ui-angular-ssr-showcase
2.14 MB
db-ui-components-build
344 KB
db-ui-foundations-build
256 KB
db-ui-next-showcase
1.5 MB
db-ui-nuxt-showcase
1.97 MB
db-ui-output
415 KB
db-ui-outputs
6.23 MB
db-ui-patternhub
3.67 MB
db-ui-react-showcase
1.34 MB
db-ui-stencil-showcase
1.39 MB
db-ui-vue-showcase
1.31 MB
react-components-playwright-results-1 Expired
130 KB
react-components-playwright-results-2 Expired
137 KB
react-components-playwright-results-3 Expired
133 KB
snapshots-components Expired
308 KB
vue-components-playwright-results-1 Expired
131 KB
vue-components-playwright-results-2 Expired
137 KB
vue-components-playwright-results-3 Expired
133 KB