1) [chromium] › src/components/tag/tag.spec.tsx:20:6 › DBTag › should match screenshot ─────────── Error: expect(locator).toHaveScreenshot(expected) 98 pixels (ratio 0.11 of all image pixels) are different. Expected: /__w/core-web/core-web/__snapshots__/tag/component/chromium/DBTag-should-match-screenshot.png Received: /__w/core-web/core-web/output/react/test-results/tag-tag-DBTag-should-match-screenshot-chromium/DBTag-should-match-screenshot-1-actual.png Diff: /__w/core-web/core-web/output/react/test-results/tag-tag-DBTag-should-match-screenshot-chromium/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">Test</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 - 98 pixels (ratio 0.11 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">Test</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 - 98 pixels (ratio 0.11 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/core-web/core-web/output/react/src/components/tag/tag.spec.tsx:22:27

1) [chromium] › src/components/tag/tag.spec.tsx:20:6 › DBTag › should match screenshot ─────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(locator).toHaveScreenshot(expected) 98 pixels (ratio 0.11 of all image pixels) are different. Expected: /__w/core-web/core-web/__snapshots__/tag/component/chromium/DBTag-should-match-screenshot.png Received: /__w/core-web/core-web/output/react/test-results/tag-tag-DBTag-should-match-screenshot-chromium-retry1/DBTag-should-match-screenshot-1-actual.png Diff: /__w/core-web/core-web/output/react/test-results/tag-tag-DBTag-should-match-screenshot-chromium-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">Test</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 - 98 pixels (ratio 0.11 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">Test</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 - 98 pixels (ratio 0.11 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/core-web/core-web/output/react/src/components/tag/tag.spec.tsx:22:27

2) [chromium] › src/components/tag/tag.spec.tsx:66:6 › DBTag › should be a button ──────────────── Error: expect(locator).toHaveScreenshot(expected) 98 pixels (ratio 0.11 of all image pixels) are different. Expected: /__w/core-web/core-web/__snapshots__/tag/component/chromium/DBTag-should-be-a-button.png Received: /__w/core-web/core-web/output/react/test-results/tag-tag-DBTag-should-be-a-button-chromium/DBTag-should-be-a-button-1-actual.png Diff: /__w/core-web/core-web/output/react/test-results/tag-tag-DBTag-should-be-a-button-chromium/DBTag-should-be-a-button-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 - 98 pixels (ratio 0.11 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 - 98 pixels (ratio 0.11 of all image pixels) are different. 71 | ); 72 | const component = await mount(buttonTag); > 73 | await expect(component).toHaveScreenshot(); | ^ 74 | }); 75 | 76 | test('should be a link', async ({ mount }) => { at /__w/core-web/core-web/output/react/src/components/tag/tag.spec.tsx:73:27

2) [chromium] › src/components/tag/tag.spec.tsx:66:6 › DBTag › should be a button ──────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(locator).toHaveScreenshot(expected) 98 pixels (ratio 0.11 of all image pixels) are different. Expected: /__w/core-web/core-web/__snapshots__/tag/component/chromium/DBTag-should-be-a-button.png Received: /__w/core-web/core-web/output/react/test-results/tag-tag-DBTag-should-be-a-button-chromium-retry1/DBTag-should-be-a-button-1-actual.png Diff: /__w/core-web/core-web/output/react/test-results/tag-tag-DBTag-should-be-a-button-chromium-retry1/DBTag-should-be-a-button-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 - 98 pixels (ratio 0.11 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 - 98 pixels (ratio 0.11 of all image pixels) are different. 71 | ); 72 | const component = await mount(buttonTag); > 73 | await expect(component).toHaveScreenshot(); | ^ 74 | }); 75 | 76 | test('should be a link', async ({ mount }) => { at /__w/core-web/core-web/output/react/src/components/tag/tag.spec.tsx:73:27

3) [chromium] › src/components/tag/tag.spec.tsx:76:6 › DBTag › should be a link ────────────────── Error: expect(locator).toHaveScreenshot(expected) 98 pixels (ratio 0.11 of all image pixels) are different. Expected: /__w/core-web/core-web/__snapshots__/tag/component/chromium/DBTag-should-be-a-link.png Received: /__w/core-web/core-web/output/react/test-results/tag-tag-DBTag-should-be-a-link-chromium/DBTag-should-be-a-link-1-actual.png Diff: /__w/core-web/core-web/output/react/test-results/tag-tag-DBTag-should-be-a-link-chromium/DBTag-should-be-a-link-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 - 98 pixels (ratio 0.11 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 - 98 pixels (ratio 0.11 of all image pixels) are different. 81 | ); 82 | const component = await mount(tag); > 83 | await expect(component).toHaveScreenshot(); | ^ 84 | }); 85 | 86 | test('should be a radio', async ({ mount }) => { at /__w/core-web/core-web/output/react/src/components/tag/tag.spec.tsx:83:27

3) [chromium] › src/components/tag/tag.spec.tsx:76:6 › DBTag › should be a link ────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(locator).toHaveScreenshot(expected) 98 pixels (ratio 0.11 of all image pixels) are different. Expected: /__w/core-web/core-web/__snapshots__/tag/component/chromium/DBTag-should-be-a-link.png Received: /__w/core-web/core-web/output/react/test-results/tag-tag-DBTag-should-be-a-link-chromium-retry1/DBTag-should-be-a-link-1-actual.png Diff: /__w/core-web/core-web/output/react/test-results/tag-tag-DBTag-should-be-a-link-chromium-retry1/DBTag-should-be-a-link-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 - 98 pixels (ratio 0.11 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 - 98 pixels (ratio 0.11 of all image pixels) are different. 81 | ); 82 | const component = await mount(tag); > 83 | await expect(component).toHaveScreenshot(); | ^ 84 | }); 85 | 86 | test('should be a radio', async ({ mount }) => { at /__w/core-web/core-web/output/react/src/components/tag/tag.spec.tsx:83:27

4) [chromium] › src/components/tag/tag.spec.tsx:86:6 › DBTag › should be a radio ───────────────── Error: expect(locator).toHaveScreenshot(expected) 154 pixels (ratio 0.10 of all image pixels) are different. Expected: /__w/core-web/core-web/__snapshots__/tag/component/chromium/DBTag-should-be-a-radio.png Received: /__w/core-web/core-web/output/react/test-results/tag-tag-DBTag-should-be-a-radio-chromium/DBTag-should-be-a-radio-1-actual.png Diff: /__w/core-web/core-web/output/react/test-results/tag-tag-DBTag-should-be-a-radio-chromium/DBTag-should-be-a-radio-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 - 154 pixels (ratio 0.10 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 - 154 pixels (ratio 0.10 of all image pixels) are different. 91 | ); 92 | const component = await mount(tag); > 93 | await expect(component).toHaveScreenshot(); | ^ 94 | }); 95 | 96 | test('should be a radio checked', async ({ mount }) => { at /__w/core-web/core-web/output/react/src/components/tag/tag.spec.tsx:93:27

4) [chromium] › src/components/tag/tag.spec.tsx:86:6 › DBTag › should be a radio ───────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(locator).toHaveScreenshot(expected) 154 pixels (ratio 0.10 of all image pixels) are different. Expected: /__w/core-web/core-web/__snapshots__/tag/component/chromium/DBTag-should-be-a-radio.png Received: /__w/core-web/core-web/output/react/test-results/tag-tag-DBTag-should-be-a-radio-chromium-retry1/DBTag-should-be-a-radio-1-actual.png Diff: /__w/core-web/core-web/output/react/test-results/tag-tag-DBTag-should-be-a-radio-chromium-retry1/DBTag-should-be-a-radio-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 - 154 pixels (ratio 0.10 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 - 154 pixels (ratio 0.10 of all image pixels) are different. 91 | ); 92 | const component = await mount(tag); > 93 | await expect(component).toHaveScreenshot(); | ^ 94 | }); 95 | 96 | test('should be a radio checked', async ({ mount }) => { at /__w/core-web/core-web/output/react/src/components/tag/tag.spec.tsx:93:27

5) [chromium] › src/components/tag/tag.spec.tsx:107:6 › DBTag › should be a checkbox ───────────── Error: expect(locator).toHaveScreenshot(expected) 154 pixels (ratio 0.10 of all image pixels) are different. Expected: /__w/core-web/core-web/__snapshots__/tag/component/chromium/DBTag-should-be-a-checkbox.png Received: /__w/core-web/core-web/output/react/test-results/tag-tag-DBTag-should-be-a-checkbox-chromium/DBTag-should-be-a-checkbox-1-actual.png Diff: /__w/core-web/core-web/output/react/test-results/tag-tag-DBTag-should-be-a-checkbox-chromium/DBTag-should-be-a-checkbox-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 - 154 pixels (ratio 0.10 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 - 154 pixels (ratio 0.10 of all image pixels) are different. 112 | ); 113 | const component = await mount(tag); > 114 | await expect(component).toHaveScreenshot(); | ^ 115 | }); 116 | 117 | test('should be a checkbox checked', async ({ mount }) => { at /__w/core-web/core-web/output/react/src/components/tag/tag.spec.tsx:114:27

5) [chromium] › src/components/tag/tag.spec.tsx:107:6 › DBTag › should be a checkbox ───────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(locator).toHaveScreenshot(expected) 154 pixels (ratio 0.10 of all image pixels) are different. Expected: /__w/core-web/core-web/__snapshots__/tag/component/chromium/DBTag-should-be-a-checkbox.png Received: /__w/core-web/core-web/output/react/test-results/tag-tag-DBTag-should-be-a-checkbox-chromium-retry1/DBTag-should-be-a-checkbox-1-actual.png Diff: /__w/core-web/core-web/output/react/test-results/tag-tag-DBTag-should-be-a-checkbox-chromium-retry1/DBTag-should-be-a-checkbox-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 - 154 pixels (ratio 0.10 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 - 154 pixels (ratio 0.10 of all image pixels) are different. 112 | ); 113 | const component = await mount(tag); > 114 | await expect(component).toHaveScreenshot(); | ^ 115 | }); 116 | 117 | test('should be a checkbox checked', async ({ mount }) => { at /__w/core-web/core-web/output/react/src/components/tag/tag.spec.tsx:114:27

Process completed with exit code 1.

1) [mobile_chrome] › src/components/tag/tag.spec.tsx:20:6 › DBTag › should match screenshot ────── Error: expect(locator).toHaveScreenshot(expected) 98 pixels (ratio 0.11 of all image pixels) are different. Expected: /__w/core-web/core-web/__snapshots__/tag/component/mobile-chrome/DBTag-should-match-screenshot.png Received: /__w/core-web/core-web/output/react/test-results/tag-tag-DBTag-should-match-screenshot-mobile-chrome/DBTag-should-match-screenshot-1-actual.png Diff: /__w/core-web/core-web/output/react/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">Test</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 - 98 pixels (ratio 0.11 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">Test</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 - 98 pixels (ratio 0.11 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/core-web/core-web/output/react/src/components/tag/tag.spec.tsx:22:27

1) [mobile_chrome] › src/components/tag/tag.spec.tsx:20:6 › DBTag › should match screenshot ────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(locator).toHaveScreenshot(expected) 98 pixels (ratio 0.11 of all image pixels) are different. Expected: /__w/core-web/core-web/__snapshots__/tag/component/mobile-chrome/DBTag-should-match-screenshot.png Received: /__w/core-web/core-web/output/react/test-results/tag-tag-DBTag-should-match-screenshot-mobile-chrome-retry1/DBTag-should-match-screenshot-1-actual.png Diff: /__w/core-web/core-web/output/react/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">Test</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 - 98 pixels (ratio 0.11 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">Test</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 - 98 pixels (ratio 0.11 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/core-web/core-web/output/react/src/components/tag/tag.spec.tsx:22:27

2) [mobile_chrome] › src/components/tag/tag.spec.tsx:66:6 › DBTag › should be a button ─────────── Error: expect(locator).toHaveScreenshot(expected) 98 pixels (ratio 0.11 of all image pixels) are different. Expected: /__w/core-web/core-web/__snapshots__/tag/component/mobile-chrome/DBTag-should-be-a-button.png Received: /__w/core-web/core-web/output/react/test-results/tag-tag-DBTag-should-be-a-button-mobile-chrome/DBTag-should-be-a-button-1-actual.png Diff: /__w/core-web/core-web/output/react/test-results/tag-tag-DBTag-should-be-a-button-mobile-chrome/DBTag-should-be-a-button-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 - 98 pixels (ratio 0.11 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 - 98 pixels (ratio 0.11 of all image pixels) are different. 71 | ); 72 | const component = await mount(buttonTag); > 73 | await expect(component).toHaveScreenshot(); | ^ 74 | }); 75 | 76 | test('should be a link', async ({ mount }) => { at /__w/core-web/core-web/output/react/src/components/tag/tag.spec.tsx:73:27

2) [mobile_chrome] › src/components/tag/tag.spec.tsx:66:6 › DBTag › should be a button ─────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(locator).toHaveScreenshot(expected) 98 pixels (ratio 0.11 of all image pixels) are different. Expected: /__w/core-web/core-web/__snapshots__/tag/component/mobile-chrome/DBTag-should-be-a-button.png Received: /__w/core-web/core-web/output/react/test-results/tag-tag-DBTag-should-be-a-button-mobile-chrome-retry1/DBTag-should-be-a-button-1-actual.png Diff: /__w/core-web/core-web/output/react/test-results/tag-tag-DBTag-should-be-a-button-mobile-chrome-retry1/DBTag-should-be-a-button-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 - 98 pixels (ratio 0.11 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 - 98 pixels (ratio 0.11 of all image pixels) are different. 71 | ); 72 | const component = await mount(buttonTag); > 73 | await expect(component).toHaveScreenshot(); | ^ 74 | }); 75 | 76 | test('should be a link', async ({ mount }) => { at /__w/core-web/core-web/output/react/src/components/tag/tag.spec.tsx:73:27

3) [mobile_chrome] › src/components/tag/tag.spec.tsx:76:6 › DBTag › should be a link ───────────── Error: expect(locator).toHaveScreenshot(expected) 98 pixels (ratio 0.11 of all image pixels) are different. Expected: /__w/core-web/core-web/__snapshots__/tag/component/mobile-chrome/DBTag-should-be-a-link.png Received: /__w/core-web/core-web/output/react/test-results/tag-tag-DBTag-should-be-a-link-mobile-chrome/DBTag-should-be-a-link-1-actual.png Diff: /__w/core-web/core-web/output/react/test-results/tag-tag-DBTag-should-be-a-link-mobile-chrome/DBTag-should-be-a-link-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 - 98 pixels (ratio 0.11 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 - 98 pixels (ratio 0.11 of all image pixels) are different. 81 | ); 82 | const component = await mount(tag); > 83 | await expect(component).toHaveScreenshot(); | ^ 84 | }); 85 | 86 | test('should be a radio', async ({ mount }) => { at /__w/core-web/core-web/output/react/src/components/tag/tag.spec.tsx:83:27

3) [mobile_chrome] › src/components/tag/tag.spec.tsx:76:6 › DBTag › should be a link ───────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(locator).toHaveScreenshot(expected) 98 pixels (ratio 0.11 of all image pixels) are different. Expected: /__w/core-web/core-web/__snapshots__/tag/component/mobile-chrome/DBTag-should-be-a-link.png Received: /__w/core-web/core-web/output/react/test-results/tag-tag-DBTag-should-be-a-link-mobile-chrome-retry1/DBTag-should-be-a-link-1-actual.png Diff: /__w/core-web/core-web/output/react/test-results/tag-tag-DBTag-should-be-a-link-mobile-chrome-retry1/DBTag-should-be-a-link-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 - 98 pixels (ratio 0.11 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 - 98 pixels (ratio 0.11 of all image pixels) are different. 81 | ); 82 | const component = await mount(tag); > 83 | await expect(component).toHaveScreenshot(); | ^ 84 | }); 85 | 86 | test('should be a radio', async ({ mount }) => { at /__w/core-web/core-web/output/react/src/components/tag/tag.spec.tsx:83:27

4) [mobile_chrome] › src/components/tag/tag.spec.tsx:86:6 › DBTag › should be a radio ──────────── Error: expect(locator).toHaveScreenshot(expected) 154 pixels (ratio 0.10 of all image pixels) are different. Expected: /__w/core-web/core-web/__snapshots__/tag/component/mobile-chrome/DBTag-should-be-a-radio.png Received: /__w/core-web/core-web/output/react/test-results/tag-tag-DBTag-should-be-a-radio-mobile-chrome/DBTag-should-be-a-radio-1-actual.png Diff: /__w/core-web/core-web/output/react/test-results/tag-tag-DBTag-should-be-a-radio-mobile-chrome/DBTag-should-be-a-radio-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 - 154 pixels (ratio 0.10 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 - 154 pixels (ratio 0.10 of all image pixels) are different. 91 | ); 92 | const component = await mount(tag); > 93 | await expect(component).toHaveScreenshot(); | ^ 94 | }); 95 | 96 | test('should be a radio checked', async ({ mount }) => { at /__w/core-web/core-web/output/react/src/components/tag/tag.spec.tsx:93:27

4) [mobile_chrome] › src/components/tag/tag.spec.tsx:86:6 › DBTag › should be a radio ──────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(locator).toHaveScreenshot(expected) 154 pixels (ratio 0.10 of all image pixels) are different. Expected: /__w/core-web/core-web/__snapshots__/tag/component/mobile-chrome/DBTag-should-be-a-radio.png Received: /__w/core-web/core-web/output/react/test-results/tag-tag-DBTag-should-be-a-radio-mobile-chrome-retry1/DBTag-should-be-a-radio-1-actual.png Diff: /__w/core-web/core-web/output/react/test-results/tag-tag-DBTag-should-be-a-radio-mobile-chrome-retry1/DBTag-should-be-a-radio-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 - 154 pixels (ratio 0.10 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 - 154 pixels (ratio 0.10 of all image pixels) are different. 91 | ); 92 | const component = await mount(tag); > 93 | await expect(component).toHaveScreenshot(); | ^ 94 | }); 95 | 96 | test('should be a radio checked', async ({ mount }) => { at /__w/core-web/core-web/output/react/src/components/tag/tag.spec.tsx:93:27

5) [mobile_chrome] › src/components/tag/tag.spec.tsx:107:6 › DBTag › should be a checkbox ──────── Error: expect(locator).toHaveScreenshot(expected) 154 pixels (ratio 0.10 of all image pixels) are different. Expected: /__w/core-web/core-web/__snapshots__/tag/component/mobile-chrome/DBTag-should-be-a-checkbox.png Received: /__w/core-web/core-web/output/react/test-results/tag-tag-DBTag-should-be-a-checkbox-mobile-chrome/DBTag-should-be-a-checkbox-1-actual.png Diff: /__w/core-web/core-web/output/react/test-results/tag-tag-DBTag-should-be-a-checkbox-mobile-chrome/DBTag-should-be-a-checkbox-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 - 154 pixels (ratio 0.10 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 - 154 pixels (ratio 0.10 of all image pixels) are different. 112 | ); 113 | const component = await mount(tag); > 114 | await expect(component).toHaveScreenshot(); | ^ 115 | }); 116 | 117 | test('should be a checkbox checked', async ({ mount }) => { at /__w/core-web/core-web/output/react/src/components/tag/tag.spec.tsx:114:27

5) [mobile_chrome] › src/components/tag/tag.spec.tsx:107:6 › DBTag › should be a checkbox ──────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(locator).toHaveScreenshot(expected) 154 pixels (ratio 0.10 of all image pixels) are different. Expected: /__w/core-web/core-web/__snapshots__/tag/component/mobile-chrome/DBTag-should-be-a-checkbox.png Received: /__w/core-web/core-web/output/react/test-results/tag-tag-DBTag-should-be-a-checkbox-mobile-chrome-retry1/DBTag-should-be-a-checkbox-1-actual.png Diff: /__w/core-web/core-web/output/react/test-results/tag-tag-DBTag-should-be-a-checkbox-mobile-chrome-retry1/DBTag-should-be-a-checkbox-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 - 154 pixels (ratio 0.10 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 - 154 pixels (ratio 0.10 of all image pixels) are different. 112 | ); 113 | const component = await mount(tag); > 114 | await expect(component).toHaveScreenshot(); | ^ 115 | }); 116 | 117 | test('should be a checkbox checked', async ({ mount }) => { at /__w/core-web/core-web/output/react/src/components/tag/tag.spec.tsx:114:27

Process completed with exit code 1.

Process completed with exit code 1.

1) [mobile_chrome] › src/components/tag/tag.spec.tsx:20:2 › DBTag › should match screenshot ────── Error: expect(locator).toHaveScreenshot(expected) 98 pixels (ratio 0.11 of all image pixels) are different. Expected: /__w/core-web/core-web/__snapshots__/tag/component/mobile-chrome/DBTag-should-match-screenshot.png Received: /__w/core-web/core-web/output/vue/test-results/tag-tag-DBTag-should-match-screenshot-mobile-chrome/DBTag-should-match-screenshot-1-actual.png Diff: /__w/core-web/core-web/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 - 98 pixels (ratio 0.11 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 - 98 pixels (ratio 0.11 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/core-web/core-web/output/vue/src/components/tag/tag.spec.tsx:22:27

1) [mobile_chrome] › src/components/tag/tag.spec.tsx:20:2 › DBTag › should match screenshot ────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(locator).toHaveScreenshot(expected) 98 pixels (ratio 0.11 of all image pixels) are different. Expected: /__w/core-web/core-web/__snapshots__/tag/component/mobile-chrome/DBTag-should-match-screenshot.png Received: /__w/core-web/core-web/output/vue/test-results/tag-tag-DBTag-should-match-screenshot-mobile-chrome-retry1/DBTag-should-match-screenshot-1-actual.png Diff: /__w/core-web/core-web/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 - 98 pixels (ratio 0.11 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 - 98 pixels (ratio 0.11 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/core-web/core-web/output/vue/src/components/tag/tag.spec.tsx:22:27

2) [mobile_chrome] › src/components/tag/tag.spec.tsx:66:2 › DBTag › should be a button ─────────── Error: expect(locator).toHaveScreenshot(expected) 98 pixels (ratio 0.11 of all image pixels) are different. Expected: /__w/core-web/core-web/__snapshots__/tag/component/mobile-chrome/DBTag-should-be-a-button.png Received: /__w/core-web/core-web/output/vue/test-results/tag-tag-DBTag-should-be-a-button-mobile-chrome/DBTag-should-be-a-button-1-actual.png Diff: /__w/core-web/core-web/output/vue/test-results/tag-tag-DBTag-should-be-a-button-mobile-chrome/DBTag-should-be-a-button-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 - 98 pixels (ratio 0.11 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 - 98 pixels (ratio 0.11 of all image pixels) are different. 71 | ); 72 | const component = await mount(buttonTag); > 73 | await expect(component).toHaveScreenshot(); | ^ 74 | }); 75 | 76 | test('should be a link', async ({ mount }) => { at /__w/core-web/core-web/output/vue/src/components/tag/tag.spec.tsx:73:27

2) [mobile_chrome] › src/components/tag/tag.spec.tsx:66:2 › DBTag › should be a button ─────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(locator).toHaveScreenshot(expected) 98 pixels (ratio 0.11 of all image pixels) are different. Expected: /__w/core-web/core-web/__snapshots__/tag/component/mobile-chrome/DBTag-should-be-a-button.png Received: /__w/core-web/core-web/output/vue/test-results/tag-tag-DBTag-should-be-a-button-mobile-chrome-retry1/DBTag-should-be-a-button-1-actual.png Diff: /__w/core-web/core-web/output/vue/test-results/tag-tag-DBTag-should-be-a-button-mobile-chrome-retry1/DBTag-should-be-a-button-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 - 98 pixels (ratio 0.11 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 - 98 pixels (ratio 0.11 of all image pixels) are different. 71 | ); 72 | const component = await mount(buttonTag); > 73 | await expect(component).toHaveScreenshot(); | ^ 74 | }); 75 | 76 | test('should be a link', async ({ mount }) => { at /__w/core-web/core-web/output/vue/src/components/tag/tag.spec.tsx:73:27

3) [mobile_chrome] › src/components/tag/tag.spec.tsx:76:2 › DBTag › should be a link ───────────── Error: expect(locator).toHaveScreenshot(expected) 98 pixels (ratio 0.11 of all image pixels) are different. Expected: /__w/core-web/core-web/__snapshots__/tag/component/mobile-chrome/DBTag-should-be-a-link.png Received: /__w/core-web/core-web/output/vue/test-results/tag-tag-DBTag-should-be-a-link-mobile-chrome/DBTag-should-be-a-link-1-actual.png Diff: /__w/core-web/core-web/output/vue/test-results/tag-tag-DBTag-should-be-a-link-mobile-chrome/DBTag-should-be-a-link-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 - 98 pixels (ratio 0.11 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 - 98 pixels (ratio 0.11 of all image pixels) are different. 81 | ); 82 | const component = await mount(tag); > 83 | await expect(component).toHaveScreenshot(); | ^ 84 | }); 85 | 86 | test('should be a radio', async ({ mount }) => { at /__w/core-web/core-web/output/vue/src/components/tag/tag.spec.tsx:83:27

3) [mobile_chrome] › src/components/tag/tag.spec.tsx:76:2 › DBTag › should be a link ───────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(locator).toHaveScreenshot(expected) 98 pixels (ratio 0.11 of all image pixels) are different. Expected: /__w/core-web/core-web/__snapshots__/tag/component/mobile-chrome/DBTag-should-be-a-link.png Received: /__w/core-web/core-web/output/vue/test-results/tag-tag-DBTag-should-be-a-link-mobile-chrome-retry1/DBTag-should-be-a-link-1-actual.png Diff: /__w/core-web/core-web/output/vue/test-results/tag-tag-DBTag-should-be-a-link-mobile-chrome-retry1/DBTag-should-be-a-link-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 - 98 pixels (ratio 0.11 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 - 98 pixels (ratio 0.11 of all image pixels) are different. 81 | ); 82 | const component = await mount(tag); > 83 | await expect(component).toHaveScreenshot(); | ^ 84 | }); 85 | 86 | test('should be a radio', async ({ mount }) => { at /__w/core-web/core-web/output/vue/src/components/tag/tag.spec.tsx:83:27

4) [mobile_chrome] › src/components/tag/tag.spec.tsx:86:2 › DBTag › should be a radio ──────────── Error: expect(locator).toHaveScreenshot(expected) 154 pixels (ratio 0.10 of all image pixels) are different. Expected: /__w/core-web/core-web/__snapshots__/tag/component/mobile-chrome/DBTag-should-be-a-radio.png Received: /__w/core-web/core-web/output/vue/test-results/tag-tag-DBTag-should-be-a-radio-mobile-chrome/DBTag-should-be-a-radio-1-actual.png Diff: /__w/core-web/core-web/output/vue/test-results/tag-tag-DBTag-should-be-a-radio-mobile-chrome/DBTag-should-be-a-radio-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 - 154 pixels (ratio 0.10 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 - 154 pixels (ratio 0.10 of all image pixels) are different. 91 | ); 92 | const component = await mount(tag); > 93 | await expect(component).toHaveScreenshot(); | ^ 94 | }); 95 | 96 | test('should be a radio checked', async ({ mount }) => { at /__w/core-web/core-web/output/vue/src/components/tag/tag.spec.tsx:93:27

4) [mobile_chrome] › src/components/tag/tag.spec.tsx:86:2 › DBTag › should be a radio ──────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(locator).toHaveScreenshot(expected) 154 pixels (ratio 0.10 of all image pixels) are different. Expected: /__w/core-web/core-web/__snapshots__/tag/component/mobile-chrome/DBTag-should-be-a-radio.png Received: /__w/core-web/core-web/output/vue/test-results/tag-tag-DBTag-should-be-a-radio-mobile-chrome-retry1/DBTag-should-be-a-radio-1-actual.png Diff: /__w/core-web/core-web/output/vue/test-results/tag-tag-DBTag-should-be-a-radio-mobile-chrome-retry1/DBTag-should-be-a-radio-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 - 154 pixels (ratio 0.10 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 - 154 pixels (ratio 0.10 of all image pixels) are different. 91 | ); 92 | const component = await mount(tag); > 93 | await expect(component).toHaveScreenshot(); | ^ 94 | }); 95 | 96 | test('should be a radio checked', async ({ mount }) => { at /__w/core-web/core-web/output/vue/src/components/tag/tag.spec.tsx:93:27

5) [mobile_chrome] › src/components/tag/tag.spec.tsx:107:2 › DBTag › should be a checkbox ──────── Error: expect(locator).toHaveScreenshot(expected) 154 pixels (ratio 0.10 of all image pixels) are different. Expected: /__w/core-web/core-web/__snapshots__/tag/component/mobile-chrome/DBTag-should-be-a-checkbox.png Received: /__w/core-web/core-web/output/vue/test-results/tag-tag-DBTag-should-be-a-checkbox-mobile-chrome/DBTag-should-be-a-checkbox-1-actual.png Diff: /__w/core-web/core-web/output/vue/test-results/tag-tag-DBTag-should-be-a-checkbox-mobile-chrome/DBTag-should-be-a-checkbox-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 - 154 pixels (ratio 0.10 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 - 154 pixels (ratio 0.10 of all image pixels) are different. 112 | ); 113 | const component = await mount(tag); > 114 | await expect(component).toHaveScreenshot(); | ^ 115 | }); 116 | 117 | test('should be a checkbox checked', async ({ mount }) => { at /__w/core-web/core-web/output/vue/src/components/tag/tag.spec.tsx:114:27

5) [mobile_chrome] › src/components/tag/tag.spec.tsx:107:2 › DBTag › should be a checkbox ──────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(locator).toHaveScreenshot(expected) 154 pixels (ratio 0.10 of all image pixels) are different. Expected: /__w/core-web/core-web/__snapshots__/tag/component/mobile-chrome/DBTag-should-be-a-checkbox.png Received: /__w/core-web/core-web/output/vue/test-results/tag-tag-DBTag-should-be-a-checkbox-mobile-chrome-retry1/DBTag-should-be-a-checkbox-1-actual.png Diff: /__w/core-web/core-web/output/vue/test-results/tag-tag-DBTag-should-be-a-checkbox-mobile-chrome-retry1/DBTag-should-be-a-checkbox-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 - 154 pixels (ratio 0.10 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 - 154 pixels (ratio 0.10 of all image pixels) are different. 112 | ); 113 | const component = await mount(tag); > 114 | await expect(component).toHaveScreenshot(); | ^ 115 | }); 116 | 117 | test('should be a checkbox checked', async ({ mount }) => { at /__w/core-web/core-web/output/vue/src/components/tag/tag.spec.tsx:114:27

Process completed with exit code 1.

1) [chromium] › src/components/tag/tag.spec.tsx:20:2 › DBTag › should match screenshot ─────────── Error: expect(locator).toHaveScreenshot(expected) 98 pixels (ratio 0.11 of all image pixels) are different. Expected: /__w/core-web/core-web/__snapshots__/tag/component/chromium/DBTag-should-match-screenshot.png Received: /__w/core-web/core-web/output/vue/test-results/tag-tag-DBTag-should-match-screenshot-chromium/DBTag-should-match-screenshot-1-actual.png Diff: /__w/core-web/core-web/output/vue/test-results/tag-tag-DBTag-should-match-screenshot-chromium/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 - 98 pixels (ratio 0.11 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 - 98 pixels (ratio 0.11 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/core-web/core-web/output/vue/src/components/tag/tag.spec.tsx:22:27

1) [chromium] › src/components/tag/tag.spec.tsx:20:2 › DBTag › should match screenshot ─────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(locator).toHaveScreenshot(expected) 98 pixels (ratio 0.11 of all image pixels) are different. Expected: /__w/core-web/core-web/__snapshots__/tag/component/chromium/DBTag-should-match-screenshot.png Received: /__w/core-web/core-web/output/vue/test-results/tag-tag-DBTag-should-match-screenshot-chromium-retry1/DBTag-should-match-screenshot-1-actual.png Diff: /__w/core-web/core-web/output/vue/test-results/tag-tag-DBTag-should-match-screenshot-chromium-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 - 98 pixels (ratio 0.11 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 - 98 pixels (ratio 0.11 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/core-web/core-web/output/vue/src/components/tag/tag.spec.tsx:22:27

2) [chromium] › src/components/tag/tag.spec.tsx:66:2 › DBTag › should be a button ──────────────── Error: expect(locator).toHaveScreenshot(expected) 98 pixels (ratio 0.11 of all image pixels) are different. Expected: /__w/core-web/core-web/__snapshots__/tag/component/chromium/DBTag-should-be-a-button.png Received: /__w/core-web/core-web/output/vue/test-results/tag-tag-DBTag-should-be-a-button-chromium/DBTag-should-be-a-button-1-actual.png Diff: /__w/core-web/core-web/output/vue/test-results/tag-tag-DBTag-should-be-a-button-chromium/DBTag-should-be-a-button-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 - 98 pixels (ratio 0.11 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 - 98 pixels (ratio 0.11 of all image pixels) are different. 71 | ); 72 | const component = await mount(buttonTag); > 73 | await expect(component).toHaveScreenshot(); | ^ 74 | }); 75 | 76 | test('should be a link', async ({ mount }) => { at /__w/core-web/core-web/output/vue/src/components/tag/tag.spec.tsx:73:27

2) [chromium] › src/components/tag/tag.spec.tsx:66:2 › DBTag › should be a button ──────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(locator).toHaveScreenshot(expected) 98 pixels (ratio 0.11 of all image pixels) are different. Expected: /__w/core-web/core-web/__snapshots__/tag/component/chromium/DBTag-should-be-a-button.png Received: /__w/core-web/core-web/output/vue/test-results/tag-tag-DBTag-should-be-a-button-chromium-retry1/DBTag-should-be-a-button-1-actual.png Diff: /__w/core-web/core-web/output/vue/test-results/tag-tag-DBTag-should-be-a-button-chromium-retry1/DBTag-should-be-a-button-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 - 98 pixels (ratio 0.11 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 - 98 pixels (ratio 0.11 of all image pixels) are different. 71 | ); 72 | const component = await mount(buttonTag); > 73 | await expect(component).toHaveScreenshot(); | ^ 74 | }); 75 | 76 | test('should be a link', async ({ mount }) => { at /__w/core-web/core-web/output/vue/src/components/tag/tag.spec.tsx:73:27

3) [chromium] › src/components/tag/tag.spec.tsx:76:2 › DBTag › should be a link ────────────────── Error: expect(locator).toHaveScreenshot(expected) 98 pixels (ratio 0.11 of all image pixels) are different. Expected: /__w/core-web/core-web/__snapshots__/tag/component/chromium/DBTag-should-be-a-link.png Received: /__w/core-web/core-web/output/vue/test-results/tag-tag-DBTag-should-be-a-link-chromium/DBTag-should-be-a-link-1-actual.png Diff: /__w/core-web/core-web/output/vue/test-results/tag-tag-DBTag-should-be-a-link-chromium/DBTag-should-be-a-link-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 - 98 pixels (ratio 0.11 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 - 98 pixels (ratio 0.11 of all image pixels) are different. 81 | ); 82 | const component = await mount(tag); > 83 | await expect(component).toHaveScreenshot(); | ^ 84 | }); 85 | 86 | test('should be a radio', async ({ mount }) => { at /__w/core-web/core-web/output/vue/src/components/tag/tag.spec.tsx:83:27

3) [chromium] › src/components/tag/tag.spec.tsx:76:2 › DBTag › should be a link ────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(locator).toHaveScreenshot(expected) 98 pixels (ratio 0.11 of all image pixels) are different. Expected: /__w/core-web/core-web/__snapshots__/tag/component/chromium/DBTag-should-be-a-link.png Received: /__w/core-web/core-web/output/vue/test-results/tag-tag-DBTag-should-be-a-link-chromium-retry1/DBTag-should-be-a-link-1-actual.png Diff: /__w/core-web/core-web/output/vue/test-results/tag-tag-DBTag-should-be-a-link-chromium-retry1/DBTag-should-be-a-link-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 - 98 pixels (ratio 0.11 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 - 98 pixels (ratio 0.11 of all image pixels) are different. 81 | ); 82 | const component = await mount(tag); > 83 | await expect(component).toHaveScreenshot(); | ^ 84 | }); 85 | 86 | test('should be a radio', async ({ mount }) => { at /__w/core-web/core-web/output/vue/src/components/tag/tag.spec.tsx:83:27

4) [chromium] › src/components/tag/tag.spec.tsx:86:2 › DBTag › should be a radio ───────────────── Error: expect(locator).toHaveScreenshot(expected) 154 pixels (ratio 0.10 of all image pixels) are different. Expected: /__w/core-web/core-web/__snapshots__/tag/component/chromium/DBTag-should-be-a-radio.png Received: /__w/core-web/core-web/output/vue/test-results/tag-tag-DBTag-should-be-a-radio-chromium/DBTag-should-be-a-radio-1-actual.png Diff: /__w/core-web/core-web/output/vue/test-results/tag-tag-DBTag-should-be-a-radio-chromium/DBTag-should-be-a-radio-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 - 154 pixels (ratio 0.10 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 - 154 pixels (ratio 0.10 of all image pixels) are different. 91 | ); 92 | const component = await mount(tag); > 93 | await expect(component).toHaveScreenshot(); | ^ 94 | }); 95 | 96 | test('should be a radio checked', async ({ mount }) => { at /__w/core-web/core-web/output/vue/src/components/tag/tag.spec.tsx:93:27

4) [chromium] › src/components/tag/tag.spec.tsx:86:2 › DBTag › should be a radio ───────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(locator).toHaveScreenshot(expected) 154 pixels (ratio 0.10 of all image pixels) are different. Expected: /__w/core-web/core-web/__snapshots__/tag/component/chromium/DBTag-should-be-a-radio.png Received: /__w/core-web/core-web/output/vue/test-results/tag-tag-DBTag-should-be-a-radio-chromium-retry1/DBTag-should-be-a-radio-1-actual.png Diff: /__w/core-web/core-web/output/vue/test-results/tag-tag-DBTag-should-be-a-radio-chromium-retry1/DBTag-should-be-a-radio-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 - 154 pixels (ratio 0.10 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 - 154 pixels (ratio 0.10 of all image pixels) are different. 91 | ); 92 | const component = await mount(tag); > 93 | await expect(component).toHaveScreenshot(); | ^ 94 | }); 95 | 96 | test('should be a radio checked', async ({ mount }) => { at /__w/core-web/core-web/output/vue/src/components/tag/tag.spec.tsx:93:27

5) [chromium] › src/components/tag/tag.spec.tsx:107:2 › DBTag › should be a checkbox ───────────── Error: expect(locator).toHaveScreenshot(expected) 154 pixels (ratio 0.10 of all image pixels) are different. Expected: /__w/core-web/core-web/__snapshots__/tag/component/chromium/DBTag-should-be-a-checkbox.png Received: /__w/core-web/core-web/output/vue/test-results/tag-tag-DBTag-should-be-a-checkbox-chromium/DBTag-should-be-a-checkbox-1-actual.png Diff: /__w/core-web/core-web/output/vue/test-results/tag-tag-DBTag-should-be-a-checkbox-chromium/DBTag-should-be-a-checkbox-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 - 154 pixels (ratio 0.10 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 - 154 pixels (ratio 0.10 of all image pixels) are different. 112 | ); 113 | const component = await mount(tag); > 114 | await expect(component).toHaveScreenshot(); | ^ 115 | }); 116 | 117 | test('should be a checkbox checked', async ({ mount }) => { at /__w/core-web/core-web/output/vue/src/components/tag/tag.spec.tsx:114:27

5) [chromium] › src/components/tag/tag.spec.tsx:107:2 › DBTag › should be a checkbox ───────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(locator).toHaveScreenshot(expected) 154 pixels (ratio 0.10 of all image pixels) are different. Expected: /__w/core-web/core-web/__snapshots__/tag/component/chromium/DBTag-should-be-a-checkbox.png Received: /__w/core-web/core-web/output/vue/test-results/tag-tag-DBTag-should-be-a-checkbox-chromium-retry1/DBTag-should-be-a-checkbox-1-actual.png Diff: /__w/core-web/core-web/output/vue/test-results/tag-tag-DBTag-should-be-a-checkbox-chromium-retry1/DBTag-should-be-a-checkbox-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 - 154 pixels (ratio 0.10 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 - 154 pixels (ratio 0.10 of all image pixels) are different. 112 | ); 113 | const component = await mount(tag); > 114 | await expect(component).toHaveScreenshot(); | ^ 115 | }); 116 | 117 | test('should be a checkbox checked', async ({ mount }) => { at /__w/core-web/core-web/output/vue/src/components/tag/tag.spec.tsx:114:27

1) [firefox] › src/components/tag/tag.spec.tsx:20:6 › DBTag › should match screenshot ──────────── Error: expect(locator).toHaveScreenshot(expected) 100 pixels (ratio 0.10 of all image pixels) are different. Expected: /__w/core-web/core-web/__snapshots__/tag/component/firefox/DBTag-should-match-screenshot.png Received: /__w/core-web/core-web/output/react/test-results/tag-tag-DBTag-should-match-screenshot-firefox/DBTag-should-match-screenshot-1-actual.png Diff: /__w/core-web/core-web/output/react/test-results/tag-tag-DBTag-should-match-screenshot-firefox/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">Test</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 - 100 pixels (ratio 0.10 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">Test</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 - 100 pixels (ratio 0.10 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/core-web/core-web/output/react/src/components/tag/tag.spec.tsx:22:27

1) [firefox] › src/components/tag/tag.spec.tsx:20:6 › DBTag › should match screenshot ──────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(locator).toHaveScreenshot(expected) 100 pixels (ratio 0.10 of all image pixels) are different. Expected: /__w/core-web/core-web/__snapshots__/tag/component/firefox/DBTag-should-match-screenshot.png Received: /__w/core-web/core-web/output/react/test-results/tag-tag-DBTag-should-match-screenshot-firefox-retry1/DBTag-should-match-screenshot-1-actual.png Diff: /__w/core-web/core-web/output/react/test-results/tag-tag-DBTag-should-match-screenshot-firefox-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">Test</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 - 100 pixels (ratio 0.10 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">Test</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 - 100 pixels (ratio 0.10 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/core-web/core-web/output/react/src/components/tag/tag.spec.tsx:22:27

2) [firefox] › src/components/tag/tag.spec.tsx:66:6 › DBTag › should be a button ───────────────── Error: expect(locator).toHaveScreenshot(expected) 100 pixels (ratio 0.10 of all image pixels) are different. Expected: /__w/core-web/core-web/__snapshots__/tag/component/firefox/DBTag-should-be-a-button.png Received: /__w/core-web/core-web/output/react/test-results/tag-tag-DBTag-should-be-a-button-firefox/DBTag-should-be-a-button-1-actual.png Diff: /__w/core-web/core-web/output/react/test-results/tag-tag-DBTag-should-be-a-button-firefox/DBTag-should-be-a-button-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 - 100 pixels (ratio 0.10 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 - 100 pixels (ratio 0.10 of all image pixels) are different. 71 | ); 72 | const component = await mount(buttonTag); > 73 | await expect(component).toHaveScreenshot(); | ^ 74 | }); 75 | 76 | test('should be a link', async ({ mount }) => { at /__w/core-web/core-web/output/react/src/components/tag/tag.spec.tsx:73:27

2) [firefox] › src/components/tag/tag.spec.tsx:66:6 › DBTag › should be a button ───────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(locator).toHaveScreenshot(expected) 100 pixels (ratio 0.10 of all image pixels) are different. Expected: /__w/core-web/core-web/__snapshots__/tag/component/firefox/DBTag-should-be-a-button.png Received: /__w/core-web/core-web/output/react/test-results/tag-tag-DBTag-should-be-a-button-firefox-retry1/DBTag-should-be-a-button-1-actual.png Diff: /__w/core-web/core-web/output/react/test-results/tag-tag-DBTag-should-be-a-button-firefox-retry1/DBTag-should-be-a-button-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 - 100 pixels (ratio 0.10 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 - 100 pixels (ratio 0.10 of all image pixels) are different. 71 | ); 72 | const component = await mount(buttonTag); > 73 | await expect(component).toHaveScreenshot(); | ^ 74 | }); 75 | 76 | test('should be a link', async ({ mount }) => { at /__w/core-web/core-web/output/react/src/components/tag/tag.spec.tsx:73:27

3) [firefox] › src/components/tag/tag.spec.tsx:76:6 › DBTag › should be a link ─────────────────── Error: expect(locator).toHaveScreenshot(expected) 100 pixels (ratio 0.10 of all image pixels) are different. Expected: /__w/core-web/core-web/__snapshots__/tag/component/firefox/DBTag-should-be-a-link.png Received: /__w/core-web/core-web/output/react/test-results/tag-tag-DBTag-should-be-a-link-firefox/DBTag-should-be-a-link-1-actual.png Diff: /__w/core-web/core-web/output/react/test-results/tag-tag-DBTag-should-be-a-link-firefox/DBTag-should-be-a-link-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 - 100 pixels (ratio 0.10 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 - 100 pixels (ratio 0.10 of all image pixels) are different. 81 | ); 82 | const component = await mount(tag); > 83 | await expect(component).toHaveScreenshot(); | ^ 84 | }); 85 | 86 | test('should be a radio', async ({ mount }) => { at /__w/core-web/core-web/output/react/src/components/tag/tag.spec.tsx:83:27

3) [firefox] › src/components/tag/tag.spec.tsx:76:6 › DBTag › should be a link ─────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(locator).toHaveScreenshot(expected) 100 pixels (ratio 0.10 of all image pixels) are different. Expected: /__w/core-web/core-web/__snapshots__/tag/component/firefox/DBTag-should-be-a-link.png Received: /__w/core-web/core-web/output/react/test-results/tag-tag-DBTag-should-be-a-link-firefox-retry1/DBTag-should-be-a-link-1-actual.png Diff: /__w/core-web/core-web/output/react/test-results/tag-tag-DBTag-should-be-a-link-firefox-retry1/DBTag-should-be-a-link-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 - 100 pixels (ratio 0.10 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 - 100 pixels (ratio 0.10 of all image pixels) are different. 81 | ); 82 | const component = await mount(tag); > 83 | await expect(component).toHaveScreenshot(); | ^ 84 | }); 85 | 86 | test('should be a radio', async ({ mount }) => { at /__w/core-web/core-web/output/react/src/components/tag/tag.spec.tsx:83:27

4) [firefox] › src/components/tag/tag.spec.tsx:86:6 › DBTag › should be a radio ────────────────── Error: expect(locator).toHaveScreenshot(expected) 156 pixels (ratio 0.10 of all image pixels) are different. Expected: /__w/core-web/core-web/__snapshots__/tag/component/firefox/DBTag-should-be-a-radio.png Received: /__w/core-web/core-web/output/react/test-results/tag-tag-DBTag-should-be-a-radio-firefox/DBTag-should-be-a-radio-1-actual.png Diff: /__w/core-web/core-web/output/react/test-results/tag-tag-DBTag-should-be-a-radio-firefox/DBTag-should-be-a-radio-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 - 156 pixels (ratio 0.10 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 - 156 pixels (ratio 0.10 of all image pixels) are different. 91 | ); 92 | const component = await mount(tag); > 93 | await expect(component).toHaveScreenshot(); | ^ 94 | }); 95 | 96 | test('should be a radio checked', async ({ mount }) => { at /__w/core-web/core-web/output/react/src/components/tag/tag.spec.tsx:93:27

4) [firefox] › src/components/tag/tag.spec.tsx:86:6 › DBTag › should be a radio ────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(locator).toHaveScreenshot(expected) 156 pixels (ratio 0.10 of all image pixels) are different. Expected: /__w/core-web/core-web/__snapshots__/tag/component/firefox/DBTag-should-be-a-radio.png Received: /__w/core-web/core-web/output/react/test-results/tag-tag-DBTag-should-be-a-radio-firefox-retry1/DBTag-should-be-a-radio-1-actual.png Diff: /__w/core-web/core-web/output/react/test-results/tag-tag-DBTag-should-be-a-radio-firefox-retry1/DBTag-should-be-a-radio-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 - 156 pixels (ratio 0.10 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 - 156 pixels (ratio 0.10 of all image pixels) are different. 91 | ); 92 | const component = await mount(tag); > 93 | await expect(component).toHaveScreenshot(); | ^ 94 | }); 95 | 96 | test('should be a radio checked', async ({ mount }) => { at /__w/core-web/core-web/output/react/src/components/tag/tag.spec.tsx:93:27

5) [firefox] › src/components/tag/tag.spec.tsx:107:6 › DBTag › should be a checkbox ────────────── Error: expect(locator).toHaveScreenshot(expected) 156 pixels (ratio 0.10 of all image pixels) are different. Expected: /__w/core-web/core-web/__snapshots__/tag/component/firefox/DBTag-should-be-a-checkbox.png Received: /__w/core-web/core-web/output/react/test-results/tag-tag-DBTag-should-be-a-checkbox-firefox/DBTag-should-be-a-checkbox-1-actual.png Diff: /__w/core-web/core-web/output/react/test-results/tag-tag-DBTag-should-be-a-checkbox-firefox/DBTag-should-be-a-checkbox-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 - 156 pixels (ratio 0.10 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 - 156 pixels (ratio 0.10 of all image pixels) are different. 112 | ); 113 | const component = await mount(tag); > 114 | await expect(component).toHaveScreenshot(); | ^ 115 | }); 116 | 117 | test('should be a checkbox checked', async ({ mount }) => { at /__w/core-web/core-web/output/react/src/components/tag/tag.spec.tsx:114:27

5) [firefox] › src/components/tag/tag.spec.tsx:107:6 › DBTag › should be a checkbox ────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(locator).toHaveScreenshot(expected) 156 pixels (ratio 0.10 of all image pixels) are different. Expected: /__w/core-web/core-web/__snapshots__/tag/component/firefox/DBTag-should-be-a-checkbox.png Received: /__w/core-web/core-web/output/react/test-results/tag-tag-DBTag-should-be-a-checkbox-firefox-retry1/DBTag-should-be-a-checkbox-1-actual.png Diff: /__w/core-web/core-web/output/react/test-results/tag-tag-DBTag-should-be-a-checkbox-firefox-retry1/DBTag-should-be-a-checkbox-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 - 156 pixels (ratio 0.10 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 - 156 pixels (ratio 0.10 of all image pixels) are different. 112 | ); 113 | const component = await mount(tag); > 114 | await expect(component).toHaveScreenshot(); | ^ 115 | }); 116 | 117 | test('should be a checkbox checked', async ({ mount }) => { at /__w/core-web/core-web/output/react/src/components/tag/tag.spec.tsx:114:27

Process completed with exit code 1.

1) [firefox] › src/components/tag/tag.spec.tsx:20:2 › DBTag › should match screenshot ──────────── Error: expect(locator).toHaveScreenshot(expected) 100 pixels (ratio 0.10 of all image pixels) are different. Expected: /__w/core-web/core-web/__snapshots__/tag/component/firefox/DBTag-should-match-screenshot.png Received: /__w/core-web/core-web/output/vue/test-results/tag-tag-DBTag-should-match-screenshot-firefox/DBTag-should-match-screenshot-1-actual.png Diff: /__w/core-web/core-web/output/vue/test-results/tag-tag-DBTag-should-match-screenshot-firefox/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 - 100 pixels (ratio 0.10 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 - 100 pixels (ratio 0.10 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/core-web/core-web/output/vue/src/components/tag/tag.spec.tsx:22:27

1) [firefox] › src/components/tag/tag.spec.tsx:20:2 › DBTag › should match screenshot ──────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(locator).toHaveScreenshot(expected) 100 pixels (ratio 0.10 of all image pixels) are different. Expected: /__w/core-web/core-web/__snapshots__/tag/component/firefox/DBTag-should-match-screenshot.png Received: /__w/core-web/core-web/output/vue/test-results/tag-tag-DBTag-should-match-screenshot-firefox-retry1/DBTag-should-match-screenshot-1-actual.png Diff: /__w/core-web/core-web/output/vue/test-results/tag-tag-DBTag-should-match-screenshot-firefox-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 - 100 pixels (ratio 0.10 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 - 100 pixels (ratio 0.10 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/core-web/core-web/output/vue/src/components/tag/tag.spec.tsx:22:27

2) [firefox] › src/components/tag/tag.spec.tsx:66:2 › DBTag › should be a button ───────────────── Error: expect(locator).toHaveScreenshot(expected) 100 pixels (ratio 0.10 of all image pixels) are different. Expected: /__w/core-web/core-web/__snapshots__/tag/component/firefox/DBTag-should-be-a-button.png Received: /__w/core-web/core-web/output/vue/test-results/tag-tag-DBTag-should-be-a-button-firefox/DBTag-should-be-a-button-1-actual.png Diff: /__w/core-web/core-web/output/vue/test-results/tag-tag-DBTag-should-be-a-button-firefox/DBTag-should-be-a-button-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 - 100 pixels (ratio 0.10 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 - 100 pixels (ratio 0.10 of all image pixels) are different. 71 | ); 72 | const component = await mount(buttonTag); > 73 | await expect(component).toHaveScreenshot(); | ^ 74 | }); 75 | 76 | test('should be a link', async ({ mount }) => { at /__w/core-web/core-web/output/vue/src/components/tag/tag.spec.tsx:73:27

2) [firefox] › src/components/tag/tag.spec.tsx:66:2 › DBTag › should be a button ───────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(locator).toHaveScreenshot(expected) 100 pixels (ratio 0.10 of all image pixels) are different. Expected: /__w/core-web/core-web/__snapshots__/tag/component/firefox/DBTag-should-be-a-button.png Received: /__w/core-web/core-web/output/vue/test-results/tag-tag-DBTag-should-be-a-button-firefox-retry1/DBTag-should-be-a-button-1-actual.png Diff: /__w/core-web/core-web/output/vue/test-results/tag-tag-DBTag-should-be-a-button-firefox-retry1/DBTag-should-be-a-button-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 - 100 pixels (ratio 0.10 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 - 100 pixels (ratio 0.10 of all image pixels) are different. 71 | ); 72 | const component = await mount(buttonTag); > 73 | await expect(component).toHaveScreenshot(); | ^ 74 | }); 75 | 76 | test('should be a link', async ({ mount }) => { at /__w/core-web/core-web/output/vue/src/components/tag/tag.spec.tsx:73:27

3) [firefox] › src/components/tag/tag.spec.tsx:76:2 › DBTag › should be a link ─────────────────── Error: expect(locator).toHaveScreenshot(expected) 100 pixels (ratio 0.10 of all image pixels) are different. Expected: /__w/core-web/core-web/__snapshots__/tag/component/firefox/DBTag-should-be-a-link.png Received: /__w/core-web/core-web/output/vue/test-results/tag-tag-DBTag-should-be-a-link-firefox/DBTag-should-be-a-link-1-actual.png Diff: /__w/core-web/core-web/output/vue/test-results/tag-tag-DBTag-should-be-a-link-firefox/DBTag-should-be-a-link-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 - 100 pixels (ratio 0.10 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 - 100 pixels (ratio 0.10 of all image pixels) are different. 81 | ); 82 | const component = await mount(tag); > 83 | await expect(component).toHaveScreenshot(); | ^ 84 | }); 85 | 86 | test('should be a radio', async ({ mount }) => { at /__w/core-web/core-web/output/vue/src/components/tag/tag.spec.tsx:83:27

3) [firefox] › src/components/tag/tag.spec.tsx:76:2 › DBTag › should be a link ─────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(locator).toHaveScreenshot(expected) 100 pixels (ratio 0.10 of all image pixels) are different. Expected: /__w/core-web/core-web/__snapshots__/tag/component/firefox/DBTag-should-be-a-link.png Received: /__w/core-web/core-web/output/vue/test-results/tag-tag-DBTag-should-be-a-link-firefox-retry1/DBTag-should-be-a-link-1-actual.png Diff: /__w/core-web/core-web/output/vue/test-results/tag-tag-DBTag-should-be-a-link-firefox-retry1/DBTag-should-be-a-link-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 - 100 pixels (ratio 0.10 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 - 100 pixels (ratio 0.10 of all image pixels) are different. 81 | ); 82 | const component = await mount(tag); > 83 | await expect(component).toHaveScreenshot(); | ^ 84 | }); 85 | 86 | test('should be a radio', async ({ mount }) => { at /__w/core-web/core-web/output/vue/src/components/tag/tag.spec.tsx:83:27

4) [firefox] › src/components/tag/tag.spec.tsx:86:2 › DBTag › should be a radio ────────────────── Error: expect(locator).toHaveScreenshot(expected) 156 pixels (ratio 0.10 of all image pixels) are different. Expected: /__w/core-web/core-web/__snapshots__/tag/component/firefox/DBTag-should-be-a-radio.png Received: /__w/core-web/core-web/output/vue/test-results/tag-tag-DBTag-should-be-a-radio-firefox/DBTag-should-be-a-radio-1-actual.png Diff: /__w/core-web/core-web/output/vue/test-results/tag-tag-DBTag-should-be-a-radio-firefox/DBTag-should-be-a-radio-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 - 156 pixels (ratio 0.10 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 - 156 pixels (ratio 0.10 of all image pixels) are different. 91 | ); 92 | const component = await mount(tag); > 93 | await expect(component).toHaveScreenshot(); | ^ 94 | }); 95 | 96 | test('should be a radio checked', async ({ mount }) => { at /__w/core-web/core-web/output/vue/src/components/tag/tag.spec.tsx:93:27

4) [firefox] › src/components/tag/tag.spec.tsx:86:2 › DBTag › should be a radio ────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(locator).toHaveScreenshot(expected) 156 pixels (ratio 0.10 of all image pixels) are different. Expected: /__w/core-web/core-web/__snapshots__/tag/component/firefox/DBTag-should-be-a-radio.png Received: /__w/core-web/core-web/output/vue/test-results/tag-tag-DBTag-should-be-a-radio-firefox-retry1/DBTag-should-be-a-radio-1-actual.png Diff: /__w/core-web/core-web/output/vue/test-results/tag-tag-DBTag-should-be-a-radio-firefox-retry1/DBTag-should-be-a-radio-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 - 156 pixels (ratio 0.10 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 - 156 pixels (ratio 0.10 of all image pixels) are different. 91 | ); 92 | const component = await mount(tag); > 93 | await expect(component).toHaveScreenshot(); | ^ 94 | }); 95 | 96 | test('should be a radio checked', async ({ mount }) => { at /__w/core-web/core-web/output/vue/src/components/tag/tag.spec.tsx:93:27

5) [firefox] › src/components/tag/tag.spec.tsx:107:2 › DBTag › should be a checkbox ────────────── Error: expect(locator).toHaveScreenshot(expected) 156 pixels (ratio 0.10 of all image pixels) are different. Expected: /__w/core-web/core-web/__snapshots__/tag/component/firefox/DBTag-should-be-a-checkbox.png Received: /__w/core-web/core-web/output/vue/test-results/tag-tag-DBTag-should-be-a-checkbox-firefox/DBTag-should-be-a-checkbox-1-actual.png Diff: /__w/core-web/core-web/output/vue/test-results/tag-tag-DBTag-should-be-a-checkbox-firefox/DBTag-should-be-a-checkbox-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 - 156 pixels (ratio 0.10 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 - 156 pixels (ratio 0.10 of all image pixels) are different. 112 | ); 113 | const component = await mount(tag); > 114 | await expect(component).toHaveScreenshot(); | ^ 115 | }); 116 | 117 | test('should be a checkbox checked', async ({ mount }) => { at /__w/core-web/core-web/output/vue/src/components/tag/tag.spec.tsx:114:27

5) [firefox] › src/components/tag/tag.spec.tsx:107:2 › DBTag › should be a checkbox ────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(locator).toHaveScreenshot(expected) 156 pixels (ratio 0.10 of all image pixels) are different. Expected: /__w/core-web/core-web/__snapshots__/tag/component/firefox/DBTag-should-be-a-checkbox.png Received: /__w/core-web/core-web/output/vue/test-results/tag-tag-DBTag-should-be-a-checkbox-firefox-retry1/DBTag-should-be-a-checkbox-1-actual.png Diff: /__w/core-web/core-web/output/vue/test-results/tag-tag-DBTag-should-be-a-checkbox-firefox-retry1/DBTag-should-be-a-checkbox-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 - 156 pixels (ratio 0.10 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 - 156 pixels (ratio 0.10 of all image pixels) are different. 112 | ); 113 | const component = await mount(tag); > 114 | await expect(component).toHaveScreenshot(); | ^ 115 | }); 116 | 117 | test('should be a checkbox checked', async ({ mount }) => { at /__w/core-web/core-web/output/vue/src/components/tag/tag.spec.tsx:114:27

Process completed with exit code 1.

1) [chromium] › showcases/patternhub/tests/default.spec.ts:10:2 › tag › overview should match screenshot Error: expect(page).toHaveScreenshot(expected) 804 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/core-web/core-web/__snapshots__/tag/patternhub/tag-overview-should-match-screenshot.png Received: /__w/core-web/core-web/showcases/patternhub/test-results/default-tag-overview-should-match-screenshot-chromium/tag/patternhub-actual.png Diff: /__w/core-web/core-web/showcases/patternhub/test-results/default-tag-overview-should-match-screenshot-chromium/tag/patternhub-diff.png Call log: - expect.toHaveScreenshot(tag/patternhub.png) with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 804 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 - 804 pixels (ratio 0.01 of all image pixels) are different. 13 | }); 14 | await fn(page); > 15 | await expect(page).toHaveScreenshot([name, 'patternhub.png']); | ^ 16 | }); 17 | }; 18 | at /__w/core-web/core-web/showcases/patternhub/tests/default.spec.ts:15:22

1) [chromium] › showcases/patternhub/tests/default.spec.ts:10:2 › tag › overview should match screenshot Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(page).toHaveScreenshot(expected) 804 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/core-web/core-web/__snapshots__/tag/patternhub/tag-overview-should-match-screenshot.png Received: /__w/core-web/core-web/showcases/patternhub/test-results/default-tag-overview-should-match-screenshot-chromium-retry1/tag/patternhub-actual.png Diff: /__w/core-web/core-web/showcases/patternhub/test-results/default-tag-overview-should-match-screenshot-chromium-retry1/tag/patternhub-diff.png Call log: - expect.toHaveScreenshot(tag/patternhub.png) with timeout 30000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - 804 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 - 804 pixels (ratio 0.01 of all image pixels) are different. 13 | }); 14 | await fn(page); > 15 | await expect(page).toHaveScreenshot([name, 'patternhub.png']); | ^ 16 | }); 17 | }; 18 | at /__w/core-web/core-web/showcases/patternhub/tests/default.spec.ts:15:22

Process completed with exit code 1.

The hosted runner encountered an error while running your job. (Error Type: Disconnect).

Process completed with exit code 1.

No files were found with the provided path: ./showcases/patternhub-showcase/results. No artifacts will be uploaded.

5 failed [chromium] › src/components/tag/tag.spec.tsx:20:6 › DBTag › should match screenshot ──────────── [chromium] › src/components/tag/tag.spec.tsx:66:6 › DBTag › should be a button ───────────────── [chromium] › src/components/tag/tag.spec.tsx:76:6 › DBTag › should be a link ─────────────────── [chromium] › src/components/tag/tag.spec.tsx:86:6 › DBTag › should be a radio ────────────────── [chromium] › src/components/tag/tag.spec.tsx:107:6 › DBTag › should be a checkbox ────────────── 3 skipped 139 passed (44.7s)

5 failed [mobile_chrome] › src/components/tag/tag.spec.tsx:20:6 › DBTag › should match screenshot ─────── [mobile_chrome] › src/components/tag/tag.spec.tsx:66:6 › DBTag › should be a button ──────────── [mobile_chrome] › src/components/tag/tag.spec.tsx:76:6 › DBTag › should be a link ────────────── [mobile_chrome] › src/components/tag/tag.spec.tsx:86:6 › DBTag › should be a radio ───────────── [mobile_chrome] › src/components/tag/tag.spec.tsx:107:6 › DBTag › should be a checkbox ───────── 3 skipped 139 passed (44.8s)

5 failed [mobile_chrome] › src/components/tag/tag.spec.tsx:20:2 › DBTag › should match screenshot ─────── [mobile_chrome] › src/components/tag/tag.spec.tsx:66:2 › DBTag › should be a button ──────────── [mobile_chrome] › src/components/tag/tag.spec.tsx:76:2 › DBTag › should be a link ────────────── [mobile_chrome] › src/components/tag/tag.spec.tsx:86:2 › DBTag › should be a radio ───────────── [mobile_chrome] › src/components/tag/tag.spec.tsx:107:2 › DBTag › should be a checkbox ───────── 3 skipped 139 passed (50.3s)

5 failed [chromium] › src/components/tag/tag.spec.tsx:20:2 › DBTag › should match screenshot ──────────── [chromium] › src/components/tag/tag.spec.tsx:66:2 › DBTag › should be a button ───────────────── [chromium] › src/components/tag/tag.spec.tsx:76:2 › DBTag › should be a link ─────────────────── [chromium] › src/components/tag/tag.spec.tsx:86:2 › DBTag › should be a radio ────────────────── [chromium] › src/components/tag/tag.spec.tsx:107:2 › DBTag › should be a checkbox ────────────── 3 skipped 139 passed (49.2s)

5 failed [firefox] › src/components/tag/tag.spec.tsx:20:6 › DBTag › should match screenshot ───────────── [firefox] › src/components/tag/tag.spec.tsx:66:6 › DBTag › should be a button ────────────────── [firefox] › src/components/tag/tag.spec.tsx:76:6 › DBTag › should be a link ──────────────────── [firefox] › src/components/tag/tag.spec.tsx:86:6 › DBTag › should be a radio ─────────────────── [firefox] › src/components/tag/tag.spec.tsx:107:6 › DBTag › should be a checkbox ─────────────── 3 skipped 139 passed (1.6m)

5 failed [firefox] › src/components/tag/tag.spec.tsx:20:2 › DBTag › should match screenshot ───────────── [firefox] › src/components/tag/tag.spec.tsx:66:2 › DBTag › should be a button ────────────────── [firefox] › src/components/tag/tag.spec.tsx:76:2 › DBTag › should be a link ──────────────────── [firefox] › src/components/tag/tag.spec.tsx:86:2 › DBTag › should be a radio ─────────────────── [firefox] › src/components/tag/tag.spec.tsx:107:2 › DBTag › should be a checkbox ─────────────── 3 skipped 139 passed (1.7m)