Process completed with exit code 1.

1) [mobile_chrome] › badge/badge.spec.tsx:16:2 › DBBadge › should match screenshot ─────────────── Error: expect(locator).toHaveScreenshot(expected) 31 pixels (ratio 0.07 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/badge/component/mobile-chrome/DBBadge-should-match-screenshot.png Received: /__w/mono/mono/output/vue/test-results/badge-badge-DBBadge-should-match-screenshot-mobile-chrome/DBBadge-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/output/vue/test-results/badge-badge-DBBadge-should-match-screenshot-mobile-chrome/DBBadge-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <span class="db-badge">Test</span> - 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 - 31 pixels (ratio 0.07 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <span class="db-badge">Test</span> - 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 - 31 pixels (ratio 0.07 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 | const testA11y = () => { at /__w/mono/mono/output/vue/src/components/badge/badge.spec.tsx:18:27

1) [mobile_chrome] › badge/badge.spec.tsx:16:2 › DBBadge › should match screenshot ─────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(locator).toHaveScreenshot(expected) 31 pixels (ratio 0.07 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/badge/component/mobile-chrome/DBBadge-should-match-screenshot.png Received: /__w/mono/mono/output/vue/test-results/badge-badge-DBBadge-should-match-screenshot-mobile-chrome-retry1/DBBadge-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/output/vue/test-results/badge-badge-DBBadge-should-match-screenshot-mobile-chrome-retry1/DBBadge-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <span class="db-badge">Test</span> - 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 - 31 pixels (ratio 0.07 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <span class="db-badge">Test</span> - 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 - 31 pixels (ratio 0.07 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 | const testA11y = () => { at /__w/mono/mono/output/vue/src/components/badge/badge.spec.tsx:18:27

2) [mobile_chrome] › tag/tag.spec.tsx:20:2 › DBTag › should match screenshot ───────────────────── Error: expect(locator).toHaveScreenshot(expected) 71 pixels (ratio 0.08 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/tag/component/mobile-chrome/DBTag-should-match-screenshot.png Received: /__w/mono/mono/output/vue/test-results/tag-tag-DBTag-should-match-screenshot-mobile-chrome/DBTag-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/output/vue/test-results/tag-tag-DBTag-should-match-screenshot-mobile-chrome/DBTag-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <div class="db-tag" data-show-check-state="true">…</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 - 71 pixels (ratio 0.08 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <div class="db-tag" data-show-check-state="true">…</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 - 71 pixels (ratio 0.08 of all image pixels) are different. 20 | test('should match screenshot', async ({ mount }) => { 21 | const component = await mount(comp); > 22 | await expect(component).toHaveScreenshot(); | ^ 23 | }); 24 | }; 25 | at /__w/mono/mono/output/vue/src/components/tag/tag.spec.tsx:22:27

2) [mobile_chrome] › tag/tag.spec.tsx:20:2 › DBTag › should match screenshot ───────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(locator).toHaveScreenshot(expected) 71 pixels (ratio 0.08 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/tag/component/mobile-chrome/DBTag-should-match-screenshot.png Received: /__w/mono/mono/output/vue/test-results/tag-tag-DBTag-should-match-screenshot-mobile-chrome-retry1/DBTag-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/output/vue/test-results/tag-tag-DBTag-should-match-screenshot-mobile-chrome-retry1/DBTag-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <div class="db-tag" data-show-check-state="true">…</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 - 71 pixels (ratio 0.08 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <div class="db-tag" data-show-check-state="true">…</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 - 71 pixels (ratio 0.08 of all image pixels) are different. 20 | test('should match screenshot', async ({ mount }) => { 21 | const component = await mount(comp); > 22 | await expect(component).toHaveScreenshot(); | ^ 23 | }); 24 | }; 25 | at /__w/mono/mono/output/vue/src/components/tag/tag.spec.tsx:22:27

3) [mobile_chrome] › tag/tag.spec.tsx:28:3 › DBTag › should match screenshot for semantic critical Error: expect(locator).toHaveScreenshot(expected) 69 pixels (ratio 0.08 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/tag/component/mobile-chrome/DBTag-should-match-screenshot-for-semantic-critical.png Received: /__w/mono/mono/output/vue/test-results/tag-tag-DBTag-should-match-screenshot-for-semantic-critical-mobile-chrome/DBTag-should-match-screenshot-for-semantic-critical-1-actual.png Diff: /__w/mono/mono/output/vue/test-results/tag-tag-DBTag-should-match-screenshot-for-semantic-critical-mobile-chrome/DBTag-should-match-screenshot-for-semantic-critical-1-diff.png Call log: - expect.toHaveScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <div class="db-tag" data-semantic="critical" data-show-check-state="true">…</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 - 69 pixels (ratio 0.08 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <div class="db-tag" data-semantic="critical" data-show-check-state="true">…</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 - 69 pixels (ratio 0.08 of all image pixels) are different. 31 | const variantComp: any = <DBTag semantic={semantic}>Test</DBTag>; 32 | const component = await mount(variantComp); > 33 | await expect(component).toHaveScreenshot(); | ^ 34 | }); 35 | } 36 | }; at /__w/mono/mono/output/vue/src/components/tag/tag.spec.tsx:33:28

3) [mobile_chrome] › tag/tag.spec.tsx:28:3 › DBTag › should match screenshot for semantic critical Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(locator).toHaveScreenshot(expected) 69 pixels (ratio 0.08 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/tag/component/mobile-chrome/DBTag-should-match-screenshot-for-semantic-critical.png Received: /__w/mono/mono/output/vue/test-results/tag-tag-DBTag-should-match-screenshot-for-semantic-critical-mobile-chrome-retry1/DBTag-should-match-screenshot-for-semantic-critical-1-actual.png Diff: /__w/mono/mono/output/vue/test-results/tag-tag-DBTag-should-match-screenshot-for-semantic-critical-mobile-chrome-retry1/DBTag-should-match-screenshot-for-semantic-critical-1-diff.png Call log: - expect.toHaveScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <div class="db-tag" data-semantic="critical" data-show-check-state="true">…</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 - 69 pixels (ratio 0.08 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <div class="db-tag" data-semantic="critical" data-show-check-state="true">…</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 - 69 pixels (ratio 0.08 of all image pixels) are different. 31 | const variantComp: any = <DBTag semantic={semantic}>Test</DBTag>; 32 | const component = await mount(variantComp); > 33 | await expect(component).toHaveScreenshot(); | ^ 34 | }); 35 | } 36 | }; at /__w/mono/mono/output/vue/src/components/tag/tag.spec.tsx:33:28

4) [mobile_chrome] › tag/tag.spec.tsx:28:3 › DBTag › should match screenshot for semantic informational Error: expect(locator).toHaveScreenshot(expected) 68 pixels (ratio 0.08 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/tag/component/mobile-chrome/DBTag-should-match-screenshot-for-semantic-informational.png Received: /__w/mono/mono/output/vue/test-results/tag-tag-DBTag-should-match-4292c--for-semantic-informational-mobile-chrome/DBTag-should-match-screenshot-for-semantic-informational-1-actual.png Diff: /__w/mono/mono/output/vue/test-results/tag-tag-DBTag-should-match-4292c--for-semantic-informational-mobile-chrome/DBTag-should-match-screenshot-for-semantic-informational-1-diff.png Call log: - expect.toHaveScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <div class="db-tag" data-show-check-state="true" data-semantic="informational">…</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 - 68 pixels (ratio 0.08 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <div class="db-tag" data-show-check-state="true" data-semantic="informational">…</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 - 68 pixels (ratio 0.08 of all image pixels) are different. 31 | const variantComp: any = <DBTag semantic={semantic}>Test</DBTag>; 32 | const component = await mount(variantComp); > 33 | await expect(component).toHaveScreenshot(); | ^ 34 | }); 35 | } 36 | }; at /__w/mono/mono/output/vue/src/components/tag/tag.spec.tsx:33:28

4) [mobile_chrome] › tag/tag.spec.tsx:28:3 › DBTag › should match screenshot for semantic informational Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(locator).toHaveScreenshot(expected) 68 pixels (ratio 0.08 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/tag/component/mobile-chrome/DBTag-should-match-screenshot-for-semantic-informational.png Received: /__w/mono/mono/output/vue/test-results/tag-tag-DBTag-should-match-4292c--for-semantic-informational-mobile-chrome-retry1/DBTag-should-match-screenshot-for-semantic-informational-1-actual.png Diff: /__w/mono/mono/output/vue/test-results/tag-tag-DBTag-should-match-4292c--for-semantic-informational-mobile-chrome-retry1/DBTag-should-match-screenshot-for-semantic-informational-1-diff.png Call log: - expect.toHaveScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <div class="db-tag" data-show-check-state="true" data-semantic="informational">…</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 - 68 pixels (ratio 0.08 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <div class="db-tag" data-show-check-state="true" data-semantic="informational">…</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 - 68 pixels (ratio 0.08 of all image pixels) are different. 31 | const variantComp: any = <DBTag semantic={semantic}>Test</DBTag>; 32 | const component = await mount(variantComp); > 33 | await expect(component).toHaveScreenshot(); | ^ 34 | }); 35 | } 36 | }; at /__w/mono/mono/output/vue/src/components/tag/tag.spec.tsx:33:28

5) [mobile_chrome] › tag/tag.spec.tsx:28:3 › DBTag › should match screenshot for semantic warning Error: expect(locator).toHaveScreenshot(expected) 74 pixels (ratio 0.08 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/tag/component/mobile-chrome/DBTag-should-match-screenshot-for-semantic-warning.png Received: /__w/mono/mono/output/vue/test-results/tag-tag-DBTag-should-match-screenshot-for-semantic-warning-mobile-chrome/DBTag-should-match-screenshot-for-semantic-warning-1-actual.png Diff: /__w/mono/mono/output/vue/test-results/tag-tag-DBTag-should-match-screenshot-for-semantic-warning-mobile-chrome/DBTag-should-match-screenshot-for-semantic-warning-1-diff.png Call log: - expect.toHaveScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <div class="db-tag" data-semantic="warning" data-show-check-state="true">…</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 - 74 pixels (ratio 0.08 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <div class="db-tag" data-semantic="warning" data-show-check-state="true">…</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 - 74 pixels (ratio 0.08 of all image pixels) are different. 31 | const variantComp: any = <DBTag semantic={semantic}>Test</DBTag>; 32 | const component = await mount(variantComp); > 33 | await expect(component).toHaveScreenshot(); | ^ 34 | }); 35 | } 36 | }; at /__w/mono/mono/output/vue/src/components/tag/tag.spec.tsx:33:28

5) [mobile_chrome] › tag/tag.spec.tsx:28:3 › DBTag › should match screenshot for semantic warning Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(locator).toHaveScreenshot(expected) 74 pixels (ratio 0.08 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/tag/component/mobile-chrome/DBTag-should-match-screenshot-for-semantic-warning.png Received: /__w/mono/mono/output/vue/test-results/tag-tag-DBTag-should-match-screenshot-for-semantic-warning-mobile-chrome-retry1/DBTag-should-match-screenshot-for-semantic-warning-1-actual.png Diff: /__w/mono/mono/output/vue/test-results/tag-tag-DBTag-should-match-screenshot-for-semantic-warning-mobile-chrome-retry1/DBTag-should-match-screenshot-for-semantic-warning-1-diff.png Call log: - expect.toHaveScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <div class="db-tag" data-semantic="warning" data-show-check-state="true">…</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 - 74 pixels (ratio 0.08 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <div class="db-tag" data-semantic="warning" data-show-check-state="true">…</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 - 74 pixels (ratio 0.08 of all image pixels) are different. 31 | const variantComp: any = <DBTag semantic={semantic}>Test</DBTag>; 32 | const component = await mount(variantComp); > 33 | await expect(component).toHaveScreenshot(); | ^ 34 | }); 35 | } 36 | }; at /__w/mono/mono/output/vue/src/components/tag/tag.spec.tsx:33:28