1) [firefox] › main-navigation/main-navigation.spec.tsx:37:2 › DBMainNavigation › should match screenshot for device desktop Error: Screenshot comparison failed: 199 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/main-navigation/component/firefox/DBMainNavigation-should-match-screenshot-for-device-desktop.png Received: /__w/mono/mono/output/vue/vue3/test-results/main-navigation-main-navigation.spec.tsx-DBMainNavigation-should-match-screenshot-for-device-desktop-firefox/DBMainNavigation-should-match-screenshot-for-device-desktop-1-actual.png Diff: /__w/mono/mono/output/vue/vue3/test-results/main-navigation-main-navigation.spec.tsx-DBMainNavigation-should-match-screenshot-for-device-desktop-firefox/DBMainNavigation-should-match-screenshot-for-device-desktop-1-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <nav class="db-main-navigation" id="main-navigation-6…>…</nav> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - 199 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <nav class="db-main-navigation" id="main-navigation-6…>…</nav> - taking 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 - 199 pixels (ratio 0.01 of all image pixels) are different. 45 | const component = await mount(comp); 46 | await expect(component.getByTestId('test1')).toBeVisible(); > 47 | await expect(component).toHaveScreenshot(); | ^ 48 | }); 49 | }; 50 | const testA11y = () => { at /__w/mono/mono/output/vue/vue3/src/components/main-navigation/main-navigation.spec.tsx:47:27

1) [firefox] › main-navigation/main-navigation.spec.tsx:37:2 › DBMainNavigation › should match screenshot for device desktop Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 199 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/main-navigation/component/firefox/DBMainNavigation-should-match-screenshot-for-device-desktop.png Received: /__w/mono/mono/output/vue/vue3/test-results/main-navigation-main-navigation.spec.tsx-DBMainNavigation-should-match-screenshot-for-device-desktop-firefox-retry1/DBMainNavigation-should-match-screenshot-for-device-desktop-1-actual.png Diff: /__w/mono/mono/output/vue/vue3/test-results/main-navigation-main-navigation.spec.tsx-DBMainNavigation-should-match-screenshot-for-device-desktop-firefox-retry1/DBMainNavigation-should-match-screenshot-for-device-desktop-1-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <nav class="db-main-navigation" id="main-navigation-0…>…</nav> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - 199 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <nav class="db-main-navigation" id="main-navigation-0…>…</nav> - taking 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 - 199 pixels (ratio 0.01 of all image pixels) are different. 45 | const component = await mount(comp); 46 | await expect(component.getByTestId('test1')).toBeVisible(); > 47 | await expect(component).toHaveScreenshot(); | ^ 48 | }); 49 | }; 50 | const testA11y = () => { at /__w/mono/mono/output/vue/vue3/src/components/main-navigation/main-navigation.spec.tsx:47:27

2) [firefox] › main-navigation/main-navigation.spec.tsx:65:2 › DBMainNavigation › should open sub navigation desktop Test timeout of 30000ms exceeded.

2) [firefox] › main-navigation/main-navigation.spec.tsx:65:2 › DBMainNavigation › should open sub navigation desktop Error: locator.hover: Test timeout of 30000ms exceeded. Call log: - waiting for locator('#root').locator('internal:control=component').getByTestId('test1').getByRole('button') 70 | const component = await mount(comp); 71 | await expect(component.getByTestId('sub1')).toBeHidden(); > 72 | await component.getByTestId('test1').getByRole('button').hover(); | ^ 73 | await expect(component.getByTestId('sub1')).toBeVisible(); 74 | }); 75 | }; at /__w/mono/mono/output/vue/vue3/src/components/main-navigation/main-navigation.spec.tsx:72:60

2) [firefox] › main-navigation/main-navigation.spec.tsx:65:2 › DBMainNavigation › should open sub navigation desktop Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Test timeout of 30000ms exceeded.

2) [firefox] › main-navigation/main-navigation.spec.tsx:65:2 › DBMainNavigation › should open sub navigation desktop Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: locator.hover: Test timeout of 30000ms exceeded. Call log: - waiting for locator('#root').locator('internal:control=component').getByTestId('test1').getByRole('button') 70 | const component = await mount(comp); 71 | await expect(component.getByTestId('sub1')).toBeHidden(); > 72 | await component.getByTestId('test1').getByRole('button').hover(); | ^ 73 | await expect(component.getByTestId('sub1')).toBeVisible(); 74 | }); 75 | }; at /__w/mono/mono/output/vue/vue3/src/components/main-navigation/main-navigation.spec.tsx:72:60

3) [firefox] › main-navigation/main-navigation.spec.tsx:37:2 › DBMainNavigation › should match screenshot for device tablet Error: Screenshot comparison failed: Expected an image 768px by 150px, received 768px by 132px. 507 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/main-navigation/component/firefox/DBMainNavigation-should-match-screenshot-for-device-tablet.png Received: /__w/mono/mono/output/vue/vue3/test-results/main-navigation-main-navigation.spec.tsx-DBMainNavigation-should-match-screenshot-for-device-tablet-firefox/DBMainNavigation-should-match-screenshot-for-device-tablet-1-actual.png Diff: /__w/mono/mono/output/vue/vue3/test-results/main-navigation-main-navigation.spec.tsx-DBMainNavigation-should-match-screenshot-for-device-tablet-firefox/DBMainNavigation-should-match-screenshot-for-device-tablet-1-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <nav class="db-main-navigation" id="main-navigation-d…>…</nav> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - Expected an image 768px by 150px, received 768px by 132px. 507 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <nav class="db-main-navigation" id="main-navigation-d…>…</nav> - taking 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 - Expected an image 768px by 150px, received 768px by 132px. 507 pixels (ratio 0.01 of all image pixels) are different. 45 | const component = await mount(comp); 46 | await expect(component.getByTestId('test1')).toBeVisible(); > 47 | await expect(component).toHaveScreenshot(); | ^ 48 | }); 49 | }; 50 | const testA11y = () => { at /__w/mono/mono/output/vue/vue3/src/components/main-navigation/main-navigation.spec.tsx:47:27

3) [firefox] › main-navigation/main-navigation.spec.tsx:37:2 › DBMainNavigation › should match screenshot for device tablet Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: Expected an image 768px by 150px, received 768px by 132px. 507 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/main-navigation/component/firefox/DBMainNavigation-should-match-screenshot-for-device-tablet.png Received: /__w/mono/mono/output/vue/vue3/test-results/main-navigation-main-navigation.spec.tsx-DBMainNavigation-should-match-screenshot-for-device-tablet-firefox-retry1/DBMainNavigation-should-match-screenshot-for-device-tablet-1-actual.png Diff: /__w/mono/mono/output/vue/vue3/test-results/main-navigation-main-navigation.spec.tsx-DBMainNavigation-should-match-screenshot-for-device-tablet-firefox-retry1/DBMainNavigation-should-match-screenshot-for-device-tablet-1-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <nav class="db-main-navigation" id="main-navigation-6…>…</nav> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - Expected an image 768px by 150px, received 768px by 132px. 507 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <nav class="db-main-navigation" id="main-navigation-6…>…</nav> - taking 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 - Expected an image 768px by 150px, received 768px by 132px. 507 pixels (ratio 0.01 of all image pixels) are different. 45 | const component = await mount(comp); 46 | await expect(component.getByTestId('test1')).toBeVisible(); > 47 | await expect(component).toHaveScreenshot(); | ^ 48 | }); 49 | }; 50 | const testA11y = () => { at /__w/mono/mono/output/vue/vue3/src/components/main-navigation/main-navigation.spec.tsx:47:27

4) [firefox] › main-navigation/main-navigation.spec.tsx:37:2 › DBMainNavigation › should match screenshot for device mobile Error: Screenshot comparison failed: Expected an image 390px by 150px, received 390px by 132px. 507 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/main-navigation/component/firefox/DBMainNavigation-should-match-screenshot-for-device-mobile.png Received: /__w/mono/mono/output/vue/vue3/test-results/main-navigation-main-navigation.spec.tsx-DBMainNavigation-should-match-screenshot-for-device-mobile-firefox/DBMainNavigation-should-match-screenshot-for-device-mobile-1-actual.png Diff: /__w/mono/mono/output/vue/vue3/test-results/main-navigation-main-navigation.spec.tsx-DBMainNavigation-should-match-screenshot-for-device-mobile-firefox/DBMainNavigation-should-match-screenshot-for-device-mobile-1-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <nav class="db-main-navigation" id="main-navigation-5…>…</nav> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - Expected an image 390px by 150px, received 390px by 132px. 507 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <nav class="db-main-navigation" id="main-navigation-5…>…</nav> - taking 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 - Expected an image 390px by 150px, received 390px by 132px. 507 pixels (ratio 0.01 of all image pixels) are different. 45 | const component = await mount(comp); 46 | await expect(component.getByTestId('test1')).toBeVisible(); > 47 | await expect(component).toHaveScreenshot(); | ^ 48 | }); 49 | }; 50 | const testA11y = () => { at /__w/mono/mono/output/vue/vue3/src/components/main-navigation/main-navigation.spec.tsx:47:27

4) [firefox] › main-navigation/main-navigation.spec.tsx:37:2 › DBMainNavigation › should match screenshot for device mobile Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: Expected an image 390px by 150px, received 390px by 132px. 507 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/main-navigation/component/firefox/DBMainNavigation-should-match-screenshot-for-device-mobile.png Received: /__w/mono/mono/output/vue/vue3/test-results/main-navigation-main-navigation.spec.tsx-DBMainNavigation-should-match-screenshot-for-device-mobile-firefox-retry1/DBMainNavigation-should-match-screenshot-for-device-mobile-1-actual.png Diff: /__w/mono/mono/output/vue/vue3/test-results/main-navigation-main-navigation.spec.tsx-DBMainNavigation-should-match-screenshot-for-device-mobile-firefox-retry1/DBMainNavigation-should-match-screenshot-for-device-mobile-1-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <nav class="db-main-navigation" id="main-navigation-8…>…</nav> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - Expected an image 390px by 150px, received 390px by 132px. 507 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <nav class="db-main-navigation" id="main-navigation-8…>…</nav> - taking 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 - Expected an image 390px by 150px, received 390px by 132px. 507 pixels (ratio 0.01 of all image pixels) are different. 45 | const component = await mount(comp); 46 | await expect(component.getByTestId('test1')).toBeVisible(); > 47 | await expect(component).toHaveScreenshot(); | ^ 48 | }); 49 | }; 50 | const testA11y = () => { at /__w/mono/mono/output/vue/vue3/src/components/main-navigation/main-navigation.spec.tsx:47:27

Process completed with exit code 1.

output/vue/vue3/[firefox] › main-navigation/main-navigation.spec.tsx took 2.2m