Skip to content

feat: add/replace icons to match with current figma library #10791

feat: add/replace icons to match with current figma library

feat: add/replace icons to match with current figma library #10791

Triggered via pull request April 10, 2024 14:52
Status Failure
Total duration 10m 7s
Artifacts 14

default.yml

on: pull_request
build-packages  /  Build Packages
53s
build-packages / Build Packages
Matrix: test-components / playwright-ct
test-foundations  /  🧪🎭 - foundations
1m 43s
test-foundations / 🧪🎭 - foundations
build-showcases  /  Build Showcases
1m 40s
build-showcases / Build Showcases
build-outputs  /  Build outputs
59s
build-outputs / Build outputs
Matrix: test-showcases / playwright-showcases
checks-done
0s
checks-done
regenerate-snapshots  /  🧪🎭 - Regenerate snapshots
4m 22s
regenerate-snapshots / 🧪🎭 - Regenerate snapshots
deploy  /  Deploy
deploy / Deploy
Fit to window
Zoom out
Zoom in

Annotations

73 errors, 9 warnings, and 7 notices
test-foundations / 🧪🎭 - foundations
Process completed with exit code 1.
[mobile_chrome] › accordion/accordion.spec.tsx:23:6 › DBAccordion › should match screenshot: output/react/src/components/accordion/accordion.spec.tsx#L25
1) [mobile_chrome] › accordion/accordion.spec.tsx:23:6 › DBAccordion › should match screenshot ─── Error: Screenshot comparison failed: 42 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/accordion/component/mobile-chrome/DBAccordion-should-match-screenshot.png Received: /__w/mono/mono/output/react/test-results/accordion-accordion.spec.tsx-DBAccordion-should-match-screenshot-mobile-chrome/DBAccordion-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/output/react/test-results/accordion-accordion.spec.tsx-DBAccordion-should-match-screenshot-mobile-chrome/DBAccordion-should-match-screenshot-1-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <div class="db-accordion">…</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 - 42 pixels (ratio 0.01 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-accordion">…</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 - 42 pixels (ratio 0.01 of all image pixels) are different. 23 | test('should match screenshot', async ({ mount }) => { 24 | const component = await mount(comp); > 25 | await expect(component).toHaveScreenshot(); | ^ 26 | }); 27 | }; 28 | at /__w/mono/mono/output/react/src/components/accordion/accordion.spec.tsx:25:27
[mobile_chrome] › accordion/accordion.spec.tsx:23:6 › DBAccordion › should match screenshot: output/react/src/components/accordion/accordion.spec.tsx#L25
1) [mobile_chrome] › accordion/accordion.spec.tsx:23:6 › DBAccordion › should match screenshot ─── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 42 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/accordion/component/mobile-chrome/DBAccordion-should-match-screenshot.png Received: /__w/mono/mono/output/react/test-results/accordion-accordion.spec.tsx-DBAccordion-should-match-screenshot-mobile-chrome-retry1/DBAccordion-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/output/react/test-results/accordion-accordion.spec.tsx-DBAccordion-should-match-screenshot-mobile-chrome-retry1/DBAccordion-should-match-screenshot-1-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <div class="db-accordion">…</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 - 42 pixels (ratio 0.01 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-accordion">…</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 - 42 pixels (ratio 0.01 of all image pixels) are different. 23 | test('should match screenshot', async ({ mount }) => { 24 | const component = await mount(comp); > 25 | await expect(component).toHaveScreenshot(); | ^ 26 | }); 27 | }; 28 | at /__w/mono/mono/output/react/src/components/accordion/accordion.spec.tsx:25:27
[mobile_chrome] › accordion-item/accordion-item.spec.tsx:16:6 › DBAccordionItem › should match screenshot: output/react/src/components/accordion-item/accordion-item.spec.tsx#L18
2) [mobile_chrome] › accordion-item/accordion-item.spec.tsx:16:6 › DBAccordionItem › should match screenshot Error: Screenshot comparison failed: 14 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/accordion-item/component/mobile-chrome/DBAccordionItem-should-match-screenshot.png Received: /__w/mono/mono/output/react/test-results/accordion-item-accordion-item.spec.tsx-DBAccordionItem-should-match-screenshot-mobile-chrome/DBAccordionItem-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/output/react/test-results/accordion-item-accordion-item.spec.tsx-DBAccordionItem-should-match-screenshot-mobile-chrome/DBAccordionItem-should-match-screenshot-1-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <details class="db-accordion-item" id="accordion-item-415…>…</details> - 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 - 14 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <details class="db-accordion-item" id="accordion-item-415…>…</details> - 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 - 14 pixels (ratio 0.01 of all image pixels) are different. 16 | test('should match screenshot', async ({ mount }) => { 17 | const component = await mount(comp); > 18 | await expect(component).toHaveScreenshot(); | ^ 19 | }); 20 | }; 21 | at /__w/mono/mono/output/react/src/components/accordion-item/accordion-item.spec.tsx:18:27
[mobile_chrome] › accordion-item/accordion-item.spec.tsx:16:6 › DBAccordionItem › should match screenshot: output/react/src/components/accordion-item/accordion-item.spec.tsx#L18
2) [mobile_chrome] › accordion-item/accordion-item.spec.tsx:16:6 › DBAccordionItem › should match screenshot Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 14 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/accordion-item/component/mobile-chrome/DBAccordionItem-should-match-screenshot.png Received: /__w/mono/mono/output/react/test-results/accordion-item-accordion-item.spec.tsx-DBAccordionItem-should-match-screenshot-mobile-chrome-retry1/DBAccordionItem-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/output/react/test-results/accordion-item-accordion-item.spec.tsx-DBAccordionItem-should-match-screenshot-mobile-chrome-retry1/DBAccordionItem-should-match-screenshot-1-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <details class="db-accordion-item" id="accordion-item-b9f…>…</details> - 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 - 14 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <details class="db-accordion-item" id="accordion-item-b9f…>…</details> - 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 - 14 pixels (ratio 0.01 of all image pixels) are different. 16 | test('should match screenshot', async ({ mount }) => { 17 | const component = await mount(comp); > 18 | await expect(component).toHaveScreenshot(); | ^ 19 | }); 20 | }; 21 | at /__w/mono/mono/output/react/src/components/accordion-item/accordion-item.spec.tsx:18:27
[mobile_chrome] › button/button.spec.tsx:28:7 › DBButton › should only have icon for variant outlined: output/react/src/components/button/button.spec.tsx#L36
3) [mobile_chrome] › button/button.spec.tsx:28:7 › DBButton › should only have icon for variant outlined Error: Screenshot comparison failed: 52 pixels (ratio 0.04 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/button/component/mobile-chrome/DBButton-should-only-have-icon-for-variant-outlined.png Received: /__w/mono/mono/output/react/test-results/button-button.spec.tsx-DBButton-should-only-have-icon-for-variant-outlined-mobile-chrome/DBButton-should-only-have-icon-for-variant-outlined-1-actual.png Diff: /__w/mono/mono/output/react/test-results/button-button.spec.tsx-DBButton-should-only-have-icon-for-variant-outlined-mobile-chrome/DBButton-should-only-have-icon-for-variant-outlined-1-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <button data-icon="user" class="db-button" data-no-text=…>Account</button> - 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 - 52 pixels (ratio 0.04 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <button data-icon="user" class="db-button" data-no-text=…>Account</button> - 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 - 52 pixels (ratio 0.04 of all image pixels) are different. 34 | </DBButton> 35 | ); > 36 | await expect(component).toHaveScreenshot(); | ^ 37 | }); 38 | } 39 | }; at /__w/mono/mono/output/react/src/components/button/button.spec.tsx:36:28
[mobile_chrome] › button/button.spec.tsx:28:7 › DBButton › should only have icon for variant outlined: output/react/src/components/button/button.spec.tsx#L36
3) [mobile_chrome] › button/button.spec.tsx:28:7 › DBButton › should only have icon for variant outlined Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 52 pixels (ratio 0.04 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/button/component/mobile-chrome/DBButton-should-only-have-icon-for-variant-outlined.png Received: /__w/mono/mono/output/react/test-results/button-button.spec.tsx-DBButton-should-only-have-icon-for-variant-outlined-mobile-chrome-retry1/DBButton-should-only-have-icon-for-variant-outlined-1-actual.png Diff: /__w/mono/mono/output/react/test-results/button-button.spec.tsx-DBButton-should-only-have-icon-for-variant-outlined-mobile-chrome-retry1/DBButton-should-only-have-icon-for-variant-outlined-1-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <button data-icon="user" class="db-button" data-no-text=…>Account</button> - 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 - 52 pixels (ratio 0.04 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <button data-icon="user" class="db-button" data-no-text=…>Account</button> - 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 - 52 pixels (ratio 0.04 of all image pixels) are different. 34 | </DBButton> 35 | ); > 36 | await expect(component).toHaveScreenshot(); | ^ 37 | }); 38 | } 39 | }; at /__w/mono/mono/output/react/src/components/button/button.spec.tsx:36:28
[mobile_chrome] › button/button.spec.tsx:28:7 › DBButton › should only have icon for variant primary: output/react/src/components/button/button.spec.tsx#L36
4) [mobile_chrome] › button/button.spec.tsx:28:7 › DBButton › should only have icon for variant primary Error: Screenshot comparison failed: 52 pixels (ratio 0.04 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/button/component/mobile-chrome/DBButton-should-only-have-icon-for-variant-primary.png Received: /__w/mono/mono/output/react/test-results/button-button.spec.tsx-DBButton-should-only-have-icon-for-variant-primary-mobile-chrome/DBButton-should-only-have-icon-for-variant-primary-1-actual.png Diff: /__w/mono/mono/output/react/test-results/button-button.spec.tsx-DBButton-should-only-have-icon-for-variant-primary-mobile-chrome/DBButton-should-only-have-icon-for-variant-primary-1-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <button data-icon="user" class="db-button" data-no-text=…>Account</button> - 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 - 52 pixels (ratio 0.04 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <button data-icon="user" class="db-button" data-no-text=…>Account</button> - 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 - 52 pixels (ratio 0.04 of all image pixels) are different. 34 | </DBButton> 35 | ); > 36 | await expect(component).toHaveScreenshot(); | ^ 37 | }); 38 | } 39 | }; at /__w/mono/mono/output/react/src/components/button/button.spec.tsx:36:28
[mobile_chrome] › button/button.spec.tsx:28:7 › DBButton › should only have icon for variant primary: output/react/src/components/button/button.spec.tsx#L36
4) [mobile_chrome] › button/button.spec.tsx:28:7 › DBButton › should only have icon for variant primary Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 52 pixels (ratio 0.04 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/button/component/mobile-chrome/DBButton-should-only-have-icon-for-variant-primary.png Received: /__w/mono/mono/output/react/test-results/button-button.spec.tsx-DBButton-should-only-have-icon-for-variant-primary-mobile-chrome-retry1/DBButton-should-only-have-icon-for-variant-primary-1-actual.png Diff: /__w/mono/mono/output/react/test-results/button-button.spec.tsx-DBButton-should-only-have-icon-for-variant-primary-mobile-chrome-retry1/DBButton-should-only-have-icon-for-variant-primary-1-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <button data-icon="user" class="db-button" data-no-text=…>Account</button> - 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 - 52 pixels (ratio 0.04 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <button data-icon="user" class="db-button" data-no-text=…>Account</button> - 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 - 52 pixels (ratio 0.04 of all image pixels) are different. 34 | </DBButton> 35 | ); > 36 | await expect(component).toHaveScreenshot(); | ^ 37 | }); 38 | } 39 | }; at /__w/mono/mono/output/react/src/components/button/button.spec.tsx:36:28
[mobile_chrome] › button/button.spec.tsx:28:7 › DBButton › should only have icon for variant solid: output/react/src/components/button/button.spec.tsx#L36
5) [mobile_chrome] › button/button.spec.tsx:28:7 › DBButton › should only have icon for variant solid Error: Screenshot comparison failed: 52 pixels (ratio 0.04 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/button/component/mobile-chrome/DBButton-should-only-have-icon-for-variant-solid.png Received: /__w/mono/mono/output/react/test-results/button-button.spec.tsx-DBButton-should-only-have-icon-for-variant-solid-mobile-chrome/DBButton-should-only-have-icon-for-variant-solid-1-actual.png Diff: /__w/mono/mono/output/react/test-results/button-button.spec.tsx-DBButton-should-only-have-icon-for-variant-solid-mobile-chrome/DBButton-should-only-have-icon-for-variant-solid-1-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <button data-icon="user" class="db-button" data-no-text=…>Account</button> - 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 - 52 pixels (ratio 0.04 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <button data-icon="user" class="db-button" data-no-text=…>Account</button> - 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 - 52 pixels (ratio 0.04 of all image pixels) are different. 34 | </DBButton> 35 | ); > 36 | await expect(component).toHaveScreenshot(); | ^ 37 | }); 38 | } 39 | }; at /__w/mono/mono/output/react/src/components/button/button.spec.tsx:36:28
[mobile_chrome] › button/button.spec.tsx:28:7 › DBButton › should only have icon for variant solid: output/react/src/components/button/button.spec.tsx#L36
5) [mobile_chrome] › button/button.spec.tsx:28:7 › DBButton › should only have icon for variant solid Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 52 pixels (ratio 0.04 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/button/component/mobile-chrome/DBButton-should-only-have-icon-for-variant-solid.png Received: /__w/mono/mono/output/react/test-results/button-button.spec.tsx-DBButton-should-only-have-icon-for-variant-solid-mobile-chrome-retry1/DBButton-should-only-have-icon-for-variant-solid-1-actual.png Diff: /__w/mono/mono/output/react/test-results/button-button.spec.tsx-DBButton-should-only-have-icon-for-variant-solid-mobile-chrome-retry1/DBButton-should-only-have-icon-for-variant-solid-1-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <button data-icon="user" class="db-button" data-no-text=…>Account</button> - 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 - 52 pixels (ratio 0.04 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <button data-icon="user" class="db-button" data-no-text=…>Account</button> - 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 - 52 pixels (ratio 0.04 of all image pixels) are different. 34 | </DBButton> 35 | ); > 36 | await expect(component).toHaveScreenshot(); | ^ 37 | }); 38 | } 39 | }; at /__w/mono/mono/output/react/src/components/button/button.spec.tsx:36:28
test-components / 🧪🎭 - react:3/3
Process completed with exit code 1.
[chromium] › accordion/accordion.spec.tsx:23:6 › DBAccordion › should match screenshot: output/react/src/components/accordion/accordion.spec.tsx#L25
1) [chromium] › accordion/accordion.spec.tsx:23:6 › DBAccordion › should match screenshot ──────── Error: Screenshot comparison failed: 42 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/accordion/component/chromium/DBAccordion-should-match-screenshot.png Received: /__w/mono/mono/output/react/test-results/accordion-accordion.spec.tsx-DBAccordion-should-match-screenshot-chromium/DBAccordion-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/output/react/test-results/accordion-accordion.spec.tsx-DBAccordion-should-match-screenshot-chromium/DBAccordion-should-match-screenshot-1-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <div class="db-accordion">…</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 - 42 pixels (ratio 0.01 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-accordion">…</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 - 42 pixels (ratio 0.01 of all image pixels) are different. 23 | test('should match screenshot', async ({ mount }) => { 24 | const component = await mount(comp); > 25 | await expect(component).toHaveScreenshot(); | ^ 26 | }); 27 | }; 28 | at /__w/mono/mono/output/react/src/components/accordion/accordion.spec.tsx:25:27
[chromium] › accordion/accordion.spec.tsx:23:6 › DBAccordion › should match screenshot: output/react/src/components/accordion/accordion.spec.tsx#L25
1) [chromium] › accordion/accordion.spec.tsx:23:6 › DBAccordion › should match screenshot ──────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 42 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/accordion/component/chromium/DBAccordion-should-match-screenshot.png Received: /__w/mono/mono/output/react/test-results/accordion-accordion.spec.tsx-DBAccordion-should-match-screenshot-chromium-retry1/DBAccordion-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/output/react/test-results/accordion-accordion.spec.tsx-DBAccordion-should-match-screenshot-chromium-retry1/DBAccordion-should-match-screenshot-1-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <div class="db-accordion">…</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 - 42 pixels (ratio 0.01 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-accordion">…</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 - 42 pixels (ratio 0.01 of all image pixels) are different. 23 | test('should match screenshot', async ({ mount }) => { 24 | const component = await mount(comp); > 25 | await expect(component).toHaveScreenshot(); | ^ 26 | }); 27 | }; 28 | at /__w/mono/mono/output/react/src/components/accordion/accordion.spec.tsx:25:27
[chromium] › accordion-item/accordion-item.spec.tsx:16:6 › DBAccordionItem › should match screenshot: output/react/src/components/accordion-item/accordion-item.spec.tsx#L18
2) [chromium] › accordion-item/accordion-item.spec.tsx:16:6 › DBAccordionItem › should match screenshot Error: Screenshot comparison failed: 14 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/accordion-item/component/chromium/DBAccordionItem-should-match-screenshot.png Received: /__w/mono/mono/output/react/test-results/accordion-item-accordion-item.spec.tsx-DBAccordionItem-should-match-screenshot-chromium/DBAccordionItem-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/output/react/test-results/accordion-item-accordion-item.spec.tsx-DBAccordionItem-should-match-screenshot-chromium/DBAccordionItem-should-match-screenshot-1-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <details class="db-accordion-item" id="accordion-item-03e…>…</details> - 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 - 14 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <details class="db-accordion-item" id="accordion-item-03e…>…</details> - 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 - 14 pixels (ratio 0.01 of all image pixels) are different. 16 | test('should match screenshot', async ({ mount }) => { 17 | const component = await mount(comp); > 18 | await expect(component).toHaveScreenshot(); | ^ 19 | }); 20 | }; 21 | at /__w/mono/mono/output/react/src/components/accordion-item/accordion-item.spec.tsx:18:27
[chromium] › accordion-item/accordion-item.spec.tsx:16:6 › DBAccordionItem › should match screenshot: output/react/src/components/accordion-item/accordion-item.spec.tsx#L18
2) [chromium] › accordion-item/accordion-item.spec.tsx:16:6 › DBAccordionItem › should match screenshot Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 14 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/accordion-item/component/chromium/DBAccordionItem-should-match-screenshot.png Received: /__w/mono/mono/output/react/test-results/accordion-item-accordion-item.spec.tsx-DBAccordionItem-should-match-screenshot-chromium-retry1/DBAccordionItem-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/output/react/test-results/accordion-item-accordion-item.spec.tsx-DBAccordionItem-should-match-screenshot-chromium-retry1/DBAccordionItem-should-match-screenshot-1-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <details class="db-accordion-item" id="accordion-item-ca9…>…</details> - 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 - 14 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <details class="db-accordion-item" id="accordion-item-ca9…>…</details> - 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 - 14 pixels (ratio 0.01 of all image pixels) are different. 16 | test('should match screenshot', async ({ mount }) => { 17 | const component = await mount(comp); > 18 | await expect(component).toHaveScreenshot(); | ^ 19 | }); 20 | }; 21 | at /__w/mono/mono/output/react/src/components/accordion-item/accordion-item.spec.tsx:18:27
[chromium] › button/button.spec.tsx:28:7 › DBButton › should only have icon for variant outlined: output/react/src/components/button/button.spec.tsx#L36
3) [chromium] › button/button.spec.tsx:28:7 › DBButton › should only have icon for variant outlined Error: Screenshot comparison failed: 52 pixels (ratio 0.04 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/button/component/chromium/DBButton-should-only-have-icon-for-variant-outlined.png Received: /__w/mono/mono/output/react/test-results/button-button.spec.tsx-DBButton-should-only-have-icon-for-variant-outlined-chromium/DBButton-should-only-have-icon-for-variant-outlined-1-actual.png Diff: /__w/mono/mono/output/react/test-results/button-button.spec.tsx-DBButton-should-only-have-icon-for-variant-outlined-chromium/DBButton-should-only-have-icon-for-variant-outlined-1-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <button data-icon="user" class="db-button" data-no-text=…>Account</button> - 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 - 52 pixels (ratio 0.04 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <button data-icon="user" class="db-button" data-no-text=…>Account</button> - 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 - 52 pixels (ratio 0.04 of all image pixels) are different. 34 | </DBButton> 35 | ); > 36 | await expect(component).toHaveScreenshot(); | ^ 37 | }); 38 | } 39 | }; at /__w/mono/mono/output/react/src/components/button/button.spec.tsx:36:28
[chromium] › button/button.spec.tsx:28:7 › DBButton › should only have icon for variant outlined: output/react/src/components/button/button.spec.tsx#L36
3) [chromium] › button/button.spec.tsx:28:7 › DBButton › should only have icon for variant outlined Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 52 pixels (ratio 0.04 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/button/component/chromium/DBButton-should-only-have-icon-for-variant-outlined.png Received: /__w/mono/mono/output/react/test-results/button-button.spec.tsx-DBButton-should-only-have-icon-for-variant-outlined-chromium-retry1/DBButton-should-only-have-icon-for-variant-outlined-1-actual.png Diff: /__w/mono/mono/output/react/test-results/button-button.spec.tsx-DBButton-should-only-have-icon-for-variant-outlined-chromium-retry1/DBButton-should-only-have-icon-for-variant-outlined-1-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <button data-icon="user" class="db-button" data-no-text=…>Account</button> - 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 - 52 pixels (ratio 0.04 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <button data-icon="user" class="db-button" data-no-text=…>Account</button> - 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 - 52 pixels (ratio 0.04 of all image pixels) are different. 34 | </DBButton> 35 | ); > 36 | await expect(component).toHaveScreenshot(); | ^ 37 | }); 38 | } 39 | }; at /__w/mono/mono/output/react/src/components/button/button.spec.tsx:36:28
[chromium] › button/button.spec.tsx:28:7 › DBButton › should only have icon for variant primary: output/react/src/components/button/button.spec.tsx#L36
4) [chromium] › button/button.spec.tsx:28:7 › DBButton › should only have icon for variant primary Error: Screenshot comparison failed: 52 pixels (ratio 0.04 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/button/component/chromium/DBButton-should-only-have-icon-for-variant-primary.png Received: /__w/mono/mono/output/react/test-results/button-button.spec.tsx-DBButton-should-only-have-icon-for-variant-primary-chromium/DBButton-should-only-have-icon-for-variant-primary-1-actual.png Diff: /__w/mono/mono/output/react/test-results/button-button.spec.tsx-DBButton-should-only-have-icon-for-variant-primary-chromium/DBButton-should-only-have-icon-for-variant-primary-1-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <button data-icon="user" class="db-button" data-no-text=…>Account</button> - 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 - 52 pixels (ratio 0.04 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <button data-icon="user" class="db-button" data-no-text=…>Account</button> - 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 - 52 pixels (ratio 0.04 of all image pixels) are different. 34 | </DBButton> 35 | ); > 36 | await expect(component).toHaveScreenshot(); | ^ 37 | }); 38 | } 39 | }; at /__w/mono/mono/output/react/src/components/button/button.spec.tsx:36:28
[chromium] › button/button.spec.tsx:28:7 › DBButton › should only have icon for variant primary: output/react/src/components/button/button.spec.tsx#L36
4) [chromium] › button/button.spec.tsx:28:7 › DBButton › should only have icon for variant primary Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 52 pixels (ratio 0.04 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/button/component/chromium/DBButton-should-only-have-icon-for-variant-primary.png Received: /__w/mono/mono/output/react/test-results/button-button.spec.tsx-DBButton-should-only-have-icon-for-variant-primary-chromium-retry1/DBButton-should-only-have-icon-for-variant-primary-1-actual.png Diff: /__w/mono/mono/output/react/test-results/button-button.spec.tsx-DBButton-should-only-have-icon-for-variant-primary-chromium-retry1/DBButton-should-only-have-icon-for-variant-primary-1-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <button data-icon="user" class="db-button" data-no-text=…>Account</button> - 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 - 52 pixels (ratio 0.04 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <button data-icon="user" class="db-button" data-no-text=…>Account</button> - 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 - 52 pixels (ratio 0.04 of all image pixels) are different. 34 | </DBButton> 35 | ); > 36 | await expect(component).toHaveScreenshot(); | ^ 37 | }); 38 | } 39 | }; at /__w/mono/mono/output/react/src/components/button/button.spec.tsx:36:28
[chromium] › button/button.spec.tsx:28:7 › DBButton › should only have icon for variant solid: output/react/src/components/button/button.spec.tsx#L36
5) [chromium] › button/button.spec.tsx:28:7 › DBButton › should only have icon for variant solid ─ Error: Screenshot comparison failed: 52 pixels (ratio 0.04 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/button/component/chromium/DBButton-should-only-have-icon-for-variant-solid.png Received: /__w/mono/mono/output/react/test-results/button-button.spec.tsx-DBButton-should-only-have-icon-for-variant-solid-chromium/DBButton-should-only-have-icon-for-variant-solid-1-actual.png Diff: /__w/mono/mono/output/react/test-results/button-button.spec.tsx-DBButton-should-only-have-icon-for-variant-solid-chromium/DBButton-should-only-have-icon-for-variant-solid-1-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <button data-icon="user" class="db-button" data-no-text=…>Account</button> - 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 - 52 pixels (ratio 0.04 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <button data-icon="user" class="db-button" data-no-text=…>Account</button> - 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 - 52 pixels (ratio 0.04 of all image pixels) are different. 34 | </DBButton> 35 | ); > 36 | await expect(component).toHaveScreenshot(); | ^ 37 | }); 38 | } 39 | }; at /__w/mono/mono/output/react/src/components/button/button.spec.tsx:36:28
[chromium] › button/button.spec.tsx:28:7 › DBButton › should only have icon for variant solid: output/react/src/components/button/button.spec.tsx#L36
5) [chromium] › button/button.spec.tsx:28:7 › DBButton › should only have icon for variant solid ─ Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 52 pixels (ratio 0.04 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/button/component/chromium/DBButton-should-only-have-icon-for-variant-solid.png Received: /__w/mono/mono/output/react/test-results/button-button.spec.tsx-DBButton-should-only-have-icon-for-variant-solid-chromium-retry1/DBButton-should-only-have-icon-for-variant-solid-1-actual.png Diff: /__w/mono/mono/output/react/test-results/button-button.spec.tsx-DBButton-should-only-have-icon-for-variant-solid-chromium-retry1/DBButton-should-only-have-icon-for-variant-solid-1-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <button data-icon="user" class="db-button" data-no-text=…>Account</button> - 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 - 52 pixels (ratio 0.04 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <button data-icon="user" class="db-button" data-no-text=…>Account</button> - 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 - 52 pixels (ratio 0.04 of all image pixels) are different. 34 | </DBButton> 35 | ); > 36 | await expect(component).toHaveScreenshot(); | ^ 37 | }); 38 | } 39 | }; at /__w/mono/mono/output/react/src/components/button/button.spec.tsx:36:28
test-components / 🧪🎭 - react:1/3
Process completed with exit code 1.
test-components / 🧪🎭 - vue:1/3
Process completed with exit code 1.
[chromium] › accordion/accordion.spec.tsx:23:2 › DBAccordion › should match screenshot: output/vue/src/components/accordion/accordion.spec.tsx#L25
1) [chromium] › accordion/accordion.spec.tsx:23:2 › DBAccordion › should match screenshot ──────── Error: Screenshot comparison failed: 42 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/accordion/component/chromium/DBAccordion-should-match-screenshot.png Received: /__w/mono/mono/output/vue/test-results/accordion-accordion.spec.tsx-DBAccordion-should-match-screenshot-chromium/DBAccordion-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/output/vue/test-results/accordion-accordion.spec.tsx-DBAccordion-should-match-screenshot-chromium/DBAccordion-should-match-screenshot-1-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <div class="db-accordion">…</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 - 42 pixels (ratio 0.01 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-accordion">…</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 - 42 pixels (ratio 0.01 of all image pixels) are different. 23 | test('should match screenshot', async ({ mount }) => { 24 | const component = await mount(comp); > 25 | await expect(component).toHaveScreenshot(); | ^ 26 | }); 27 | }; 28 | at /__w/mono/mono/output/vue/src/components/accordion/accordion.spec.tsx:25:27
[chromium] › accordion/accordion.spec.tsx:23:2 › DBAccordion › should match screenshot: output/vue/src/components/accordion/accordion.spec.tsx#L25
1) [chromium] › accordion/accordion.spec.tsx:23:2 › DBAccordion › should match screenshot ──────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 42 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/accordion/component/chromium/DBAccordion-should-match-screenshot.png Received: /__w/mono/mono/output/vue/test-results/accordion-accordion.spec.tsx-DBAccordion-should-match-screenshot-chromium-retry1/DBAccordion-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/output/vue/test-results/accordion-accordion.spec.tsx-DBAccordion-should-match-screenshot-chromium-retry1/DBAccordion-should-match-screenshot-1-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <div class="db-accordion">…</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 - 42 pixels (ratio 0.01 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-accordion">…</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 - 42 pixels (ratio 0.01 of all image pixels) are different. 23 | test('should match screenshot', async ({ mount }) => { 24 | const component = await mount(comp); > 25 | await expect(component).toHaveScreenshot(); | ^ 26 | }); 27 | }; 28 | at /__w/mono/mono/output/vue/src/components/accordion/accordion.spec.tsx:25:27
[chromium] › accordion-item/accordion-item.spec.tsx:16:2 › DBAccordionItem › should match screenshot: output/vue/src/components/accordion-item/accordion-item.spec.tsx#L18
2) [chromium] › accordion-item/accordion-item.spec.tsx:16:2 › DBAccordionItem › should match screenshot Error: Screenshot comparison failed: 14 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/accordion-item/component/chromium/DBAccordionItem-should-match-screenshot.png Received: /__w/mono/mono/output/vue/test-results/accordion-item-accordion-item.spec.tsx-DBAccordionItem-should-match-screenshot-chromium/DBAccordionItem-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/output/vue/test-results/accordion-item-accordion-item.spec.tsx-DBAccordionItem-should-match-screenshot-chromium/DBAccordionItem-should-match-screenshot-1-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <details class="db-accordion-item" id="accordion-item-8ea…>…</details> - 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 - 14 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <details class="db-accordion-item" id="accordion-item-8ea…>…</details> - 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 - 14 pixels (ratio 0.01 of all image pixels) are different. 16 | test('should match screenshot', async ({ mount }) => { 17 | const component = await mount(comp); > 18 | await expect(component).toHaveScreenshot(); | ^ 19 | }); 20 | }; 21 | at /__w/mono/mono/output/vue/src/components/accordion-item/accordion-item.spec.tsx:18:27
[chromium] › accordion-item/accordion-item.spec.tsx:16:2 › DBAccordionItem › should match screenshot: output/vue/src/components/accordion-item/accordion-item.spec.tsx#L18
2) [chromium] › accordion-item/accordion-item.spec.tsx:16:2 › DBAccordionItem › should match screenshot Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 14 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/accordion-item/component/chromium/DBAccordionItem-should-match-screenshot.png Received: /__w/mono/mono/output/vue/test-results/accordion-item-accordion-item.spec.tsx-DBAccordionItem-should-match-screenshot-chromium-retry1/DBAccordionItem-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/output/vue/test-results/accordion-item-accordion-item.spec.tsx-DBAccordionItem-should-match-screenshot-chromium-retry1/DBAccordionItem-should-match-screenshot-1-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <details class="db-accordion-item" id="accordion-item-80d…>…</details> - 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 - 14 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <details class="db-accordion-item" id="accordion-item-80d…>…</details> - 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 - 14 pixels (ratio 0.01 of all image pixels) are different. 16 | test('should match screenshot', async ({ mount }) => { 17 | const component = await mount(comp); > 18 | await expect(component).toHaveScreenshot(); | ^ 19 | }); 20 | }; 21 | at /__w/mono/mono/output/vue/src/components/accordion-item/accordion-item.spec.tsx:18:27
[chromium] › button/button.spec.tsx:28:3 › DBButton › should only have icon for variant outlined: output/vue/src/components/button/button.spec.tsx#L36
3) [chromium] › button/button.spec.tsx:28:3 › DBButton › should only have icon for variant outlined Error: Screenshot comparison failed: 52 pixels (ratio 0.04 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/button/component/chromium/DBButton-should-only-have-icon-for-variant-outlined.png Received: /__w/mono/mono/output/vue/test-results/button-button.spec.tsx-DBButton-should-only-have-icon-for-variant-outlined-chromium/DBButton-should-only-have-icon-for-variant-outlined-1-actual.png Diff: /__w/mono/mono/output/vue/test-results/button-button.spec.tsx-DBButton-should-only-have-icon-for-variant-outlined-chromium/DBButton-should-only-have-icon-for-variant-outlined-1-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <button data-icon="user" class="db-button" data-no-text=…>Account</button> - 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 - 52 pixels (ratio 0.04 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <button data-icon="user" class="db-button" data-no-text=…>Account</button> - 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 - 52 pixels (ratio 0.04 of all image pixels) are different. 34 | </DBButton> 35 | ); > 36 | await expect(component).toHaveScreenshot(); | ^ 37 | }); 38 | } 39 | }; at /__w/mono/mono/output/vue/src/components/button/button.spec.tsx:36:28
[chromium] › button/button.spec.tsx:28:3 › DBButton › should only have icon for variant outlined: output/vue/src/components/button/button.spec.tsx#L36
3) [chromium] › button/button.spec.tsx:28:3 › DBButton › should only have icon for variant outlined Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 52 pixels (ratio 0.04 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/button/component/chromium/DBButton-should-only-have-icon-for-variant-outlined.png Received: /__w/mono/mono/output/vue/test-results/button-button.spec.tsx-DBButton-should-only-have-icon-for-variant-outlined-chromium-retry1/DBButton-should-only-have-icon-for-variant-outlined-1-actual.png Diff: /__w/mono/mono/output/vue/test-results/button-button.spec.tsx-DBButton-should-only-have-icon-for-variant-outlined-chromium-retry1/DBButton-should-only-have-icon-for-variant-outlined-1-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <button data-icon="user" class="db-button" data-no-text=…>Account</button> - 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 - 52 pixels (ratio 0.04 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <button data-icon="user" class="db-button" data-no-text=…>Account</button> - 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 - 52 pixels (ratio 0.04 of all image pixels) are different. 34 | </DBButton> 35 | ); > 36 | await expect(component).toHaveScreenshot(); | ^ 37 | }); 38 | } 39 | }; at /__w/mono/mono/output/vue/src/components/button/button.spec.tsx:36:28
[chromium] › button/button.spec.tsx:28:3 › DBButton › should only have icon for variant primary: output/vue/src/components/button/button.spec.tsx#L36
4) [chromium] › button/button.spec.tsx:28:3 › DBButton › should only have icon for variant primary Error: Screenshot comparison failed: 52 pixels (ratio 0.04 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/button/component/chromium/DBButton-should-only-have-icon-for-variant-primary.png Received: /__w/mono/mono/output/vue/test-results/button-button.spec.tsx-DBButton-should-only-have-icon-for-variant-primary-chromium/DBButton-should-only-have-icon-for-variant-primary-1-actual.png Diff: /__w/mono/mono/output/vue/test-results/button-button.spec.tsx-DBButton-should-only-have-icon-for-variant-primary-chromium/DBButton-should-only-have-icon-for-variant-primary-1-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <button data-icon="user" class="db-button" data-no-text=…>Account</button> - 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 - 52 pixels (ratio 0.04 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <button data-icon="user" class="db-button" data-no-text=…>Account</button> - 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 - 52 pixels (ratio 0.04 of all image pixels) are different. 34 | </DBButton> 35 | ); > 36 | await expect(component).toHaveScreenshot(); | ^ 37 | }); 38 | } 39 | }; at /__w/mono/mono/output/vue/src/components/button/button.spec.tsx:36:28
[chromium] › button/button.spec.tsx:28:3 › DBButton › should only have icon for variant primary: output/vue/src/components/button/button.spec.tsx#L36
4) [chromium] › button/button.spec.tsx:28:3 › DBButton › should only have icon for variant primary Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 52 pixels (ratio 0.04 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/button/component/chromium/DBButton-should-only-have-icon-for-variant-primary.png Received: /__w/mono/mono/output/vue/test-results/button-button.spec.tsx-DBButton-should-only-have-icon-for-variant-primary-chromium-retry1/DBButton-should-only-have-icon-for-variant-primary-1-actual.png Diff: /__w/mono/mono/output/vue/test-results/button-button.spec.tsx-DBButton-should-only-have-icon-for-variant-primary-chromium-retry1/DBButton-should-only-have-icon-for-variant-primary-1-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <button data-icon="user" class="db-button" data-no-text=…>Account</button> - 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 - 52 pixels (ratio 0.04 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <button data-icon="user" class="db-button" data-no-text=…>Account</button> - 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 - 52 pixels (ratio 0.04 of all image pixels) are different. 34 | </DBButton> 35 | ); > 36 | await expect(component).toHaveScreenshot(); | ^ 37 | }); 38 | } 39 | }; at /__w/mono/mono/output/vue/src/components/button/button.spec.tsx:36:28
[chromium] › button/button.spec.tsx:28:3 › DBButton › should only have icon for variant solid: output/vue/src/components/button/button.spec.tsx#L36
5) [chromium] › button/button.spec.tsx:28:3 › DBButton › should only have icon for variant solid ─ Error: Screenshot comparison failed: 52 pixels (ratio 0.04 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/button/component/chromium/DBButton-should-only-have-icon-for-variant-solid.png Received: /__w/mono/mono/output/vue/test-results/button-button.spec.tsx-DBButton-should-only-have-icon-for-variant-solid-chromium/DBButton-should-only-have-icon-for-variant-solid-1-actual.png Diff: /__w/mono/mono/output/vue/test-results/button-button.spec.tsx-DBButton-should-only-have-icon-for-variant-solid-chromium/DBButton-should-only-have-icon-for-variant-solid-1-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <button data-icon="user" class="db-button" data-no-text=…>Account</button> - 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 - 52 pixels (ratio 0.04 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <button data-icon="user" class="db-button" data-no-text=…>Account</button> - 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 - 52 pixels (ratio 0.04 of all image pixels) are different. 34 | </DBButton> 35 | ); > 36 | await expect(component).toHaveScreenshot(); | ^ 37 | }); 38 | } 39 | }; at /__w/mono/mono/output/vue/src/components/button/button.spec.tsx:36:28
[chromium] › button/button.spec.tsx:28:3 › DBButton › should only have icon for variant solid: output/vue/src/components/button/button.spec.tsx#L36
5) [chromium] › button/button.spec.tsx:28:3 › DBButton › should only have icon for variant solid ─ Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 52 pixels (ratio 0.04 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/button/component/chromium/DBButton-should-only-have-icon-for-variant-solid.png Received: /__w/mono/mono/output/vue/test-results/button-button.spec.tsx-DBButton-should-only-have-icon-for-variant-solid-chromium-retry1/DBButton-should-only-have-icon-for-variant-solid-1-actual.png Diff: /__w/mono/mono/output/vue/test-results/button-button.spec.tsx-DBButton-should-only-have-icon-for-variant-solid-chromium-retry1/DBButton-should-only-have-icon-for-variant-solid-1-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <button data-icon="user" class="db-button" data-no-text=…>Account</button> - 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 - 52 pixels (ratio 0.04 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <button data-icon="user" class="db-button" data-no-text=…>Account</button> - 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 - 52 pixels (ratio 0.04 of all image pixels) are different. 34 | </DBButton> 35 | ); > 36 | await expect(component).toHaveScreenshot(); | ^ 37 | }); 38 | } 39 | }; at /__w/mono/mono/output/vue/src/components/button/button.spec.tsx:36:28
test-components / 🧪🎭 - vue:3/3
Process completed with exit code 1.
[mobile_chrome] › accordion/accordion.spec.tsx:23:2 › DBAccordion › should match screenshot: output/vue/src/components/accordion/accordion.spec.tsx#L25
1) [mobile_chrome] › accordion/accordion.spec.tsx:23:2 › DBAccordion › should match screenshot ─── Error: Screenshot comparison failed: 42 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/accordion/component/mobile-chrome/DBAccordion-should-match-screenshot.png Received: /__w/mono/mono/output/vue/test-results/accordion-accordion.spec.tsx-DBAccordion-should-match-screenshot-mobile-chrome/DBAccordion-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/output/vue/test-results/accordion-accordion.spec.tsx-DBAccordion-should-match-screenshot-mobile-chrome/DBAccordion-should-match-screenshot-1-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <div class="db-accordion">…</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 - 42 pixels (ratio 0.01 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-accordion">…</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 - 42 pixels (ratio 0.01 of all image pixels) are different. 23 | test('should match screenshot', async ({ mount }) => { 24 | const component = await mount(comp); > 25 | await expect(component).toHaveScreenshot(); | ^ 26 | }); 27 | }; 28 | at /__w/mono/mono/output/vue/src/components/accordion/accordion.spec.tsx:25:27
[mobile_chrome] › accordion/accordion.spec.tsx:23:2 › DBAccordion › should match screenshot: output/vue/src/components/accordion/accordion.spec.tsx#L25
1) [mobile_chrome] › accordion/accordion.spec.tsx:23:2 › DBAccordion › should match screenshot ─── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 42 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/accordion/component/mobile-chrome/DBAccordion-should-match-screenshot.png Received: /__w/mono/mono/output/vue/test-results/accordion-accordion.spec.tsx-DBAccordion-should-match-screenshot-mobile-chrome-retry1/DBAccordion-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/output/vue/test-results/accordion-accordion.spec.tsx-DBAccordion-should-match-screenshot-mobile-chrome-retry1/DBAccordion-should-match-screenshot-1-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <div class="db-accordion">…</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 - 42 pixels (ratio 0.01 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-accordion">…</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 - 42 pixels (ratio 0.01 of all image pixels) are different. 23 | test('should match screenshot', async ({ mount }) => { 24 | const component = await mount(comp); > 25 | await expect(component).toHaveScreenshot(); | ^ 26 | }); 27 | }; 28 | at /__w/mono/mono/output/vue/src/components/accordion/accordion.spec.tsx:25:27
[mobile_chrome] › accordion-item/accordion-item.spec.tsx:16:2 › DBAccordionItem › should match screenshot: output/vue/src/components/accordion-item/accordion-item.spec.tsx#L18
2) [mobile_chrome] › accordion-item/accordion-item.spec.tsx:16:2 › DBAccordionItem › should match screenshot Error: Screenshot comparison failed: 14 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/accordion-item/component/mobile-chrome/DBAccordionItem-should-match-screenshot.png Received: /__w/mono/mono/output/vue/test-results/accordion-item-accordion-item.spec.tsx-DBAccordionItem-should-match-screenshot-mobile-chrome/DBAccordionItem-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/output/vue/test-results/accordion-item-accordion-item.spec.tsx-DBAccordionItem-should-match-screenshot-mobile-chrome/DBAccordionItem-should-match-screenshot-1-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <details class="db-accordion-item" id="accordion-item-c53…>…</details> - 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 - 14 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <details class="db-accordion-item" id="accordion-item-c53…>…</details> - 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 - 14 pixels (ratio 0.01 of all image pixels) are different. 16 | test('should match screenshot', async ({ mount }) => { 17 | const component = await mount(comp); > 18 | await expect(component).toHaveScreenshot(); | ^ 19 | }); 20 | }; 21 | at /__w/mono/mono/output/vue/src/components/accordion-item/accordion-item.spec.tsx:18:27
[mobile_chrome] › accordion-item/accordion-item.spec.tsx:16:2 › DBAccordionItem › should match screenshot: output/vue/src/components/accordion-item/accordion-item.spec.tsx#L18
2) [mobile_chrome] › accordion-item/accordion-item.spec.tsx:16:2 › DBAccordionItem › should match screenshot Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 14 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/accordion-item/component/mobile-chrome/DBAccordionItem-should-match-screenshot.png Received: /__w/mono/mono/output/vue/test-results/accordion-item-accordion-item.spec.tsx-DBAccordionItem-should-match-screenshot-mobile-chrome-retry1/DBAccordionItem-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/output/vue/test-results/accordion-item-accordion-item.spec.tsx-DBAccordionItem-should-match-screenshot-mobile-chrome-retry1/DBAccordionItem-should-match-screenshot-1-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <details class="db-accordion-item" id="accordion-item-235…>…</details> - 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 - 14 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <details class="db-accordion-item" id="accordion-item-235…>…</details> - 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 - 14 pixels (ratio 0.01 of all image pixels) are different. 16 | test('should match screenshot', async ({ mount }) => { 17 | const component = await mount(comp); > 18 | await expect(component).toHaveScreenshot(); | ^ 19 | }); 20 | }; 21 | at /__w/mono/mono/output/vue/src/components/accordion-item/accordion-item.spec.tsx:18:27
[mobile_chrome] › button/button.spec.tsx:28:3 › DBButton › should only have icon for variant outlined: output/vue/src/components/button/button.spec.tsx#L36
3) [mobile_chrome] › button/button.spec.tsx:28:3 › DBButton › should only have icon for variant outlined Error: Screenshot comparison failed: 52 pixels (ratio 0.04 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/button/component/mobile-chrome/DBButton-should-only-have-icon-for-variant-outlined.png Received: /__w/mono/mono/output/vue/test-results/button-button.spec.tsx-DBButton-should-only-have-icon-for-variant-outlined-mobile-chrome/DBButton-should-only-have-icon-for-variant-outlined-1-actual.png Diff: /__w/mono/mono/output/vue/test-results/button-button.spec.tsx-DBButton-should-only-have-icon-for-variant-outlined-mobile-chrome/DBButton-should-only-have-icon-for-variant-outlined-1-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <button data-icon="user" class="db-button" data-no-text=…>Account</button> - 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 - 52 pixels (ratio 0.04 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <button data-icon="user" class="db-button" data-no-text=…>Account</button> - 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 - 52 pixels (ratio 0.04 of all image pixels) are different. 34 | </DBButton> 35 | ); > 36 | await expect(component).toHaveScreenshot(); | ^ 37 | }); 38 | } 39 | }; at /__w/mono/mono/output/vue/src/components/button/button.spec.tsx:36:28
[mobile_chrome] › button/button.spec.tsx:28:3 › DBButton › should only have icon for variant outlined: output/vue/src/components/button/button.spec.tsx#L36
3) [mobile_chrome] › button/button.spec.tsx:28:3 › DBButton › should only have icon for variant outlined Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 52 pixels (ratio 0.04 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/button/component/mobile-chrome/DBButton-should-only-have-icon-for-variant-outlined.png Received: /__w/mono/mono/output/vue/test-results/button-button.spec.tsx-DBButton-should-only-have-icon-for-variant-outlined-mobile-chrome-retry1/DBButton-should-only-have-icon-for-variant-outlined-1-actual.png Diff: /__w/mono/mono/output/vue/test-results/button-button.spec.tsx-DBButton-should-only-have-icon-for-variant-outlined-mobile-chrome-retry1/DBButton-should-only-have-icon-for-variant-outlined-1-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <button data-icon="user" class="db-button" data-no-text=…>Account</button> - 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 - 52 pixels (ratio 0.04 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <button data-icon="user" class="db-button" data-no-text=…>Account</button> - 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 - 52 pixels (ratio 0.04 of all image pixels) are different. 34 | </DBButton> 35 | ); > 36 | await expect(component).toHaveScreenshot(); | ^ 37 | }); 38 | } 39 | }; at /__w/mono/mono/output/vue/src/components/button/button.spec.tsx:36:28
[mobile_chrome] › button/button.spec.tsx:28:3 › DBButton › should only have icon for variant primary: output/vue/src/components/button/button.spec.tsx#L36
4) [mobile_chrome] › button/button.spec.tsx:28:3 › DBButton › should only have icon for variant primary Error: Screenshot comparison failed: 52 pixels (ratio 0.04 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/button/component/mobile-chrome/DBButton-should-only-have-icon-for-variant-primary.png Received: /__w/mono/mono/output/vue/test-results/button-button.spec.tsx-DBButton-should-only-have-icon-for-variant-primary-mobile-chrome/DBButton-should-only-have-icon-for-variant-primary-1-actual.png Diff: /__w/mono/mono/output/vue/test-results/button-button.spec.tsx-DBButton-should-only-have-icon-for-variant-primary-mobile-chrome/DBButton-should-only-have-icon-for-variant-primary-1-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <button data-icon="user" class="db-button" data-no-text=…>Account</button> - 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 - 52 pixels (ratio 0.04 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <button data-icon="user" class="db-button" data-no-text=…>Account</button> - 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 - 52 pixels (ratio 0.04 of all image pixels) are different. 34 | </DBButton> 35 | ); > 36 | await expect(component).toHaveScreenshot(); | ^ 37 | }); 38 | } 39 | }; at /__w/mono/mono/output/vue/src/components/button/button.spec.tsx:36:28
[mobile_chrome] › button/button.spec.tsx:28:3 › DBButton › should only have icon for variant primary: output/vue/src/components/button/button.spec.tsx#L36
4) [mobile_chrome] › button/button.spec.tsx:28:3 › DBButton › should only have icon for variant primary Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 52 pixels (ratio 0.04 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/button/component/mobile-chrome/DBButton-should-only-have-icon-for-variant-primary.png Received: /__w/mono/mono/output/vue/test-results/button-button.spec.tsx-DBButton-should-only-have-icon-for-variant-primary-mobile-chrome-retry1/DBButton-should-only-have-icon-for-variant-primary-1-actual.png Diff: /__w/mono/mono/output/vue/test-results/button-button.spec.tsx-DBButton-should-only-have-icon-for-variant-primary-mobile-chrome-retry1/DBButton-should-only-have-icon-for-variant-primary-1-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <button data-icon="user" class="db-button" data-no-text=…>Account</button> - 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 - 52 pixels (ratio 0.04 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <button data-icon="user" class="db-button" data-no-text=…>Account</button> - 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 - 52 pixels (ratio 0.04 of all image pixels) are different. 34 | </DBButton> 35 | ); > 36 | await expect(component).toHaveScreenshot(); | ^ 37 | }); 38 | } 39 | }; at /__w/mono/mono/output/vue/src/components/button/button.spec.tsx:36:28
[mobile_chrome] › button/button.spec.tsx:28:3 › DBButton › should only have icon for variant solid: output/vue/src/components/button/button.spec.tsx#L36
5) [mobile_chrome] › button/button.spec.tsx:28:3 › DBButton › should only have icon for variant solid Error: Screenshot comparison failed: 52 pixels (ratio 0.04 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/button/component/mobile-chrome/DBButton-should-only-have-icon-for-variant-solid.png Received: /__w/mono/mono/output/vue/test-results/button-button.spec.tsx-DBButton-should-only-have-icon-for-variant-solid-mobile-chrome/DBButton-should-only-have-icon-for-variant-solid-1-actual.png Diff: /__w/mono/mono/output/vue/test-results/button-button.spec.tsx-DBButton-should-only-have-icon-for-variant-solid-mobile-chrome/DBButton-should-only-have-icon-for-variant-solid-1-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <button data-icon="user" class="db-button" data-no-text=…>Account</button> - 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 - 52 pixels (ratio 0.04 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <button data-icon="user" class="db-button" data-no-text=…>Account</button> - 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 - 52 pixels (ratio 0.04 of all image pixels) are different. 34 | </DBButton> 35 | ); > 36 | await expect(component).toHaveScreenshot(); | ^ 37 | }); 38 | } 39 | }; at /__w/mono/mono/output/vue/src/components/button/button.spec.tsx:36:28
[mobile_chrome] › button/button.spec.tsx:28:3 › DBButton › should only have icon for variant solid: output/vue/src/components/button/button.spec.tsx#L36
5) [mobile_chrome] › button/button.spec.tsx:28:3 › DBButton › should only have icon for variant solid Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 52 pixels (ratio 0.04 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/button/component/mobile-chrome/DBButton-should-only-have-icon-for-variant-solid.png Received: /__w/mono/mono/output/vue/test-results/button-button.spec.tsx-DBButton-should-only-have-icon-for-variant-solid-mobile-chrome-retry1/DBButton-should-only-have-icon-for-variant-solid-1-actual.png Diff: /__w/mono/mono/output/vue/test-results/button-button.spec.tsx-DBButton-should-only-have-icon-for-variant-solid-mobile-chrome-retry1/DBButton-should-only-have-icon-for-variant-solid-1-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <button data-icon="user" class="db-button" data-no-text=…>Account</button> - 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 - 52 pixels (ratio 0.04 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <button data-icon="user" class="db-button" data-no-text=…>Account</button> - 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 - 52 pixels (ratio 0.04 of all image pixels) are different. 34 | </DBButton> 35 | ); > 36 | await expect(component).toHaveScreenshot(); | ^ 37 | }); 38 | } 39 | }; at /__w/mono/mono/output/vue/src/components/button/button.spec.tsx:36:28
test-showcases / 🧪🎭 - react:1/2
Unable to download artifact(s): Failed to ListArtifacts: Unexpected token '<', "<!DOCTYPE "... is not valid JSON
test-showcases / 🧪🎭 - react:1/2
Process completed with exit code 1.
[firefox] › accordion/accordion.spec.tsx:23:6 › DBAccordion › should match screenshot: output/react/src/components/accordion/accordion.spec.tsx#L25
1) [firefox] › accordion/accordion.spec.tsx:23:6 › DBAccordion › should match screenshot ───────── Error: Screenshot comparison failed: 42 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/accordion/component/firefox/DBAccordion-should-match-screenshot.png Received: /__w/mono/mono/output/react/test-results/accordion-accordion.spec.tsx-DBAccordion-should-match-screenshot-firefox/DBAccordion-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/output/react/test-results/accordion-accordion.spec.tsx-DBAccordion-should-match-screenshot-firefox/DBAccordion-should-match-screenshot-1-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <div class="db-accordion">…</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 - 42 pixels (ratio 0.01 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-accordion">…</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 - 42 pixels (ratio 0.01 of all image pixels) are different. 23 | test('should match screenshot', async ({ mount }) => { 24 | const component = await mount(comp); > 25 | await expect(component).toHaveScreenshot(); | ^ 26 | }); 27 | }; 28 | at /__w/mono/mono/output/react/src/components/accordion/accordion.spec.tsx:25:27
[firefox] › accordion/accordion.spec.tsx:23:6 › DBAccordion › should match screenshot: output/react/src/components/accordion/accordion.spec.tsx#L25
1) [firefox] › accordion/accordion.spec.tsx:23:6 › DBAccordion › should match screenshot ───────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 42 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/accordion/component/firefox/DBAccordion-should-match-screenshot.png Received: /__w/mono/mono/output/react/test-results/accordion-accordion.spec.tsx-DBAccordion-should-match-screenshot-firefox-retry1/DBAccordion-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/output/react/test-results/accordion-accordion.spec.tsx-DBAccordion-should-match-screenshot-firefox-retry1/DBAccordion-should-match-screenshot-1-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <div class="db-accordion">…</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 - 42 pixels (ratio 0.01 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-accordion">…</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 - 42 pixels (ratio 0.01 of all image pixels) are different. 23 | test('should match screenshot', async ({ mount }) => { 24 | const component = await mount(comp); > 25 | await expect(component).toHaveScreenshot(); | ^ 26 | }); 27 | }; 28 | at /__w/mono/mono/output/react/src/components/accordion/accordion.spec.tsx:25:27
[firefox] › accordion-item/accordion-item.spec.tsx:16:6 › DBAccordionItem › should match screenshot: output/react/src/components/accordion-item/accordion-item.spec.tsx#L18
2) [firefox] › accordion-item/accordion-item.spec.tsx:16:6 › DBAccordionItem › should match screenshot Error: Screenshot comparison failed: 14 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/accordion-item/component/firefox/DBAccordionItem-should-match-screenshot.png Received: /__w/mono/mono/output/react/test-results/accordion-item-accordion-item.spec.tsx-DBAccordionItem-should-match-screenshot-firefox/DBAccordionItem-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/output/react/test-results/accordion-item-accordion-item.spec.tsx-DBAccordionItem-should-match-screenshot-firefox/DBAccordionItem-should-match-screenshot-1-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <details class="db-accordion-item" id="accordion-item-5b6…>…</details> - 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 - 14 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <details class="db-accordion-item" id="accordion-item-5b6…>…</details> - 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 - 14 pixels (ratio 0.01 of all image pixels) are different. 16 | test('should match screenshot', async ({ mount }) => { 17 | const component = await mount(comp); > 18 | await expect(component).toHaveScreenshot(); | ^ 19 | }); 20 | }; 21 | at /__w/mono/mono/output/react/src/components/accordion-item/accordion-item.spec.tsx:18:27
[firefox] › accordion-item/accordion-item.spec.tsx:16:6 › DBAccordionItem › should match screenshot: output/react/src/components/accordion-item/accordion-item.spec.tsx#L18
2) [firefox] › accordion-item/accordion-item.spec.tsx:16:6 › DBAccordionItem › should match screenshot Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 14 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/accordion-item/component/firefox/DBAccordionItem-should-match-screenshot.png Received: /__w/mono/mono/output/react/test-results/accordion-item-accordion-item.spec.tsx-DBAccordionItem-should-match-screenshot-firefox-retry1/DBAccordionItem-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/output/react/test-results/accordion-item-accordion-item.spec.tsx-DBAccordionItem-should-match-screenshot-firefox-retry1/DBAccordionItem-should-match-screenshot-1-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <details class="db-accordion-item" id="accordion-item-e43…>…</details> - 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 - 14 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <details class="db-accordion-item" id="accordion-item-e43…>…</details> - 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 - 14 pixels (ratio 0.01 of all image pixels) are different. 16 | test('should match screenshot', async ({ mount }) => { 17 | const component = await mount(comp); > 18 | await expect(component).toHaveScreenshot(); | ^ 19 | }); 20 | }; 21 | at /__w/mono/mono/output/react/src/components/accordion-item/accordion-item.spec.tsx:18:27
[firefox] › button/button.spec.tsx:28:7 › DBButton › should only have icon for variant outlined: output/react/src/components/button/button.spec.tsx#L36
3) [firefox] › button/button.spec.tsx:28:7 › DBButton › should only have icon for variant outlined Error: Screenshot comparison failed: 52 pixels (ratio 0.04 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/button/component/firefox/DBButton-should-only-have-icon-for-variant-outlined.png Received: /__w/mono/mono/output/react/test-results/button-button.spec.tsx-DBButton-should-only-have-icon-for-variant-outlined-firefox/DBButton-should-only-have-icon-for-variant-outlined-1-actual.png Diff: /__w/mono/mono/output/react/test-results/button-button.spec.tsx-DBButton-should-only-have-icon-for-variant-outlined-firefox/DBButton-should-only-have-icon-for-variant-outlined-1-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <button data-icon="user" class="db-button" data-no-text=…>Account</button> - 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 - 52 pixels (ratio 0.04 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <button data-icon="user" class="db-button" data-no-text=…>Account</button> - 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 - 52 pixels (ratio 0.04 of all image pixels) are different. 34 | </DBButton> 35 | ); > 36 | await expect(component).toHaveScreenshot(); | ^ 37 | }); 38 | } 39 | }; at /__w/mono/mono/output/react/src/components/button/button.spec.tsx:36:28
[firefox] › button/button.spec.tsx:28:7 › DBButton › should only have icon for variant outlined: output/react/src/components/button/button.spec.tsx#L36
3) [firefox] › button/button.spec.tsx:28:7 › DBButton › should only have icon for variant outlined Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 52 pixels (ratio 0.04 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/button/component/firefox/DBButton-should-only-have-icon-for-variant-outlined.png Received: /__w/mono/mono/output/react/test-results/button-button.spec.tsx-DBButton-should-only-have-icon-for-variant-outlined-firefox-retry1/DBButton-should-only-have-icon-for-variant-outlined-1-actual.png Diff: /__w/mono/mono/output/react/test-results/button-button.spec.tsx-DBButton-should-only-have-icon-for-variant-outlined-firefox-retry1/DBButton-should-only-have-icon-for-variant-outlined-1-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <button data-icon="user" class="db-button" data-no-text=…>Account</button> - 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 - 52 pixels (ratio 0.04 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <button data-icon="user" class="db-button" data-no-text=…>Account</button> - 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 - 52 pixels (ratio 0.04 of all image pixels) are different. 34 | </DBButton> 35 | ); > 36 | await expect(component).toHaveScreenshot(); | ^ 37 | }); 38 | } 39 | }; at /__w/mono/mono/output/react/src/components/button/button.spec.tsx:36:28
[firefox] › button/button.spec.tsx:28:7 › DBButton › should only have icon for variant primary: output/react/src/components/button/button.spec.tsx#L36
4) [firefox] › button/button.spec.tsx:28:7 › DBButton › should only have icon for variant primary Error: Screenshot comparison failed: 52 pixels (ratio 0.04 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/button/component/firefox/DBButton-should-only-have-icon-for-variant-primary.png Received: /__w/mono/mono/output/react/test-results/button-button.spec.tsx-DBButton-should-only-have-icon-for-variant-primary-firefox/DBButton-should-only-have-icon-for-variant-primary-1-actual.png Diff: /__w/mono/mono/output/react/test-results/button-button.spec.tsx-DBButton-should-only-have-icon-for-variant-primary-firefox/DBButton-should-only-have-icon-for-variant-primary-1-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <button data-icon="user" class="db-button" data-no-text=…>Account</button> - 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 - 52 pixels (ratio 0.04 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <button data-icon="user" class="db-button" data-no-text=…>Account</button> - 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 - 52 pixels (ratio 0.04 of all image pixels) are different. 34 | </DBButton> 35 | ); > 36 | await expect(component).toHaveScreenshot(); | ^ 37 | }); 38 | } 39 | }; at /__w/mono/mono/output/react/src/components/button/button.spec.tsx:36:28
[firefox] › button/button.spec.tsx:28:7 › DBButton › should only have icon for variant primary: output/react/src/components/button/button.spec.tsx#L36
4) [firefox] › button/button.spec.tsx:28:7 › DBButton › should only have icon for variant primary Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 52 pixels (ratio 0.04 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/button/component/firefox/DBButton-should-only-have-icon-for-variant-primary.png Received: /__w/mono/mono/output/react/test-results/button-button.spec.tsx-DBButton-should-only-have-icon-for-variant-primary-firefox-retry1/DBButton-should-only-have-icon-for-variant-primary-1-actual.png Diff: /__w/mono/mono/output/react/test-results/button-button.spec.tsx-DBButton-should-only-have-icon-for-variant-primary-firefox-retry1/DBButton-should-only-have-icon-for-variant-primary-1-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <button data-icon="user" class="db-button" data-no-text=…>Account</button> - 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 - 52 pixels (ratio 0.04 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <button data-icon="user" class="db-button" data-no-text=…>Account</button> - 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 - 52 pixels (ratio 0.04 of all image pixels) are different. 34 | </DBButton> 35 | ); > 36 | await expect(component).toHaveScreenshot(); | ^ 37 | }); 38 | } 39 | }; at /__w/mono/mono/output/react/src/components/button/button.spec.tsx:36:28
[firefox] › button/button.spec.tsx:28:7 › DBButton › should only have icon for variant solid: output/react/src/components/button/button.spec.tsx#L36
5) [firefox] › button/button.spec.tsx:28:7 › DBButton › should only have icon for variant solid ── Error: Screenshot comparison failed: 52 pixels (ratio 0.04 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/button/component/firefox/DBButton-should-only-have-icon-for-variant-solid.png Received: /__w/mono/mono/output/react/test-results/button-button.spec.tsx-DBButton-should-only-have-icon-for-variant-solid-firefox/DBButton-should-only-have-icon-for-variant-solid-1-actual.png Diff: /__w/mono/mono/output/react/test-results/button-button.spec.tsx-DBButton-should-only-have-icon-for-variant-solid-firefox/DBButton-should-only-have-icon-for-variant-solid-1-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <button data-icon="user" class="db-button" data-no-text=…>Account</button> - 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 - 52 pixels (ratio 0.04 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <button data-icon="user" class="db-button" data-no-text=…>Account</button> - 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 - 52 pixels (ratio 0.04 of all image pixels) are different. 34 | </DBButton> 35 | ); > 36 | await expect(component).toHaveScreenshot(); | ^ 37 | }); 38 | } 39 | }; at /__w/mono/mono/output/react/src/components/button/button.spec.tsx:36:28
[firefox] › button/button.spec.tsx:28:7 › DBButton › should only have icon for variant solid: output/react/src/components/button/button.spec.tsx#L36
5) [firefox] › button/button.spec.tsx:28:7 › DBButton › should only have icon for variant solid ── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 52 pixels (ratio 0.04 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/button/component/firefox/DBButton-should-only-have-icon-for-variant-solid.png Received: /__w/mono/mono/output/react/test-results/button-button.spec.tsx-DBButton-should-only-have-icon-for-variant-solid-firefox-retry1/DBButton-should-only-have-icon-for-variant-solid-1-actual.png Diff: /__w/mono/mono/output/react/test-results/button-button.spec.tsx-DBButton-should-only-have-icon-for-variant-solid-firefox-retry1/DBButton-should-only-have-icon-for-variant-solid-1-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <button data-icon="user" class="db-button" data-no-text=…>Account</button> - 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 - 52 pixels (ratio 0.04 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <button data-icon="user" class="db-button" data-no-text=…>Account</button> - 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 - 52 pixels (ratio 0.04 of all image pixels) are different. 34 | </DBButton> 35 | ); > 36 | await expect(component).toHaveScreenshot(); | ^ 37 | }); 38 | } 39 | }; at /__w/mono/mono/output/react/src/components/button/button.spec.tsx:36:28
test-components / 🧪🎭 - react:2/3
Process completed with exit code 1.
[firefox] › accordion/accordion.spec.tsx:23:2 › DBAccordion › should match screenshot: output/vue/src/components/accordion/accordion.spec.tsx#L25
1) [firefox] › accordion/accordion.spec.tsx:23:2 › DBAccordion › should match screenshot ───────── Error: Screenshot comparison failed: 42 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/accordion/component/firefox/DBAccordion-should-match-screenshot.png Received: /__w/mono/mono/output/vue/test-results/accordion-accordion.spec.tsx-DBAccordion-should-match-screenshot-firefox/DBAccordion-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/output/vue/test-results/accordion-accordion.spec.tsx-DBAccordion-should-match-screenshot-firefox/DBAccordion-should-match-screenshot-1-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <div class="db-accordion">…</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 - 42 pixels (ratio 0.01 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-accordion">…</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 - 42 pixels (ratio 0.01 of all image pixels) are different. 23 | test('should match screenshot', async ({ mount }) => { 24 | const component = await mount(comp); > 25 | await expect(component).toHaveScreenshot(); | ^ 26 | }); 27 | }; 28 | at /__w/mono/mono/output/vue/src/components/accordion/accordion.spec.tsx:25:27
[firefox] › accordion/accordion.spec.tsx:23:2 › DBAccordion › should match screenshot: output/vue/src/components/accordion/accordion.spec.tsx#L25
1) [firefox] › accordion/accordion.spec.tsx:23:2 › DBAccordion › should match screenshot ───────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 42 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/accordion/component/firefox/DBAccordion-should-match-screenshot.png Received: /__w/mono/mono/output/vue/test-results/accordion-accordion.spec.tsx-DBAccordion-should-match-screenshot-firefox-retry1/DBAccordion-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/output/vue/test-results/accordion-accordion.spec.tsx-DBAccordion-should-match-screenshot-firefox-retry1/DBAccordion-should-match-screenshot-1-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <div class="db-accordion">…</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 - 42 pixels (ratio 0.01 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-accordion">…</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 - 42 pixels (ratio 0.01 of all image pixels) are different. 23 | test('should match screenshot', async ({ mount }) => { 24 | const component = await mount(comp); > 25 | await expect(component).toHaveScreenshot(); | ^ 26 | }); 27 | }; 28 | at /__w/mono/mono/output/vue/src/components/accordion/accordion.spec.tsx:25:27
[firefox] › accordion-item/accordion-item.spec.tsx:16:2 › DBAccordionItem › should match screenshot: output/vue/src/components/accordion-item/accordion-item.spec.tsx#L18
2) [firefox] › accordion-item/accordion-item.spec.tsx:16:2 › DBAccordionItem › should match screenshot Error: Screenshot comparison failed: 14 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/accordion-item/component/firefox/DBAccordionItem-should-match-screenshot.png Received: /__w/mono/mono/output/vue/test-results/accordion-item-accordion-item.spec.tsx-DBAccordionItem-should-match-screenshot-firefox/DBAccordionItem-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/output/vue/test-results/accordion-item-accordion-item.spec.tsx-DBAccordionItem-should-match-screenshot-firefox/DBAccordionItem-should-match-screenshot-1-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <details class="db-accordion-item" id="accordion-item-0f2…>…</details> - 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 - 14 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <details class="db-accordion-item" id="accordion-item-0f2…>…</details> - 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 - 14 pixels (ratio 0.01 of all image pixels) are different. 16 | test('should match screenshot', async ({ mount }) => { 17 | const component = await mount(comp); > 18 | await expect(component).toHaveScreenshot(); | ^ 19 | }); 20 | }; 21 | at /__w/mono/mono/output/vue/src/components/accordion-item/accordion-item.spec.tsx:18:27
[firefox] › accordion-item/accordion-item.spec.tsx:16:2 › DBAccordionItem › should match screenshot: output/vue/src/components/accordion-item/accordion-item.spec.tsx#L18
2) [firefox] › accordion-item/accordion-item.spec.tsx:16:2 › DBAccordionItem › should match screenshot Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 14 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/accordion-item/component/firefox/DBAccordionItem-should-match-screenshot.png Received: /__w/mono/mono/output/vue/test-results/accordion-item-accordion-item.spec.tsx-DBAccordionItem-should-match-screenshot-firefox-retry1/DBAccordionItem-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/output/vue/test-results/accordion-item-accordion-item.spec.tsx-DBAccordionItem-should-match-screenshot-firefox-retry1/DBAccordionItem-should-match-screenshot-1-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <details class="db-accordion-item" id="accordion-item-b1f…>…</details> - 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 - 14 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <details class="db-accordion-item" id="accordion-item-b1f…>…</details> - 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 - 14 pixels (ratio 0.01 of all image pixels) are different. 16 | test('should match screenshot', async ({ mount }) => { 17 | const component = await mount(comp); > 18 | await expect(component).toHaveScreenshot(); | ^ 19 | }); 20 | }; 21 | at /__w/mono/mono/output/vue/src/components/accordion-item/accordion-item.spec.tsx:18:27
[firefox] › button/button.spec.tsx:28:3 › DBButton › should only have icon for variant outlined: output/vue/src/components/button/button.spec.tsx#L36
3) [firefox] › button/button.spec.tsx:28:3 › DBButton › should only have icon for variant outlined Error: Screenshot comparison failed: 52 pixels (ratio 0.04 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/button/component/firefox/DBButton-should-only-have-icon-for-variant-outlined.png Received: /__w/mono/mono/output/vue/test-results/button-button.spec.tsx-DBButton-should-only-have-icon-for-variant-outlined-firefox/DBButton-should-only-have-icon-for-variant-outlined-1-actual.png Diff: /__w/mono/mono/output/vue/test-results/button-button.spec.tsx-DBButton-should-only-have-icon-for-variant-outlined-firefox/DBButton-should-only-have-icon-for-variant-outlined-1-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <button data-icon="user" class="db-button" data-no-text=…>Account</button> - 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 - 52 pixels (ratio 0.04 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <button data-icon="user" class="db-button" data-no-text=…>Account</button> - 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 - 52 pixels (ratio 0.04 of all image pixels) are different. 34 | </DBButton> 35 | ); > 36 | await expect(component).toHaveScreenshot(); | ^ 37 | }); 38 | } 39 | }; at /__w/mono/mono/output/vue/src/components/button/button.spec.tsx:36:28
[firefox] › button/button.spec.tsx:28:3 › DBButton › should only have icon for variant outlined: output/vue/src/components/button/button.spec.tsx#L36
3) [firefox] › button/button.spec.tsx:28:3 › DBButton › should only have icon for variant outlined Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 52 pixels (ratio 0.04 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/button/component/firefox/DBButton-should-only-have-icon-for-variant-outlined.png Received: /__w/mono/mono/output/vue/test-results/button-button.spec.tsx-DBButton-should-only-have-icon-for-variant-outlined-firefox-retry1/DBButton-should-only-have-icon-for-variant-outlined-1-actual.png Diff: /__w/mono/mono/output/vue/test-results/button-button.spec.tsx-DBButton-should-only-have-icon-for-variant-outlined-firefox-retry1/DBButton-should-only-have-icon-for-variant-outlined-1-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <button data-icon="user" class="db-button" data-no-text=…>Account</button> - 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 - 52 pixels (ratio 0.04 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <button data-icon="user" class="db-button" data-no-text=…>Account</button> - 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 - 52 pixels (ratio 0.04 of all image pixels) are different. 34 | </DBButton> 35 | ); > 36 | await expect(component).toHaveScreenshot(); | ^ 37 | }); 38 | } 39 | }; at /__w/mono/mono/output/vue/src/components/button/button.spec.tsx:36:28
[firefox] › button/button.spec.tsx:28:3 › DBButton › should only have icon for variant primary: output/vue/src/components/button/button.spec.tsx#L36
4) [firefox] › button/button.spec.tsx:28:3 › DBButton › should only have icon for variant primary Error: Screenshot comparison failed: 52 pixels (ratio 0.04 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/button/component/firefox/DBButton-should-only-have-icon-for-variant-primary.png Received: /__w/mono/mono/output/vue/test-results/button-button.spec.tsx-DBButton-should-only-have-icon-for-variant-primary-firefox/DBButton-should-only-have-icon-for-variant-primary-1-actual.png Diff: /__w/mono/mono/output/vue/test-results/button-button.spec.tsx-DBButton-should-only-have-icon-for-variant-primary-firefox/DBButton-should-only-have-icon-for-variant-primary-1-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <button data-icon="user" class="db-button" data-no-text=…>Account</button> - 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 - 52 pixels (ratio 0.04 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <button data-icon="user" class="db-button" data-no-text=…>Account</button> - 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 - 52 pixels (ratio 0.04 of all image pixels) are different. 34 | </DBButton> 35 | ); > 36 | await expect(component).toHaveScreenshot(); | ^ 37 | }); 38 | } 39 | }; at /__w/mono/mono/output/vue/src/components/button/button.spec.tsx:36:28
[firefox] › button/button.spec.tsx:28:3 › DBButton › should only have icon for variant primary: output/vue/src/components/button/button.spec.tsx#L36
4) [firefox] › button/button.spec.tsx:28:3 › DBButton › should only have icon for variant primary Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 52 pixels (ratio 0.04 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/button/component/firefox/DBButton-should-only-have-icon-for-variant-primary.png Received: /__w/mono/mono/output/vue/test-results/button-button.spec.tsx-DBButton-should-only-have-icon-for-variant-primary-firefox-retry1/DBButton-should-only-have-icon-for-variant-primary-1-actual.png Diff: /__w/mono/mono/output/vue/test-results/button-button.spec.tsx-DBButton-should-only-have-icon-for-variant-primary-firefox-retry1/DBButton-should-only-have-icon-for-variant-primary-1-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <button data-icon="user" class="db-button" data-no-text=…>Account</button> - 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 - 52 pixels (ratio 0.04 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <button data-icon="user" class="db-button" data-no-text=…>Account</button> - 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 - 52 pixels (ratio 0.04 of all image pixels) are different. 34 | </DBButton> 35 | ); > 36 | await expect(component).toHaveScreenshot(); | ^ 37 | }); 38 | } 39 | }; at /__w/mono/mono/output/vue/src/components/button/button.spec.tsx:36:28
[firefox] › button/button.spec.tsx:28:3 › DBButton › should only have icon for variant solid: output/vue/src/components/button/button.spec.tsx#L36
5) [firefox] › button/button.spec.tsx:28:3 › DBButton › should only have icon for variant solid ── Error: Screenshot comparison failed: 52 pixels (ratio 0.04 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/button/component/firefox/DBButton-should-only-have-icon-for-variant-solid.png Received: /__w/mono/mono/output/vue/test-results/button-button.spec.tsx-DBButton-should-only-have-icon-for-variant-solid-firefox/DBButton-should-only-have-icon-for-variant-solid-1-actual.png Diff: /__w/mono/mono/output/vue/test-results/button-button.spec.tsx-DBButton-should-only-have-icon-for-variant-solid-firefox/DBButton-should-only-have-icon-for-variant-solid-1-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <button data-icon="user" class="db-button" data-no-text=…>Account</button> - 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 - 52 pixels (ratio 0.04 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <button data-icon="user" class="db-button" data-no-text=…>Account</button> - 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 - 52 pixels (ratio 0.04 of all image pixels) are different. 34 | </DBButton> 35 | ); > 36 | await expect(component).toHaveScreenshot(); | ^ 37 | }); 38 | } 39 | }; at /__w/mono/mono/output/vue/src/components/button/button.spec.tsx:36:28
[firefox] › button/button.spec.tsx:28:3 › DBButton › should only have icon for variant solid: output/vue/src/components/button/button.spec.tsx#L36
5) [firefox] › button/button.spec.tsx:28:3 › DBButton › should only have icon for variant solid ── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 52 pixels (ratio 0.04 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/button/component/firefox/DBButton-should-only-have-icon-for-variant-solid.png Received: /__w/mono/mono/output/vue/test-results/button-button.spec.tsx-DBButton-should-only-have-icon-for-variant-solid-firefox-retry1/DBButton-should-only-have-icon-for-variant-solid-1-actual.png Diff: /__w/mono/mono/output/vue/test-results/button-button.spec.tsx-DBButton-should-only-have-icon-for-variant-solid-firefox-retry1/DBButton-should-only-have-icon-for-variant-solid-1-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <button data-icon="user" class="db-button" data-no-text=…>Account</button> - 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 - 52 pixels (ratio 0.04 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <button data-icon="user" class="db-button" data-no-text=…>Account</button> - 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 - 52 pixels (ratio 0.04 of all image pixels) are different. 34 | </DBButton> 35 | ); > 36 | await expect(component).toHaveScreenshot(); | ^ 37 | }); 38 | } 39 | }; at /__w/mono/mono/output/vue/src/components/button/button.spec.tsx:36:28
test-components / 🧪🎭 - vue:2/3
Process completed with exit code 1.
test-showcases / 🧪🎭 - vue:1/2
Process completed with exit code 1.
[webkit] › default.ts:13:4 › DBInput › should match screenshot: showcases/e2e/default.ts#L40
1) [webkit] › default.ts:13:4 › DBInput › should match screenshot ──────────────────────────────── Error: Screenshot comparison failed: 177 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/input/showcase/webkit/regular/neutral/DBInput-should-match-screenshot.png Received: /__w/mono/mono/showcases/vue-showcase/test-results/input-showcase-input-DBInput-should-match-screenshot-webkit/regular/neutral-actual.png Diff: /__w/mono/mono/showcases/vue-showcase/test-results/input-showcase-input-DBInput-should-match-screenshot-webkit/regular/neutral-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 177 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 - 177 pixels (ratio 0.01 of all image pixels) are different. 38 | ); 39 | await setScrollViewport(page, fixedHeight)(); > 40 | await expect(page).toHaveScreenshot( | ^ 41 | [density, `${color}.png`], 42 | config 43 | ); at /__w/mono/mono/showcases/e2e/default.ts:40:24
[webkit] › default.ts:13:4 › DBInput › should match screenshot: showcases/e2e/default.ts#L40
1) [webkit] › default.ts:13:4 › DBInput › should match screenshot ──────────────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 177 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/input/showcase/webkit/regular/neutral/DBInput-should-match-screenshot.png Received: /__w/mono/mono/showcases/vue-showcase/test-results/input-showcase-input-DBInput-should-match-screenshot-webkit-retry1/regular/neutral-actual.png Diff: /__w/mono/mono/showcases/vue-showcase/test-results/input-showcase-input-DBInput-should-match-screenshot-webkit-retry1/regular/neutral-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 177 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 - 177 pixels (ratio 0.01 of all image pixels) are different. 38 | ); 39 | await setScrollViewport(page, fixedHeight)(); > 40 | await expect(page).toHaveScreenshot( | ^ 41 | [density, `${color}.png`], 42 | config 43 | ); at /__w/mono/mono/showcases/e2e/default.ts:40:24
checks-done
Process completed with exit code 1.
scan-secrets / TruffleHog
Node.js 16 actions are deprecated. Please update the following actions to use Node.js 20: actions/github-script@v6. For more information see: https://github.blog/changelog/2023-09-22-github-actions-transitioning-from-node-16-to-node-20/.
build-showcases / Build Showcases
Node.js 16 actions are deprecated. Please update the following actions to use Node.js 20: actions/github-script@v6. For more information see: https://github.blog/changelog/2023-09-22-github-actions-transitioning-from-node-16-to-node-20/.
test-showcases / 🧪🎭 - react:1/2
No files were found with the provided path: ./showcases/react-showcase/test-results. No artifacts will be uploaded.
Slow Test: output/react/[firefox] › notification/notification.spec.tsx#L1
output/react/[firefox] › notification/notification.spec.tsx took 15.3s
Slow Test: output/vue/[firefox] › notification/notification.spec.tsx#L1
output/vue/[firefox] › notification/notification.spec.tsx took 15.4s
Slow Test: output/vue/[firefox] › infotext/infotext.spec.tsx#L1
output/vue/[firefox] › infotext/infotext.spec.tsx took 15.2s
Slow Test: [firefox] › default.ts#L1
[firefox] › default.ts took 19.5s
Slow Test: [webkit] › default.ts#L1
[webkit] › default.ts took 18.6s
Slow Test: [chromium] › default.ts#L1
[chromium] › default.ts took 18.3s
🎭 Playwright Run Summary
17 failed [mobile_chrome] › accordion/accordion.spec.tsx:23:6 › DBAccordion › should match screenshot ──── [mobile_chrome] › accordion-item/accordion-item.spec.tsx:16:6 › DBAccordionItem › should match screenshot [mobile_chrome] › button/button.spec.tsx:28:7 › DBButton › should only have icon for variant outlined [mobile_chrome] › button/button.spec.tsx:28:7 › DBButton › should only have icon for variant primary [mobile_chrome] › button/button.spec.tsx:28:7 › DBButton › should only have icon for variant solid [mobile_chrome] › button/button.spec.tsx:28:7 › DBButton › should only have icon for variant text [mobile_chrome] › infotext/infotext.spec.tsx:16:6 › DBInfotext › should match screenshot ─────── [mobile_chrome] › infotext/infotext.spec.tsx:24:7 › DBInfotext › should match screenshot for semantic critical [mobile_chrome] › infotext/infotext.spec.tsx:24:7 › DBInfotext › should match screenshot for semantic informational [mobile_chrome] › infotext/infotext.spec.tsx:24:7 › DBInfotext › should match screenshot for semantic warning [mobile_chrome] › infotext/infotext.spec.tsx:24:7 › DBInfotext › should match screenshot for semantic successful [mobile_chrome] › notification/notification.spec.tsx:20:6 › DBNotification › should match screenshot [mobile_chrome] › notification/notification.spec.tsx:28:7 › DBNotification › should match screenshot for semantic critical [mobile_chrome] › notification/notification.spec.tsx:28:7 › DBNotification › should match screenshot for semantic informational [mobile_chrome] › notification/notification.spec.tsx:28:7 › DBNotification › should match screenshot for semantic warning [mobile_chrome] › notification/notification.spec.tsx:28:7 › DBNotification › should match screenshot for semantic successful [mobile_chrome] › select/select.spec.tsx:21:6 › DBSelect › should match screenshot ───────────── 4 skipped 62 passed (53.8s)
🎭 Playwright Run Summary
17 failed [chromium] › accordion/accordion.spec.tsx:23:6 › DBAccordion › should match screenshot ───────── [chromium] › accordion-item/accordion-item.spec.tsx:16:6 › DBAccordionItem › should match screenshot [chromium] › button/button.spec.tsx:28:7 › DBButton › should only have icon for variant outlined [chromium] › button/button.spec.tsx:28:7 › DBButton › should only have icon for variant primary [chromium] › button/button.spec.tsx:28:7 › DBButton › should only have icon for variant solid ── [chromium] › button/button.spec.tsx:28:7 › DBButton › should only have icon for variant text ─── [chromium] › infotext/infotext.spec.tsx:16:6 › DBInfotext › should match screenshot ──────────── [chromium] › infotext/infotext.spec.tsx:24:7 › DBInfotext › should match screenshot for semantic critical [chromium] › infotext/infotext.spec.tsx:24:7 › DBInfotext › should match screenshot for semantic informational [chromium] › infotext/infotext.spec.tsx:24:7 › DBInfotext › should match screenshot for semantic warning [chromium] › infotext/infotext.spec.tsx:24:7 › DBInfotext › should match screenshot for semantic successful [chromium] › notification/notification.spec.tsx:20:6 › DBNotification › should match screenshot [chromium] › notification/notification.spec.tsx:28:7 › DBNotification › should match screenshot for semantic critical [chromium] › notification/notification.spec.tsx:28:7 › DBNotification › should match screenshot for semantic informational [chromium] › notification/notification.spec.tsx:28:7 › DBNotification › should match screenshot for semantic warning [chromium] › notification/notification.spec.tsx:28:7 › DBNotification › should match screenshot for semantic successful [chromium] › select/select.spec.tsx:21:6 › DBSelect › should match screenshot ────────────────── 4 skipped 62 passed (53.2s)
🎭 Playwright Run Summary
17 failed [chromium] › accordion/accordion.spec.tsx:23:2 › DBAccordion › should match screenshot ───────── [chromium] › accordion-item/accordion-item.spec.tsx:16:2 › DBAccordionItem › should match screenshot [chromium] › button/button.spec.tsx:28:3 › DBButton › should only have icon for variant outlined [chromium] › button/button.spec.tsx:28:3 › DBButton › should only have icon for variant primary [chromium] › button/button.spec.tsx:28:3 › DBButton › should only have icon for variant solid ── [chromium] › button/button.spec.tsx:28:3 › DBButton › should only have icon for variant text ─── [chromium] › infotext/infotext.spec.tsx:16:2 › DBInfotext › should match screenshot ──────────── [chromium] › infotext/infotext.spec.tsx:24:3 › DBInfotext › should match screenshot for semantic critical [chromium] › infotext/infotext.spec.tsx:24:3 › DBInfotext › should match screenshot for semantic informational [chromium] › infotext/infotext.spec.tsx:24:3 › DBInfotext › should match screenshot for semantic warning [chromium] › infotext/infotext.spec.tsx:24:3 › DBInfotext › should match screenshot for semantic successful [chromium] › notification/notification.spec.tsx:20:2 › DBNotification › should match screenshot [chromium] › notification/notification.spec.tsx:28:3 › DBNotification › should match screenshot for semantic critical [chromium] › notification/notification.spec.tsx:28:3 › DBNotification › should match screenshot for semantic informational [chromium] › notification/notification.spec.tsx:28:3 › DBNotification › should match screenshot for semantic warning [chromium] › notification/notification.spec.tsx:28:3 › DBNotification › should match screenshot for semantic successful [chromium] › select/select.spec.tsx:21:2 › DBSelect › should match screenshot ────────────────── 4 skipped 62 passed (1.0m)
🎭 Playwright Run Summary
17 failed [mobile_chrome] › accordion/accordion.spec.tsx:23:2 › DBAccordion › should match screenshot ──── [mobile_chrome] › accordion-item/accordion-item.spec.tsx:16:2 › DBAccordionItem › should match screenshot [mobile_chrome] › button/button.spec.tsx:28:3 › DBButton › should only have icon for variant outlined [mobile_chrome] › button/button.spec.tsx:28:3 › DBButton › should only have icon for variant primary [mobile_chrome] › button/button.spec.tsx:28:3 › DBButton › should only have icon for variant solid [mobile_chrome] › button/button.spec.tsx:28:3 › DBButton › should only have icon for variant text [mobile_chrome] › infotext/infotext.spec.tsx:16:2 › DBInfotext › should match screenshot ─────── [mobile_chrome] › infotext/infotext.spec.tsx:24:3 › DBInfotext › should match screenshot for semantic critical [mobile_chrome] › infotext/infotext.spec.tsx:24:3 › DBInfotext › should match screenshot for semantic informational [mobile_chrome] › infotext/infotext.spec.tsx:24:3 › DBInfotext › should match screenshot for semantic warning [mobile_chrome] › infotext/infotext.spec.tsx:24:3 › DBInfotext › should match screenshot for semantic successful [mobile_chrome] › notification/notification.spec.tsx:20:2 › DBNotification › should match screenshot [mobile_chrome] › notification/notification.spec.tsx:28:3 › DBNotification › should match screenshot for semantic critical [mobile_chrome] › notification/notification.spec.tsx:28:3 › DBNotification › should match screenshot for semantic informational [mobile_chrome] › notification/notification.spec.tsx:28:3 › DBNotification › should match screenshot for semantic warning [mobile_chrome] › notification/notification.spec.tsx:28:3 › DBNotification › should match screenshot for semantic successful [mobile_chrome] › select/select.spec.tsx:21:2 › DBSelect › should match screenshot ───────────── 4 skipped 62 passed (1.0m)
🎭 Playwright Run Summary
17 failed [firefox] › accordion/accordion.spec.tsx:23:6 › DBAccordion › should match screenshot ────────── [firefox] › accordion-item/accordion-item.spec.tsx:16:6 › DBAccordionItem › should match screenshot [firefox] › button/button.spec.tsx:28:7 › DBButton › should only have icon for variant outlined [firefox] › button/button.spec.tsx:28:7 › DBButton › should only have icon for variant primary ─ [firefox] › button/button.spec.tsx:28:7 › DBButton › should only have icon for variant solid ─── [firefox] › button/button.spec.tsx:28:7 › DBButton › should only have icon for variant text ──── [firefox] › infotext/infotext.spec.tsx:16:6 › DBInfotext › should match screenshot ───────────── [firefox] › infotext/infotext.spec.tsx:24:7 › DBInfotext › should match screenshot for semantic critical [firefox] › infotext/infotext.spec.tsx:24:7 › DBInfotext › should match screenshot for semantic informational [firefox] › infotext/infotext.spec.tsx:24:7 › DBInfotext › should match screenshot for semantic warning [firefox] › infotext/infotext.spec.tsx:24:7 › DBInfotext › should match screenshot for semantic successful [firefox] › notification/notification.spec.tsx:20:6 › DBNotification › should match screenshot ─ [firefox] › notification/notification.spec.tsx:28:7 › DBNotification › should match screenshot for semantic critical [firefox] › notification/notification.spec.tsx:28:7 › DBNotification › should match screenshot for semantic informational [firefox] › notification/notification.spec.tsx:28:7 › DBNotification › should match screenshot for semantic warning [firefox] › notification/notification.spec.tsx:28:7 › DBNotification › should match screenshot for semantic successful [firefox] › select/select.spec.tsx:21:6 › DBSelect › should match screenshot ─────────────────── 4 skipped 62 passed (2.6m)
🎭 Playwright Run Summary
17 failed [firefox] › accordion/accordion.spec.tsx:23:2 › DBAccordion › should match screenshot ────────── [firefox] › accordion-item/accordion-item.spec.tsx:16:2 › DBAccordionItem › should match screenshot [firefox] › button/button.spec.tsx:28:3 › DBButton › should only have icon for variant outlined [firefox] › button/button.spec.tsx:28:3 › DBButton › should only have icon for variant primary ─ [firefox] › button/button.spec.tsx:28:3 › DBButton › should only have icon for variant solid ─── [firefox] › button/button.spec.tsx:28:3 › DBButton › should only have icon for variant text ──── [firefox] › infotext/infotext.spec.tsx:16:2 › DBInfotext › should match screenshot ───────────── [firefox] › infotext/infotext.spec.tsx:24:3 › DBInfotext › should match screenshot for semantic critical [firefox] › infotext/infotext.spec.tsx:24:3 › DBInfotext › should match screenshot for semantic informational [firefox] › infotext/infotext.spec.tsx:24:3 › DBInfotext › should match screenshot for semantic warning [firefox] › infotext/infotext.spec.tsx:24:3 › DBInfotext › should match screenshot for semantic successful [firefox] › notification/notification.spec.tsx:20:2 › DBNotification › should match screenshot ─ [firefox] › notification/notification.spec.tsx:28:3 › DBNotification › should match screenshot for semantic critical [firefox] › notification/notification.spec.tsx:28:3 › DBNotification › should match screenshot for semantic informational [firefox] › notification/notification.spec.tsx:28:3 › DBNotification › should match screenshot for semantic warning [firefox] › notification/notification.spec.tsx:28:3 › DBNotification › should match screenshot for semantic successful [firefox] › select/select.spec.tsx:21:2 › DBSelect › should match screenshot ─────────────────── 4 skipped 62 passed (2.6m)
🎭 Playwright Run Summary
1 failed [webkit] › default.ts:13:4 › DBInput › should match screenshot ───────────────────────────────── 39 passed (1.0m)

Artifacts

Produced during runtime
Name Size
__snapshots__ Expired
6.62 MB
db-ui-components-build Expired
316 KB
db-ui-foundations-build Expired
85.6 KB
db-ui-output Expired
328 KB
db-ui-outputs Expired
4.95 MB
db-ui-showcases Expired
9.78 MB
foundations-playwright-results Expired
13.1 MB
react-components-playwright-results-1 Expired
2.41 MB
react-components-playwright-results-2 Expired
2.5 MB
react-components-playwright-results-3 Expired
2.42 MB
vue-components-playwright-results-1 Expired
2.41 MB
vue-components-playwright-results-2 Expired
2.51 MB
vue-components-playwright-results-3 Expired
2.42 MB
vue-showcase-playwright-results-1 Expired
1.41 MB