1) [chromium] › brand/brand.spec.tsx:15:6 › DBBrand › should match screenshot ──────────────────── Error: expect(locator).toHaveScreenshot(expected) 294 pixels (ratio 0.02 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/brand/component/chromium/DBBrand-should-match-screenshot.png Received: /__w/mono/mono/output/react/test-results/brand-brand-DBBrand-should-match-screenshot-chromium/DBBrand-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/output/react/test-results/brand-brand-DBBrand-should-match-screenshot-chromium/DBBrand-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-brand" data-icon="brand">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 - 294 pixels (ratio 0.02 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-brand" data-icon="brand">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 - 294 pixels (ratio 0.02 of all image pixels) are different. 15 | test(`should match screenshot`, async ({ mount }) => { 16 | const component = await mount(comp); > 17 | await expect(component).toHaveScreenshot(); | ^ 18 | }); 19 | }; 20 | const testA11y = () => { at /__w/mono/mono/output/react/src/components/brand/brand.spec.tsx:17:27

1) [chromium] › brand/brand.spec.tsx:15:6 › DBBrand › should match screenshot ──────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(locator).toHaveScreenshot(expected) 294 pixels (ratio 0.02 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/brand/component/chromium/DBBrand-should-match-screenshot.png Received: /__w/mono/mono/output/react/test-results/brand-brand-DBBrand-should-match-screenshot-chromium-retry1/DBBrand-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/output/react/test-results/brand-brand-DBBrand-should-match-screenshot-chromium-retry1/DBBrand-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-brand" data-icon="brand">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 - 294 pixels (ratio 0.02 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-brand" data-icon="brand">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 - 294 pixels (ratio 0.02 of all image pixels) are different. 15 | test(`should match screenshot`, async ({ mount }) => { 16 | const component = await mount(comp); > 17 | await expect(component).toHaveScreenshot(); | ^ 18 | }); 19 | }; 20 | const testA11y = () => { at /__w/mono/mono/output/react/src/components/brand/brand.spec.tsx:17:27

2) [chromium] › button/button.spec.tsx:32:7 › DBButton › should match screenshot for variant brand Error: expect(locator).toHaveScreenshot(expected) 2191 pixels (ratio 0.82 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/button/component/chromium/DBButton-should-match-screenshot-for-variant-brand.png Received: /__w/mono/mono/output/react/test-results/button-button-DBButton-sho-ec187-creenshot-for-variant-brand-chromium/DBButton-should-match-screenshot-for-variant-brand-1-actual.png Diff: /__w/mono/mono/output/react/test-results/button-button-DBButton-sho-ec187-creenshot-for-variant-brand-chromium/DBButton-should-match-screenshot-for-variant-brand-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 <button type="button" class="db-button" data-variant="brand">Test</button> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - 2191 pixels (ratio 0.82 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <button type="button" class="db-button" data-variant="brand">Test</button> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - captured a stable screenshot - 2191 pixels (ratio 0.82 of all image pixels) are different. 34 | }) => { 35 | const component = await mount(variantButton); > 36 | await expect(component).toHaveScreenshot(); | ^ 37 | }); 38 | 39 | test(`should only have icon for variant ${variant}`, async ({ at /__w/mono/mono/output/react/src/components/button/button.spec.tsx:36:28

2) [chromium] › button/button.spec.tsx:32:7 › DBButton › should match screenshot for variant brand Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(locator).toHaveScreenshot(expected) 2191 pixels (ratio 0.82 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/button/component/chromium/DBButton-should-match-screenshot-for-variant-brand.png Received: /__w/mono/mono/output/react/test-results/button-button-DBButton-sho-ec187-creenshot-for-variant-brand-chromium-retry1/DBButton-should-match-screenshot-for-variant-brand-1-actual.png Diff: /__w/mono/mono/output/react/test-results/button-button-DBButton-sho-ec187-creenshot-for-variant-brand-chromium-retry1/DBButton-should-match-screenshot-for-variant-brand-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 <button type="button" class="db-button" data-variant="brand">Test</button> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - 2191 pixels (ratio 0.82 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <button type="button" class="db-button" data-variant="brand">Test</button> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - captured a stable screenshot - 2191 pixels (ratio 0.82 of all image pixels) are different. 34 | }) => { 35 | const component = await mount(variantButton); > 36 | await expect(component).toHaveScreenshot(); | ^ 37 | }); 38 | 39 | test(`should only have icon for variant ${variant}`, async ({ at /__w/mono/mono/output/react/src/components/button/button.spec.tsx:36:28

3) [chromium] › button/button.spec.tsx:39:7 › DBButton › should only have icon for variant brand ─ Error: expect(locator).toHaveScreenshot(expected) 1156 pixels (ratio 0.73 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/button/component/chromium/DBButton-should-only-have-icon-for-variant-brand.png Received: /__w/mono/mono/output/react/test-results/button-button-DBButton-sho-020e3-have-icon-for-variant-brand-chromium/DBButton-should-only-have-icon-for-variant-brand-1-actual.png Diff: /__w/mono/mono/output/react/test-results/button-button-DBButton-sho-020e3-have-icon-for-variant-brand-chromium/DBButton-should-only-have-icon-for-variant-brand-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 <button type="button" class="db-button" data-no-text="true" data-variant="brand" data-icon="x_placeholder">User</button> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - 1156 pixels (ratio 0.73 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <button type="button" class="db-button" data-no-text="true" data-variant="brand" data-icon="x_placeholder">User</button> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - captured a stable screenshot - 1156 pixels (ratio 0.73 of all image pixels) are different. 41 | }) => { 42 | const component = await mount(variantIconButton); > 43 | await expect(component).toHaveScreenshot(); | ^ 44 | }); 45 | } 46 | }; at /__w/mono/mono/output/react/src/components/button/button.spec.tsx:43:28

3) [chromium] › button/button.spec.tsx:39:7 › DBButton › should only have icon for variant brand ─ Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(locator).toHaveScreenshot(expected) 1156 pixels (ratio 0.73 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/button/component/chromium/DBButton-should-only-have-icon-for-variant-brand.png Received: /__w/mono/mono/output/react/test-results/button-button-DBButton-sho-020e3-have-icon-for-variant-brand-chromium-retry1/DBButton-should-only-have-icon-for-variant-brand-1-actual.png Diff: /__w/mono/mono/output/react/test-results/button-button-DBButton-sho-020e3-have-icon-for-variant-brand-chromium-retry1/DBButton-should-only-have-icon-for-variant-brand-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 <button type="button" class="db-button" data-no-text="true" data-variant="brand" data-icon="x_placeholder">User</button> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - 1156 pixels (ratio 0.73 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <button type="button" class="db-button" data-no-text="true" data-variant="brand" data-icon="x_placeholder">User</button> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - captured a stable screenshot - 1156 pixels (ratio 0.73 of all image pixels) are different. 41 | }) => { 42 | const component = await mount(variantIconButton); > 43 | await expect(component).toHaveScreenshot(); | ^ 44 | }); 45 | } 46 | }; at /__w/mono/mono/output/react/src/components/button/button.spec.tsx:43:28

Process completed with exit code 1.

1) [mobile_chrome] › brand/brand.spec.tsx:15:6 › DBBrand › should match screenshot ─────────────── Error: expect(locator).toHaveScreenshot(expected) 294 pixels (ratio 0.02 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/brand/component/mobile-chrome/DBBrand-should-match-screenshot.png Received: /__w/mono/mono/output/react/test-results/brand-brand-DBBrand-should-match-screenshot-mobile-chrome/DBBrand-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/output/react/test-results/brand-brand-DBBrand-should-match-screenshot-mobile-chrome/DBBrand-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-brand" data-icon="brand">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 - 294 pixels (ratio 0.02 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-brand" data-icon="brand">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 - 294 pixels (ratio 0.02 of all image pixels) are different. 15 | test(`should match screenshot`, async ({ mount }) => { 16 | const component = await mount(comp); > 17 | await expect(component).toHaveScreenshot(); | ^ 18 | }); 19 | }; 20 | const testA11y = () => { at /__w/mono/mono/output/react/src/components/brand/brand.spec.tsx:17:27

1) [mobile_chrome] › brand/brand.spec.tsx:15:6 › DBBrand › should match screenshot ─────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(locator).toHaveScreenshot(expected) 294 pixels (ratio 0.02 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/brand/component/mobile-chrome/DBBrand-should-match-screenshot.png Received: /__w/mono/mono/output/react/test-results/brand-brand-DBBrand-should-match-screenshot-mobile-chrome-retry1/DBBrand-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/output/react/test-results/brand-brand-DBBrand-should-match-screenshot-mobile-chrome-retry1/DBBrand-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-brand" data-icon="brand">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 - 294 pixels (ratio 0.02 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-brand" data-icon="brand">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 - 294 pixels (ratio 0.02 of all image pixels) are different. 15 | test(`should match screenshot`, async ({ mount }) => { 16 | const component = await mount(comp); > 17 | await expect(component).toHaveScreenshot(); | ^ 18 | }); 19 | }; 20 | const testA11y = () => { at /__w/mono/mono/output/react/src/components/brand/brand.spec.tsx:17:27

2) [mobile_chrome] › button/button.spec.tsx:32:7 › DBButton › should match screenshot for variant brand Error: expect(locator).toHaveScreenshot(expected) 2191 pixels (ratio 0.82 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/button/component/mobile-chrome/DBButton-should-match-screenshot-for-variant-brand.png Received: /__w/mono/mono/output/react/test-results/button-button-DBButton-sho-ec187-creenshot-for-variant-brand-mobile-chrome/DBButton-should-match-screenshot-for-variant-brand-1-actual.png Diff: /__w/mono/mono/output/react/test-results/button-button-DBButton-sho-ec187-creenshot-for-variant-brand-mobile-chrome/DBButton-should-match-screenshot-for-variant-brand-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 <button type="button" class="db-button" data-variant="brand">Test</button> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - 2191 pixels (ratio 0.82 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <button type="button" class="db-button" data-variant="brand">Test</button> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - captured a stable screenshot - 2191 pixels (ratio 0.82 of all image pixels) are different. 34 | }) => { 35 | const component = await mount(variantButton); > 36 | await expect(component).toHaveScreenshot(); | ^ 37 | }); 38 | 39 | test(`should only have icon for variant ${variant}`, async ({ at /__w/mono/mono/output/react/src/components/button/button.spec.tsx:36:28

2) [mobile_chrome] › button/button.spec.tsx:32:7 › DBButton › should match screenshot for variant brand Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(locator).toHaveScreenshot(expected) 2191 pixels (ratio 0.82 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/button/component/mobile-chrome/DBButton-should-match-screenshot-for-variant-brand.png Received: /__w/mono/mono/output/react/test-results/button-button-DBButton-sho-ec187-creenshot-for-variant-brand-mobile-chrome-retry1/DBButton-should-match-screenshot-for-variant-brand-1-actual.png Diff: /__w/mono/mono/output/react/test-results/button-button-DBButton-sho-ec187-creenshot-for-variant-brand-mobile-chrome-retry1/DBButton-should-match-screenshot-for-variant-brand-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 <button type="button" class="db-button" data-variant="brand">Test</button> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - 2191 pixels (ratio 0.82 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <button type="button" class="db-button" data-variant="brand">Test</button> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - captured a stable screenshot - 2191 pixels (ratio 0.82 of all image pixels) are different. 34 | }) => { 35 | const component = await mount(variantButton); > 36 | await expect(component).toHaveScreenshot(); | ^ 37 | }); 38 | 39 | test(`should only have icon for variant ${variant}`, async ({ at /__w/mono/mono/output/react/src/components/button/button.spec.tsx:36:28

3) [mobile_chrome] › button/button.spec.tsx:39:7 › DBButton › should only have icon for variant brand Error: expect(locator).toHaveScreenshot(expected) 1156 pixels (ratio 0.73 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/button/component/mobile-chrome/DBButton-should-only-have-icon-for-variant-brand.png Received: /__w/mono/mono/output/react/test-results/button-button-DBButton-sho-020e3-have-icon-for-variant-brand-mobile-chrome/DBButton-should-only-have-icon-for-variant-brand-1-actual.png Diff: /__w/mono/mono/output/react/test-results/button-button-DBButton-sho-020e3-have-icon-for-variant-brand-mobile-chrome/DBButton-should-only-have-icon-for-variant-brand-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 <button type="button" class="db-button" data-no-text="true" data-variant="brand" data-icon="x_placeholder">User</button> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - 1156 pixels (ratio 0.73 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <button type="button" class="db-button" data-no-text="true" data-variant="brand" data-icon="x_placeholder">User</button> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - captured a stable screenshot - 1156 pixels (ratio 0.73 of all image pixels) are different. 41 | }) => { 42 | const component = await mount(variantIconButton); > 43 | await expect(component).toHaveScreenshot(); | ^ 44 | }); 45 | } 46 | }; at /__w/mono/mono/output/react/src/components/button/button.spec.tsx:43:28

3) [mobile_chrome] › button/button.spec.tsx:39:7 › DBButton › should only have icon for variant brand Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(locator).toHaveScreenshot(expected) 1156 pixels (ratio 0.73 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/button/component/mobile-chrome/DBButton-should-only-have-icon-for-variant-brand.png Received: /__w/mono/mono/output/react/test-results/button-button-DBButton-sho-020e3-have-icon-for-variant-brand-mobile-chrome-retry1/DBButton-should-only-have-icon-for-variant-brand-1-actual.png Diff: /__w/mono/mono/output/react/test-results/button-button-DBButton-sho-020e3-have-icon-for-variant-brand-mobile-chrome-retry1/DBButton-should-only-have-icon-for-variant-brand-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 <button type="button" class="db-button" data-no-text="true" data-variant="brand" data-icon="x_placeholder">User</button> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - 1156 pixels (ratio 0.73 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <button type="button" class="db-button" data-no-text="true" data-variant="brand" data-icon="x_placeholder">User</button> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - captured a stable screenshot - 1156 pixels (ratio 0.73 of all image pixels) are different. 41 | }) => { 42 | const component = await mount(variantIconButton); > 43 | await expect(component).toHaveScreenshot(); | ^ 44 | }); 45 | } 46 | }; at /__w/mono/mono/output/react/src/components/button/button.spec.tsx:43:28

Process completed with exit code 1.

Process completed with exit code 1.

1) [chromium] › brand/brand.spec.tsx:15:2 › DBBrand › should match screenshot ──────────────────── Error: expect(locator).toHaveScreenshot(expected) 294 pixels (ratio 0.02 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/brand/component/chromium/DBBrand-should-match-screenshot.png Received: /__w/mono/mono/output/vue/test-results/brand-brand-DBBrand-should-match-screenshot-chromium/DBBrand-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/output/vue/test-results/brand-brand-DBBrand-should-match-screenshot-chromium/DBBrand-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-brand" data-icon="brand">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 - 294 pixels (ratio 0.02 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-brand" data-icon="brand">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 - 294 pixels (ratio 0.02 of all image pixels) are different. 15 | test(`should match screenshot`, async ({ mount }) => { 16 | const component = await mount(comp); > 17 | await expect(component).toHaveScreenshot(); | ^ 18 | }); 19 | }; 20 | const testA11y = () => { at /__w/mono/mono/output/vue/src/components/brand/brand.spec.tsx:17:27

1) [chromium] › brand/brand.spec.tsx:15:2 › DBBrand › should match screenshot ──────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(locator).toHaveScreenshot(expected) 294 pixels (ratio 0.02 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/brand/component/chromium/DBBrand-should-match-screenshot.png Received: /__w/mono/mono/output/vue/test-results/brand-brand-DBBrand-should-match-screenshot-chromium-retry1/DBBrand-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/output/vue/test-results/brand-brand-DBBrand-should-match-screenshot-chromium-retry1/DBBrand-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-brand" data-icon="brand">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 - 294 pixels (ratio 0.02 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-brand" data-icon="brand">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 - 294 pixels (ratio 0.02 of all image pixels) are different. 15 | test(`should match screenshot`, async ({ mount }) => { 16 | const component = await mount(comp); > 17 | await expect(component).toHaveScreenshot(); | ^ 18 | }); 19 | }; 20 | const testA11y = () => { at /__w/mono/mono/output/vue/src/components/brand/brand.spec.tsx:17:27

2) [chromium] › button/button.spec.tsx:32:3 › DBButton › should match screenshot for variant brand Error: expect(locator).toHaveScreenshot(expected) 2191 pixels (ratio 0.82 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/button/component/chromium/DBButton-should-match-screenshot-for-variant-brand.png Received: /__w/mono/mono/output/vue/test-results/button-button-DBButton-sho-ec187-creenshot-for-variant-brand-chromium/DBButton-should-match-screenshot-for-variant-brand-1-actual.png Diff: /__w/mono/mono/output/vue/test-results/button-button-DBButton-sho-ec187-creenshot-for-variant-brand-chromium/DBButton-should-match-screenshot-for-variant-brand-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 <button type="button" class="db-button" data-variant="brand">Test</button> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - 2191 pixels (ratio 0.82 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <button type="button" class="db-button" data-variant="brand">Test</button> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - captured a stable screenshot - 2191 pixels (ratio 0.82 of all image pixels) are different. 34 | }) => { 35 | const component = await mount(variantButton); > 36 | await expect(component).toHaveScreenshot(); | ^ 37 | }); 38 | 39 | test(`should only have icon for variant ${variant}`, async ({ at /__w/mono/mono/output/vue/src/components/button/button.spec.tsx:36:28

2) [chromium] › button/button.spec.tsx:32:3 › DBButton › should match screenshot for variant brand Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(locator).toHaveScreenshot(expected) 2191 pixels (ratio 0.82 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/button/component/chromium/DBButton-should-match-screenshot-for-variant-brand.png Received: /__w/mono/mono/output/vue/test-results/button-button-DBButton-sho-ec187-creenshot-for-variant-brand-chromium-retry1/DBButton-should-match-screenshot-for-variant-brand-1-actual.png Diff: /__w/mono/mono/output/vue/test-results/button-button-DBButton-sho-ec187-creenshot-for-variant-brand-chromium-retry1/DBButton-should-match-screenshot-for-variant-brand-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 <button type="button" class="db-button" data-variant="brand">Test</button> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - 2191 pixels (ratio 0.82 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <button type="button" class="db-button" data-variant="brand">Test</button> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - captured a stable screenshot - 2191 pixels (ratio 0.82 of all image pixels) are different. 34 | }) => { 35 | const component = await mount(variantButton); > 36 | await expect(component).toHaveScreenshot(); | ^ 37 | }); 38 | 39 | test(`should only have icon for variant ${variant}`, async ({ at /__w/mono/mono/output/vue/src/components/button/button.spec.tsx:36:28

3) [chromium] › button/button.spec.tsx:39:3 › DBButton › should only have icon for variant brand ─ Error: expect(locator).toHaveScreenshot(expected) 1156 pixels (ratio 0.73 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/button/component/chromium/DBButton-should-only-have-icon-for-variant-brand.png Received: /__w/mono/mono/output/vue/test-results/button-button-DBButton-sho-020e3-have-icon-for-variant-brand-chromium/DBButton-should-only-have-icon-for-variant-brand-1-actual.png Diff: /__w/mono/mono/output/vue/test-results/button-button-DBButton-sho-020e3-have-icon-for-variant-brand-chromium/DBButton-should-only-have-icon-for-variant-brand-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 <button type="button" class="db-button" data-no-text="true" data-variant="brand" data-icon="x_placeholder">User</button> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - 1156 pixels (ratio 0.73 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <button type="button" class="db-button" data-no-text="true" data-variant="brand" data-icon="x_placeholder">User</button> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - captured a stable screenshot - 1156 pixels (ratio 0.73 of all image pixels) are different. 41 | }) => { 42 | const component = await mount(variantIconButton); > 43 | await expect(component).toHaveScreenshot(); | ^ 44 | }); 45 | } 46 | }; at /__w/mono/mono/output/vue/src/components/button/button.spec.tsx:43:28

3) [chromium] › button/button.spec.tsx:39:3 › DBButton › should only have icon for variant brand ─ Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(locator).toHaveScreenshot(expected) 1156 pixels (ratio 0.73 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/button/component/chromium/DBButton-should-only-have-icon-for-variant-brand.png Received: /__w/mono/mono/output/vue/test-results/button-button-DBButton-sho-020e3-have-icon-for-variant-brand-chromium-retry1/DBButton-should-only-have-icon-for-variant-brand-1-actual.png Diff: /__w/mono/mono/output/vue/test-results/button-button-DBButton-sho-020e3-have-icon-for-variant-brand-chromium-retry1/DBButton-should-only-have-icon-for-variant-brand-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 <button type="button" class="db-button" data-no-text="true" data-variant="brand" data-icon="x_placeholder">User</button> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - 1156 pixels (ratio 0.73 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <button type="button" class="db-button" data-no-text="true" data-variant="brand" data-icon="x_placeholder">User</button> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - captured a stable screenshot - 1156 pixels (ratio 0.73 of all image pixels) are different. 41 | }) => { 42 | const component = await mount(variantIconButton); > 43 | await expect(component).toHaveScreenshot(); | ^ 44 | }); 45 | } 46 | }; at /__w/mono/mono/output/vue/src/components/button/button.spec.tsx:43:28

Process completed with exit code 1.

1) [mobile_chrome] › brand/brand.spec.tsx:15:2 › DBBrand › should match screenshot ─────────────── Error: expect(locator).toHaveScreenshot(expected) 294 pixels (ratio 0.02 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/brand/component/mobile-chrome/DBBrand-should-match-screenshot.png Received: /__w/mono/mono/output/vue/test-results/brand-brand-DBBrand-should-match-screenshot-mobile-chrome/DBBrand-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/output/vue/test-results/brand-brand-DBBrand-should-match-screenshot-mobile-chrome/DBBrand-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-brand" data-icon="brand">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 - 294 pixels (ratio 0.02 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-brand" data-icon="brand">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 - 294 pixels (ratio 0.02 of all image pixels) are different. 15 | test(`should match screenshot`, async ({ mount }) => { 16 | const component = await mount(comp); > 17 | await expect(component).toHaveScreenshot(); | ^ 18 | }); 19 | }; 20 | const testA11y = () => { at /__w/mono/mono/output/vue/src/components/brand/brand.spec.tsx:17:27

1) [mobile_chrome] › brand/brand.spec.tsx:15:2 › DBBrand › should match screenshot ─────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(locator).toHaveScreenshot(expected) 294 pixels (ratio 0.02 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/brand/component/mobile-chrome/DBBrand-should-match-screenshot.png Received: /__w/mono/mono/output/vue/test-results/brand-brand-DBBrand-should-match-screenshot-mobile-chrome-retry1/DBBrand-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/output/vue/test-results/brand-brand-DBBrand-should-match-screenshot-mobile-chrome-retry1/DBBrand-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-brand" data-icon="brand">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 - 294 pixels (ratio 0.02 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-brand" data-icon="brand">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 - 294 pixels (ratio 0.02 of all image pixels) are different. 15 | test(`should match screenshot`, async ({ mount }) => { 16 | const component = await mount(comp); > 17 | await expect(component).toHaveScreenshot(); | ^ 18 | }); 19 | }; 20 | const testA11y = () => { at /__w/mono/mono/output/vue/src/components/brand/brand.spec.tsx:17:27

2) [mobile_chrome] › button/button.spec.tsx:32:3 › DBButton › should match screenshot for variant brand Error: expect(locator).toHaveScreenshot(expected) 2191 pixels (ratio 0.82 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/button/component/mobile-chrome/DBButton-should-match-screenshot-for-variant-brand.png Received: /__w/mono/mono/output/vue/test-results/button-button-DBButton-sho-ec187-creenshot-for-variant-brand-mobile-chrome/DBButton-should-match-screenshot-for-variant-brand-1-actual.png Diff: /__w/mono/mono/output/vue/test-results/button-button-DBButton-sho-ec187-creenshot-for-variant-brand-mobile-chrome/DBButton-should-match-screenshot-for-variant-brand-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 <button type="button" class="db-button" data-variant="brand">Test</button> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - 2191 pixels (ratio 0.82 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <button type="button" class="db-button" data-variant="brand">Test</button> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - captured a stable screenshot - 2191 pixels (ratio 0.82 of all image pixels) are different. 34 | }) => { 35 | const component = await mount(variantButton); > 36 | await expect(component).toHaveScreenshot(); | ^ 37 | }); 38 | 39 | test(`should only have icon for variant ${variant}`, async ({ at /__w/mono/mono/output/vue/src/components/button/button.spec.tsx:36:28

2) [mobile_chrome] › button/button.spec.tsx:32:3 › DBButton › should match screenshot for variant brand Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(locator).toHaveScreenshot(expected) 2191 pixels (ratio 0.82 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/button/component/mobile-chrome/DBButton-should-match-screenshot-for-variant-brand.png Received: /__w/mono/mono/output/vue/test-results/button-button-DBButton-sho-ec187-creenshot-for-variant-brand-mobile-chrome-retry1/DBButton-should-match-screenshot-for-variant-brand-1-actual.png Diff: /__w/mono/mono/output/vue/test-results/button-button-DBButton-sho-ec187-creenshot-for-variant-brand-mobile-chrome-retry1/DBButton-should-match-screenshot-for-variant-brand-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 <button type="button" class="db-button" data-variant="brand">Test</button> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - 2191 pixels (ratio 0.82 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <button type="button" class="db-button" data-variant="brand">Test</button> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - captured a stable screenshot - 2191 pixels (ratio 0.82 of all image pixels) are different. 34 | }) => { 35 | const component = await mount(variantButton); > 36 | await expect(component).toHaveScreenshot(); | ^ 37 | }); 38 | 39 | test(`should only have icon for variant ${variant}`, async ({ at /__w/mono/mono/output/vue/src/components/button/button.spec.tsx:36:28

3) [mobile_chrome] › button/button.spec.tsx:39:3 › DBButton › should only have icon for variant brand Error: expect(locator).toHaveScreenshot(expected) 1156 pixels (ratio 0.73 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/button/component/mobile-chrome/DBButton-should-only-have-icon-for-variant-brand.png Received: /__w/mono/mono/output/vue/test-results/button-button-DBButton-sho-020e3-have-icon-for-variant-brand-mobile-chrome/DBButton-should-only-have-icon-for-variant-brand-1-actual.png Diff: /__w/mono/mono/output/vue/test-results/button-button-DBButton-sho-020e3-have-icon-for-variant-brand-mobile-chrome/DBButton-should-only-have-icon-for-variant-brand-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 <button type="button" class="db-button" data-no-text="true" data-variant="brand" data-icon="x_placeholder">User</button> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - 1156 pixels (ratio 0.73 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <button type="button" class="db-button" data-no-text="true" data-variant="brand" data-icon="x_placeholder">User</button> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - captured a stable screenshot - 1156 pixels (ratio 0.73 of all image pixels) are different. 41 | }) => { 42 | const component = await mount(variantIconButton); > 43 | await expect(component).toHaveScreenshot(); | ^ 44 | }); 45 | } 46 | }; at /__w/mono/mono/output/vue/src/components/button/button.spec.tsx:43:28

3) [mobile_chrome] › button/button.spec.tsx:39:3 › DBButton › should only have icon for variant brand Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(locator).toHaveScreenshot(expected) 1156 pixels (ratio 0.73 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/button/component/mobile-chrome/DBButton-should-only-have-icon-for-variant-brand.png Received: /__w/mono/mono/output/vue/test-results/button-button-DBButton-sho-020e3-have-icon-for-variant-brand-mobile-chrome-retry1/DBButton-should-only-have-icon-for-variant-brand-1-actual.png Diff: /__w/mono/mono/output/vue/test-results/button-button-DBButton-sho-020e3-have-icon-for-variant-brand-mobile-chrome-retry1/DBButton-should-only-have-icon-for-variant-brand-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 <button type="button" class="db-button" data-no-text="true" data-variant="brand" data-icon="x_placeholder">User</button> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - 1156 pixels (ratio 0.73 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <button type="button" class="db-button" data-no-text="true" data-variant="brand" data-icon="x_placeholder">User</button> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - captured a stable screenshot - 1156 pixels (ratio 0.73 of all image pixels) are different. 41 | }) => { 42 | const component = await mount(variantIconButton); > 43 | await expect(component).toHaveScreenshot(); | ^ 44 | }); 45 | } 46 | }; at /__w/mono/mono/output/vue/src/components/button/button.spec.tsx:43:28

1) [firefox] › brand/brand.spec.tsx:15:6 › DBBrand › should match screenshot ───────────────────── Error: expect(locator).toHaveScreenshot(expected) 313 pixels (ratio 0.03 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/brand/component/firefox/DBBrand-should-match-screenshot.png Received: /__w/mono/mono/output/react/test-results/brand-brand-DBBrand-should-match-screenshot-firefox/DBBrand-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/output/react/test-results/brand-brand-DBBrand-should-match-screenshot-firefox/DBBrand-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-brand" data-icon="brand">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 - 313 pixels (ratio 0.03 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <div class="db-brand" data-icon="brand">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 - 313 pixels (ratio 0.03 of all image pixels) are different. 15 | test(`should match screenshot`, async ({ mount }) => { 16 | const component = await mount(comp); > 17 | await expect(component).toHaveScreenshot(); | ^ 18 | }); 19 | }; 20 | const testA11y = () => { at /__w/mono/mono/output/react/src/components/brand/brand.spec.tsx:17:27

1) [firefox] › brand/brand.spec.tsx:15:6 › DBBrand › should match screenshot ───────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(locator).toHaveScreenshot(expected) 313 pixels (ratio 0.03 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/brand/component/firefox/DBBrand-should-match-screenshot.png Received: /__w/mono/mono/output/react/test-results/brand-brand-DBBrand-should-match-screenshot-firefox-retry1/DBBrand-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/output/react/test-results/brand-brand-DBBrand-should-match-screenshot-firefox-retry1/DBBrand-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-brand" data-icon="brand">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 - 313 pixels (ratio 0.03 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <div class="db-brand" data-icon="brand">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 - 313 pixels (ratio 0.03 of all image pixels) are different. 15 | test(`should match screenshot`, async ({ mount }) => { 16 | const component = await mount(comp); > 17 | await expect(component).toHaveScreenshot(); | ^ 18 | }); 19 | }; 20 | const testA11y = () => { at /__w/mono/mono/output/react/src/components/brand/brand.spec.tsx:17:27

2) [firefox] › button/button.spec.tsx:32:7 › DBButton › should match screenshot for variant brand Error: expect(locator).toHaveScreenshot(expected) 2229 pixels (ratio 0.84 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/button/component/firefox/DBButton-should-match-screenshot-for-variant-brand.png Received: /__w/mono/mono/output/react/test-results/button-button-DBButton-sho-ec187-creenshot-for-variant-brand-firefox/DBButton-should-match-screenshot-for-variant-brand-1-actual.png Diff: /__w/mono/mono/output/react/test-results/button-button-DBButton-sho-ec187-creenshot-for-variant-brand-firefox/DBButton-should-match-screenshot-for-variant-brand-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 <button type="button" class="db-button" data-variant="brand">Test</button> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - 2229 pixels (ratio 0.84 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <button type="button" class="db-button" data-variant="brand">Test</button> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - captured a stable screenshot - 2229 pixels (ratio 0.84 of all image pixels) are different. 34 | }) => { 35 | const component = await mount(variantButton); > 36 | await expect(component).toHaveScreenshot(); | ^ 37 | }); 38 | 39 | test(`should only have icon for variant ${variant}`, async ({ at /__w/mono/mono/output/react/src/components/button/button.spec.tsx:36:28

2) [firefox] › button/button.spec.tsx:32:7 › DBButton › should match screenshot for variant brand Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(locator).toHaveScreenshot(expected) 2229 pixels (ratio 0.84 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/button/component/firefox/DBButton-should-match-screenshot-for-variant-brand.png Received: /__w/mono/mono/output/react/test-results/button-button-DBButton-sho-ec187-creenshot-for-variant-brand-firefox-retry1/DBButton-should-match-screenshot-for-variant-brand-1-actual.png Diff: /__w/mono/mono/output/react/test-results/button-button-DBButton-sho-ec187-creenshot-for-variant-brand-firefox-retry1/DBButton-should-match-screenshot-for-variant-brand-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 <button type="button" class="db-button" data-variant="brand">Test</button> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - 2229 pixels (ratio 0.84 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <button type="button" class="db-button" data-variant="brand">Test</button> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - captured a stable screenshot - 2229 pixels (ratio 0.84 of all image pixels) are different. 34 | }) => { 35 | const component = await mount(variantButton); > 36 | await expect(component).toHaveScreenshot(); | ^ 37 | }); 38 | 39 | test(`should only have icon for variant ${variant}`, async ({ at /__w/mono/mono/output/react/src/components/button/button.spec.tsx:36:28

3) [firefox] › button/button.spec.tsx:39:7 › DBButton › should only have icon for variant brand ── Error: expect(locator).toHaveScreenshot(expected) 1182 pixels (ratio 0.74 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/button/component/firefox/DBButton-should-only-have-icon-for-variant-brand.png Received: /__w/mono/mono/output/react/test-results/button-button-DBButton-sho-020e3-have-icon-for-variant-brand-firefox/DBButton-should-only-have-icon-for-variant-brand-1-actual.png Diff: /__w/mono/mono/output/react/test-results/button-button-DBButton-sho-020e3-have-icon-for-variant-brand-firefox/DBButton-should-only-have-icon-for-variant-brand-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 <button type="button" class="db-button" data-no-text="true" data-variant="brand" data-icon="x_placeholder">User</button> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - 1182 pixels (ratio 0.74 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <button type="button" class="db-button" data-no-text="true" data-variant="brand" data-icon="x_placeholder">User</button> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - captured a stable screenshot - 1182 pixels (ratio 0.74 of all image pixels) are different. 41 | }) => { 42 | const component = await mount(variantIconButton); > 43 | await expect(component).toHaveScreenshot(); | ^ 44 | }); 45 | } 46 | }; at /__w/mono/mono/output/react/src/components/button/button.spec.tsx:43:28

3) [firefox] › button/button.spec.tsx:39:7 › DBButton › should only have icon for variant brand ── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(locator).toHaveScreenshot(expected) 1182 pixels (ratio 0.74 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/button/component/firefox/DBButton-should-only-have-icon-for-variant-brand.png Received: /__w/mono/mono/output/react/test-results/button-button-DBButton-sho-020e3-have-icon-for-variant-brand-firefox-retry1/DBButton-should-only-have-icon-for-variant-brand-1-actual.png Diff: /__w/mono/mono/output/react/test-results/button-button-DBButton-sho-020e3-have-icon-for-variant-brand-firefox-retry1/DBButton-should-only-have-icon-for-variant-brand-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 <button type="button" class="db-button" data-no-text="true" data-variant="brand" data-icon="x_placeholder">User</button> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - 1182 pixels (ratio 0.74 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <button type="button" class="db-button" data-no-text="true" data-variant="brand" data-icon="x_placeholder">User</button> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - captured a stable screenshot - 1182 pixels (ratio 0.74 of all image pixels) are different. 41 | }) => { 42 | const component = await mount(variantIconButton); > 43 | await expect(component).toHaveScreenshot(); | ^ 44 | }); 45 | } 46 | }; at /__w/mono/mono/output/react/src/components/button/button.spec.tsx:43:28

Process completed with exit code 1.

1) [firefox] › brand/brand.spec.tsx:15:2 › DBBrand › should match screenshot ───────────────────── Error: expect(locator).toHaveScreenshot(expected) 313 pixels (ratio 0.03 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/brand/component/firefox/DBBrand-should-match-screenshot.png Received: /__w/mono/mono/output/vue/test-results/brand-brand-DBBrand-should-match-screenshot-firefox/DBBrand-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/output/vue/test-results/brand-brand-DBBrand-should-match-screenshot-firefox/DBBrand-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-brand" data-icon="brand">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 - 313 pixels (ratio 0.03 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <div class="db-brand" data-icon="brand">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 - 313 pixels (ratio 0.03 of all image pixels) are different. 15 | test(`should match screenshot`, async ({ mount }) => { 16 | const component = await mount(comp); > 17 | await expect(component).toHaveScreenshot(); | ^ 18 | }); 19 | }; 20 | const testA11y = () => { at /__w/mono/mono/output/vue/src/components/brand/brand.spec.tsx:17:27

1) [firefox] › brand/brand.spec.tsx:15:2 › DBBrand › should match screenshot ───────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(locator).toHaveScreenshot(expected) 313 pixels (ratio 0.03 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/brand/component/firefox/DBBrand-should-match-screenshot.png Received: /__w/mono/mono/output/vue/test-results/brand-brand-DBBrand-should-match-screenshot-firefox-retry1/DBBrand-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/output/vue/test-results/brand-brand-DBBrand-should-match-screenshot-firefox-retry1/DBBrand-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-brand" data-icon="brand">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 - 313 pixels (ratio 0.03 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <div class="db-brand" data-icon="brand">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 - 313 pixels (ratio 0.03 of all image pixels) are different. 15 | test(`should match screenshot`, async ({ mount }) => { 16 | const component = await mount(comp); > 17 | await expect(component).toHaveScreenshot(); | ^ 18 | }); 19 | }; 20 | const testA11y = () => { at /__w/mono/mono/output/vue/src/components/brand/brand.spec.tsx:17:27

2) [firefox] › button/button.spec.tsx:32:3 › DBButton › should match screenshot for variant brand Error: expect(locator).toHaveScreenshot(expected) 2229 pixels (ratio 0.84 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/button/component/firefox/DBButton-should-match-screenshot-for-variant-brand.png Received: /__w/mono/mono/output/vue/test-results/button-button-DBButton-sho-ec187-creenshot-for-variant-brand-firefox/DBButton-should-match-screenshot-for-variant-brand-1-actual.png Diff: /__w/mono/mono/output/vue/test-results/button-button-DBButton-sho-ec187-creenshot-for-variant-brand-firefox/DBButton-should-match-screenshot-for-variant-brand-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 <button type="button" class="db-button" data-variant="brand">Test</button> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - 2229 pixels (ratio 0.84 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <button type="button" class="db-button" data-variant="brand">Test</button> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - captured a stable screenshot - 2229 pixels (ratio 0.84 of all image pixels) are different. 34 | }) => { 35 | const component = await mount(variantButton); > 36 | await expect(component).toHaveScreenshot(); | ^ 37 | }); 38 | 39 | test(`should only have icon for variant ${variant}`, async ({ at /__w/mono/mono/output/vue/src/components/button/button.spec.tsx:36:28

2) [firefox] › button/button.spec.tsx:32:3 › DBButton › should match screenshot for variant brand Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(locator).toHaveScreenshot(expected) 2229 pixels (ratio 0.84 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/button/component/firefox/DBButton-should-match-screenshot-for-variant-brand.png Received: /__w/mono/mono/output/vue/test-results/button-button-DBButton-sho-ec187-creenshot-for-variant-brand-firefox-retry1/DBButton-should-match-screenshot-for-variant-brand-1-actual.png Diff: /__w/mono/mono/output/vue/test-results/button-button-DBButton-sho-ec187-creenshot-for-variant-brand-firefox-retry1/DBButton-should-match-screenshot-for-variant-brand-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 <button type="button" class="db-button" data-variant="brand">Test</button> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - 2229 pixels (ratio 0.84 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <button type="button" class="db-button" data-variant="brand">Test</button> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - captured a stable screenshot - 2229 pixels (ratio 0.84 of all image pixels) are different. 34 | }) => { 35 | const component = await mount(variantButton); > 36 | await expect(component).toHaveScreenshot(); | ^ 37 | }); 38 | 39 | test(`should only have icon for variant ${variant}`, async ({ at /__w/mono/mono/output/vue/src/components/button/button.spec.tsx:36:28

3) [firefox] › button/button.spec.tsx:39:3 › DBButton › should only have icon for variant brand ── Error: expect(locator).toHaveScreenshot(expected) 1182 pixels (ratio 0.74 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/button/component/firefox/DBButton-should-only-have-icon-for-variant-brand.png Received: /__w/mono/mono/output/vue/test-results/button-button-DBButton-sho-020e3-have-icon-for-variant-brand-firefox/DBButton-should-only-have-icon-for-variant-brand-1-actual.png Diff: /__w/mono/mono/output/vue/test-results/button-button-DBButton-sho-020e3-have-icon-for-variant-brand-firefox/DBButton-should-only-have-icon-for-variant-brand-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 <button type="button" class="db-button" data-no-text="true" data-variant="brand" data-icon="x_placeholder">User</button> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - 1182 pixels (ratio 0.74 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <button type="button" class="db-button" data-no-text="true" data-variant="brand" data-icon="x_placeholder">User</button> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - captured a stable screenshot - 1182 pixels (ratio 0.74 of all image pixels) are different. 41 | }) => { 42 | const component = await mount(variantIconButton); > 43 | await expect(component).toHaveScreenshot(); | ^ 44 | }); 45 | } 46 | }; at /__w/mono/mono/output/vue/src/components/button/button.spec.tsx:43:28

3) [firefox] › button/button.spec.tsx:39:3 › DBButton › should only have icon for variant brand ── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(locator).toHaveScreenshot(expected) 1182 pixels (ratio 0.74 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/button/component/firefox/DBButton-should-only-have-icon-for-variant-brand.png Received: /__w/mono/mono/output/vue/test-results/button-button-DBButton-sho-020e3-have-icon-for-variant-brand-firefox-retry1/DBButton-should-only-have-icon-for-variant-brand-1-actual.png Diff: /__w/mono/mono/output/vue/test-results/button-button-DBButton-sho-020e3-have-icon-for-variant-brand-firefox-retry1/DBButton-should-only-have-icon-for-variant-brand-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 <button type="button" class="db-button" data-no-text="true" data-variant="brand" data-icon="x_placeholder">User</button> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - 1182 pixels (ratio 0.74 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <button type="button" class="db-button" data-no-text="true" data-variant="brand" data-icon="x_placeholder">User</button> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - captured a stable screenshot - 1182 pixels (ratio 0.74 of all image pixels) are different. 41 | }) => { 42 | const component = await mount(variantIconButton); > 43 | await expect(component).toHaveScreenshot(); | ^ 44 | }); 45 | } 46 | }; at /__w/mono/mono/output/vue/src/components/button/button.spec.tsx:43:28

Process completed with exit code 1.

Process completed with exit code 1.

3 failed [chromium] › brand/brand.spec.tsx:15:6 › DBBrand › should match screenshot ───────────────────── [chromium] › button/button.spec.tsx:32:7 › DBButton › should match screenshot for variant brand [chromium] › button/button.spec.tsx:39:7 › DBButton › should only have icon for variant brand ── 3 skipped 141 passed (39.6s)

3 failed [mobile_chrome] › brand/brand.spec.tsx:15:6 › DBBrand › should match screenshot ──────────────── [mobile_chrome] › button/button.spec.tsx:32:7 › DBButton › should match screenshot for variant brand [mobile_chrome] › button/button.spec.tsx:39:7 › DBButton › should only have icon for variant brand 3 skipped 141 passed (40.0s)

3 failed [chromium] › brand/brand.spec.tsx:15:2 › DBBrand › should match screenshot ───────────────────── [chromium] › button/button.spec.tsx:32:3 › DBButton › should match screenshot for variant brand [chromium] › button/button.spec.tsx:39:3 › DBButton › should only have icon for variant brand ── 3 skipped 141 passed (42.9s)

3 failed [mobile_chrome] › brand/brand.spec.tsx:15:2 › DBBrand › should match screenshot ──────────────── [mobile_chrome] › button/button.spec.tsx:32:3 › DBButton › should match screenshot for variant brand [mobile_chrome] › button/button.spec.tsx:39:3 › DBButton › should only have icon for variant brand 3 skipped 141 passed (43.1s)

3 failed [firefox] › brand/brand.spec.tsx:15:6 › DBBrand › should match screenshot ────────────────────── [firefox] › button/button.spec.tsx:32:7 › DBButton › should match screenshot for variant brand ─ [firefox] › button/button.spec.tsx:39:7 › DBButton › should only have icon for variant brand ─── 3 skipped 141 passed (1.4m)