Process completed with exit code 1.

1) [chromium] › popover/popover.spec.tsx:26:2 › DBPopover › should match screenshot ────────────── Error: Screenshot comparison failed: Expected an image 390px by 200px, received 390px by 160px. 399 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/popover/component/chromium/DBPopover-should-match-screenshot.png Received: /__w/mono/mono/output/vue/vue3/test-results/popover-popover.spec.tsx-DBPopover-should-match-screenshot-chromium/DBPopover-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/output/vue/vue3/test-results/popover-popover.spec.tsx-DBPopover-should-match-screenshot-chromium/DBPopover-should-match-screenshot-1-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <div class="padding-box">…</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 - Expected an image 390px by 200px, received 390px by 160px. 399 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <div class="padding-box">…</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 - Expected an image 390px by 200px, received 390px by 160px. 399 pixels (ratio 0.01 of all image pixels) are different. 26 | test('should match screenshot', async ({ mount }) => { 27 | const component = await mount(comp); > 28 | await expect(component).toHaveScreenshot(); | ^ 29 | }); 30 | 31 | test('should open', async ({ mount }) => { at /__w/mono/mono/output/vue/vue3/src/components/popover/popover.spec.tsx:28:27

1) [chromium] › popover/popover.spec.tsx:26:2 › DBPopover › should match screenshot ────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: Expected an image 390px by 200px, received 390px by 160px. 399 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/popover/component/chromium/DBPopover-should-match-screenshot.png Received: /__w/mono/mono/output/vue/vue3/test-results/popover-popover.spec.tsx-DBPopover-should-match-screenshot-chromium-retry1/DBPopover-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/output/vue/vue3/test-results/popover-popover.spec.tsx-DBPopover-should-match-screenshot-chromium-retry1/DBPopover-should-match-screenshot-1-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <div class="padding-box">…</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 - Expected an image 390px by 200px, received 390px by 160px. 399 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <div class="padding-box">…</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 - Expected an image 390px by 200px, received 390px by 160px. 399 pixels (ratio 0.01 of all image pixels) are different. 26 | test('should match screenshot', async ({ mount }) => { 27 | const component = await mount(comp); > 28 | await expect(component).toHaveScreenshot(); | ^ 29 | }); 30 | 31 | test('should open', async ({ mount }) => { at /__w/mono/mono/output/vue/vue3/src/components/popover/popover.spec.tsx:28:27

2) [chromium] › popover/popover.spec.tsx:31:2 › DBPopover › should open ────────────────────────── Test timeout of 30000ms exceeded.

2) [chromium] › popover/popover.spec.tsx:31:2 › DBPopover › should open ────────────────────────── Error: locator.focus: Test timeout of 30000ms exceeded. Call log: - waiting for locator('#root').locator('internal:control=component').getByTestId('button') 31 | test('should open', async ({ mount }) => { 32 | const component = await mount(comp); > 33 | await component.getByTestId('button').focus(); | ^ 34 | await expect(component.getByTestId('popover')).toBeVisible(); 35 | }); 36 | at /__w/mono/mono/output/vue/vue3/src/components/popover/popover.spec.tsx:33:41

2) [chromium] › popover/popover.spec.tsx:31:2 › DBPopover › should open ────────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Test timeout of 30000ms exceeded.

2) [chromium] › popover/popover.spec.tsx:31:2 › DBPopover › should open ────────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: locator.focus: Test timeout of 30000ms exceeded. Call log: - waiting for locator('#root').locator('internal:control=component').getByTestId('button') 31 | test('should open', async ({ mount }) => { 32 | const component = await mount(comp); > 33 | await component.getByTestId('button').focus(); | ^ 34 | await expect(component.getByTestId('popover')).toBeVisible(); 35 | }); 36 | at /__w/mono/mono/output/vue/vue3/src/components/popover/popover.spec.tsx:33:41

3) [chromium] › popover/popover.spec.tsx:37:2 › DBPopover › after open should match screenshot ─── Test timeout of 30000ms exceeded.

3) [chromium] › popover/popover.spec.tsx:37:2 › DBPopover › after open should match screenshot ─── Error: locator.focus: Test timeout of 30000ms exceeded. Call log: - waiting for locator('#root').locator('internal:control=component').getByTestId('button') 37 | test('after open should match screenshot', async ({ mount }) => { 38 | const component = await mount(comp); > 39 | await component.getByTestId('button').focus(); | ^ 40 | await expect(component).toHaveScreenshot(); 41 | }); 42 | }; at /__w/mono/mono/output/vue/vue3/src/components/popover/popover.spec.tsx:39:41

3) [chromium] › popover/popover.spec.tsx:37:2 › DBPopover › after open should match screenshot ─── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Test timeout of 30000ms exceeded.

3) [chromium] › popover/popover.spec.tsx:37:2 › DBPopover › after open should match screenshot ─── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: locator.focus: Test timeout of 30000ms exceeded. Call log: - waiting for locator('#root').locator('internal:control=component').getByTestId('button') 37 | test('after open should match screenshot', async ({ mount }) => { 38 | const component = await mount(comp); > 39 | await component.getByTestId('button').focus(); | ^ 40 | await expect(component).toHaveScreenshot(); 41 | }); 42 | }; at /__w/mono/mono/output/vue/vue3/src/components/popover/popover.spec.tsx:39:41

Process completed with exit code 1.

1) [mobile_chrome] › popover/popover.spec.tsx:26:2 › DBPopover › should match screenshot ───────── Error: Screenshot comparison failed: Expected an image 390px by 200px, received 390px by 160px. 399 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/popover/component/mobile-chrome/DBPopover-should-match-screenshot.png Received: /__w/mono/mono/output/vue/vue3/test-results/popover-popover.spec.tsx-DBPopover-should-match-screenshot-mobile-chrome/DBPopover-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/output/vue/vue3/test-results/popover-popover.spec.tsx-DBPopover-should-match-screenshot-mobile-chrome/DBPopover-should-match-screenshot-1-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <div class="padding-box">…</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 - Expected an image 390px by 200px, received 390px by 160px. 399 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <div class="padding-box">…</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 - Expected an image 390px by 200px, received 390px by 160px. 399 pixels (ratio 0.01 of all image pixels) are different. 26 | test('should match screenshot', async ({ mount }) => { 27 | const component = await mount(comp); > 28 | await expect(component).toHaveScreenshot(); | ^ 29 | }); 30 | 31 | test('should open', async ({ mount }) => { at /__w/mono/mono/output/vue/vue3/src/components/popover/popover.spec.tsx:28:27

1) [mobile_chrome] › popover/popover.spec.tsx:26:2 › DBPopover › should match screenshot ───────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: Expected an image 390px by 200px, received 390px by 160px. 399 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/popover/component/mobile-chrome/DBPopover-should-match-screenshot.png Received: /__w/mono/mono/output/vue/vue3/test-results/popover-popover.spec.tsx-DBPopover-should-match-screenshot-mobile-chrome-retry1/DBPopover-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/output/vue/vue3/test-results/popover-popover.spec.tsx-DBPopover-should-match-screenshot-mobile-chrome-retry1/DBPopover-should-match-screenshot-1-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <div class="padding-box">…</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 - Expected an image 390px by 200px, received 390px by 160px. 399 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <div class="padding-box">…</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 - Expected an image 390px by 200px, received 390px by 160px. 399 pixels (ratio 0.01 of all image pixels) are different. 26 | test('should match screenshot', async ({ mount }) => { 27 | const component = await mount(comp); > 28 | await expect(component).toHaveScreenshot(); | ^ 29 | }); 30 | 31 | test('should open', async ({ mount }) => { at /__w/mono/mono/output/vue/vue3/src/components/popover/popover.spec.tsx:28:27

2) [mobile_chrome] › popover/popover.spec.tsx:31:2 › DBPopover › should open ───────────────────── Test timeout of 30000ms exceeded.

2) [mobile_chrome] › popover/popover.spec.tsx:31:2 › DBPopover › should open ───────────────────── Error: locator.focus: Test timeout of 30000ms exceeded. Call log: - waiting for locator('#root').locator('internal:control=component').getByTestId('button') 31 | test('should open', async ({ mount }) => { 32 | const component = await mount(comp); > 33 | await component.getByTestId('button').focus(); | ^ 34 | await expect(component.getByTestId('popover')).toBeVisible(); 35 | }); 36 | at /__w/mono/mono/output/vue/vue3/src/components/popover/popover.spec.tsx:33:41

2) [mobile_chrome] › popover/popover.spec.tsx:31:2 › DBPopover › should open ───────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Test timeout of 30000ms exceeded.

2) [mobile_chrome] › popover/popover.spec.tsx:31:2 › DBPopover › should open ───────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: locator.focus: Test timeout of 30000ms exceeded. Call log: - waiting for locator('#root').locator('internal:control=component').getByTestId('button') 31 | test('should open', async ({ mount }) => { 32 | const component = await mount(comp); > 33 | await component.getByTestId('button').focus(); | ^ 34 | await expect(component.getByTestId('popover')).toBeVisible(); 35 | }); 36 | at /__w/mono/mono/output/vue/vue3/src/components/popover/popover.spec.tsx:33:41

3) [mobile_chrome] › popover/popover.spec.tsx:37:2 › DBPopover › after open should match screenshot Test timeout of 30000ms exceeded.

3) [mobile_chrome] › popover/popover.spec.tsx:37:2 › DBPopover › after open should match screenshot Error: locator.focus: Test timeout of 30000ms exceeded. Call log: - waiting for locator('#root').locator('internal:control=component').getByTestId('button') 37 | test('after open should match screenshot', async ({ mount }) => { 38 | const component = await mount(comp); > 39 | await component.getByTestId('button').focus(); | ^ 40 | await expect(component).toHaveScreenshot(); 41 | }); 42 | }; at /__w/mono/mono/output/vue/vue3/src/components/popover/popover.spec.tsx:39:41

3) [mobile_chrome] › popover/popover.spec.tsx:37:2 › DBPopover › after open should match screenshot Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Test timeout of 30000ms exceeded.

3) [mobile_chrome] › popover/popover.spec.tsx:37:2 › DBPopover › after open should match screenshot Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: locator.focus: Test timeout of 30000ms exceeded. Call log: - waiting for locator('#root').locator('internal:control=component').getByTestId('button') 37 | test('after open should match screenshot', async ({ mount }) => { 38 | const component = await mount(comp); > 39 | await component.getByTestId('button').focus(); | ^ 40 | await expect(component).toHaveScreenshot(); 41 | }); 42 | }; at /__w/mono/mono/output/vue/vue3/src/components/popover/popover.spec.tsx:39:41

1) [firefox] › popover/popover.spec.tsx:26:2 › DBPopover › should match screenshot ─────────────── Error: Screenshot comparison failed: Expected an image 390px by 200px, received 390px by 160px. 395 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/popover/component/firefox/DBPopover-should-match-screenshot.png Received: /__w/mono/mono/output/vue/vue3/test-results/popover-popover.spec.tsx-DBPopover-should-match-screenshot-firefox/DBPopover-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/output/vue/vue3/test-results/popover-popover.spec.tsx-DBPopover-should-match-screenshot-firefox/DBPopover-should-match-screenshot-1-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <div class="padding-box">…</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 - Expected an image 390px by 200px, received 390px by 160px. 395 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <div class="padding-box">…</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 - Expected an image 390px by 200px, received 390px by 160px. 395 pixels (ratio 0.01 of all image pixels) are different. 26 | test('should match screenshot', async ({ mount }) => { 27 | const component = await mount(comp); > 28 | await expect(component).toHaveScreenshot(); | ^ 29 | }); 30 | 31 | test('should open', async ({ mount }) => { at /__w/mono/mono/output/vue/vue3/src/components/popover/popover.spec.tsx:28:27

1) [firefox] › popover/popover.spec.tsx:26:2 › DBPopover › should match screenshot ─────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: Expected an image 390px by 200px, received 390px by 160px. 395 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/popover/component/firefox/DBPopover-should-match-screenshot.png Received: /__w/mono/mono/output/vue/vue3/test-results/popover-popover.spec.tsx-DBPopover-should-match-screenshot-firefox-retry1/DBPopover-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/output/vue/vue3/test-results/popover-popover.spec.tsx-DBPopover-should-match-screenshot-firefox-retry1/DBPopover-should-match-screenshot-1-diff.png Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <div class="padding-box">…</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 - Expected an image 390px by 200px, received 390px by 160px. 395 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <div class="padding-box">…</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 - Expected an image 390px by 200px, received 390px by 160px. 395 pixels (ratio 0.01 of all image pixels) are different. 26 | test('should match screenshot', async ({ mount }) => { 27 | const component = await mount(comp); > 28 | await expect(component).toHaveScreenshot(); | ^ 29 | }); 30 | 31 | test('should open', async ({ mount }) => { at /__w/mono/mono/output/vue/vue3/src/components/popover/popover.spec.tsx:28:27

2) [firefox] › popover/popover.spec.tsx:31:2 › DBPopover › should open ─────────────────────────── Test timeout of 30000ms exceeded.

2) [firefox] › popover/popover.spec.tsx:31:2 › DBPopover › should open ─────────────────────────── Error: locator.focus: Test timeout of 30000ms exceeded. Call log: - waiting for locator('#root').locator('internal:control=component').getByTestId('button') 31 | test('should open', async ({ mount }) => { 32 | const component = await mount(comp); > 33 | await component.getByTestId('button').focus(); | ^ 34 | await expect(component.getByTestId('popover')).toBeVisible(); 35 | }); 36 | at /__w/mono/mono/output/vue/vue3/src/components/popover/popover.spec.tsx:33:41

2) [firefox] › popover/popover.spec.tsx:31:2 › DBPopover › should open ─────────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Test timeout of 30000ms exceeded.

2) [firefox] › popover/popover.spec.tsx:31:2 › DBPopover › should open ─────────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: locator.focus: Test timeout of 30000ms exceeded. Call log: - waiting for locator('#root').locator('internal:control=component').getByTestId('button') 31 | test('should open', async ({ mount }) => { 32 | const component = await mount(comp); > 33 | await component.getByTestId('button').focus(); | ^ 34 | await expect(component.getByTestId('popover')).toBeVisible(); 35 | }); 36 | at /__w/mono/mono/output/vue/vue3/src/components/popover/popover.spec.tsx:33:41

3) [firefox] › popover/popover.spec.tsx:37:2 › DBPopover › after open should match screenshot ──── Test timeout of 30000ms exceeded.

3) [firefox] › popover/popover.spec.tsx:37:2 › DBPopover › after open should match screenshot ──── Error: locator.focus: Test timeout of 30000ms exceeded. Call log: - waiting for locator('#root').locator('internal:control=component').getByTestId('button') 37 | test('after open should match screenshot', async ({ mount }) => { 38 | const component = await mount(comp); > 39 | await component.getByTestId('button').focus(); | ^ 40 | await expect(component).toHaveScreenshot(); 41 | }); 42 | }; at /__w/mono/mono/output/vue/vue3/src/components/popover/popover.spec.tsx:39:41

3) [firefox] › popover/popover.spec.tsx:37:2 › DBPopover › after open should match screenshot ──── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Test timeout of 30000ms exceeded.

3) [firefox] › popover/popover.spec.tsx:37:2 › DBPopover › after open should match screenshot ──── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: locator.focus: Test timeout of 30000ms exceeded. Call log: - waiting for locator('#root').locator('internal:control=component').getByTestId('button') 37 | test('after open should match screenshot', async ({ mount }) => { 38 | const component = await mount(comp); > 39 | await component.getByTestId('button').focus(); | ^ 40 | await expect(component).toHaveScreenshot(); 41 | }); 42 | }; at /__w/mono/mono/output/vue/vue3/src/components/popover/popover.spec.tsx:39:41

Process completed with exit code 1.

Process completed with exit code 1.

Node.js 16 actions are deprecated. Please update the following actions to use Node.js 20: actions/github-script@v6. For more information see: https://github.blog/changelog/2023-09-22-github-actions-transitioning-from-node-16-to-node-20/.

Node.js 16 actions are deprecated. Please update the following actions to use Node.js 20: actions/github-script@v6. For more information see: https://github.blog/changelog/2023-09-22-github-actions-transitioning-from-node-16-to-node-20/.

output/vue/vue3/[chromium] › popover/popover.spec.tsx took 2.0m

output/vue/vue3/[mobile_chrome] › popover/popover.spec.tsx took 2.0m

output/vue/vue3/[firefox] › popover/popover.spec.tsx took 2.1m

3 failed [chromium] › popover/popover.spec.tsx:26:2 › DBPopover › should match screenshot ─────────────── [chromium] › popover/popover.spec.tsx:31:2 › DBPopover › should open ─────────────────────────── [chromium] › popover/popover.spec.tsx:37:2 › DBPopover › after open should match screenshot ──── 4 skipped 84 passed (2.4m)

3 failed [mobile_chrome] › popover/popover.spec.tsx:26:2 › DBPopover › should match screenshot ────────── [mobile_chrome] › popover/popover.spec.tsx:31:2 › DBPopover › should open ────────────────────── [mobile_chrome] › popover/popover.spec.tsx:37:2 › DBPopover › after open should match screenshot 4 skipped 84 passed (2.5m)