feat: align properties with Figma to have a nearly 1:1 relationship #14992
default.yml
on: pull_request
init
/
Init
24s
scan-secrets
/
TruffleHog
53s
get-playwright-version
/
Get and save publish version
34s
Matrix: init-playwright / init-playwright
build-showcase-react
/
Build Showcase react-showcase
31s
build-showcase-angular
/
Build Showcase angular-showcase
37s
build-showcase-stencil
/
Build Showcase stencil-showcase
45s
build-showcase-vue
/
Build Showcase vue-showcase
26s
Matrix: test-components / playwright-ct
build-outputs
/
Build outputs
1m 19s
build-showcase-angular-ssr
/
Build Showcase angular-ssr-showcase
1m 5s
build-showcase-next
/
Build Showcase next-showcase
1m 3s
build-showcase-nuxt
/
Build Showcase nuxt-showcase
43s
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-foundations
/
regenerate-snapshots
regenerate-snapshots-patternhub
/
regenerate-snapshots
regenerate-snapshots
/
regenerate-snapshots
deploy
/
Deploy
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 |
|