fix: form elements border color #15611

Annotations

11 errors, 1 warning, and 1 notice

Process completed with exit code 1.

🔣 Print GitHub Report: output/vue/src/components/badge/badge.spec.tsx#L18

1) [chromium] › badge/badge.spec.tsx:16:2 › DBBadge › should match screenshot ──────────────────── Error: expect(locator).toHaveScreenshot(expected) 52 pixels (ratio 0.11 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/badge/component/chromium/DBBadge-should-match-screenshot.png Received: /__w/mono/mono/output/vue/test-results/badge-badge-DBBadge-should-match-screenshot-chromium/DBBadge-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/output/vue/test-results/badge-badge-DBBadge-should-match-screenshot-chromium/DBBadge-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <span class="db-badge">Test</span> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - 52 pixels (ratio 0.11 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <span class="db-badge">Test</span> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - captured a stable screenshot - 52 pixels (ratio 0.11 of all image pixels) are different. 16 | test('should match screenshot', async ({ mount }) => { 17 | const component = await mount(comp); > 18 | await expect(component).toHaveScreenshot(); | ^ 19 | }); 20 | }; 21 | const testA11y = () => { at /__w/mono/mono/output/vue/src/components/badge/badge.spec.tsx:18:27

🔣 Print GitHub Report: output/vue/src/components/badge/badge.spec.tsx#L18

1) [chromium] › badge/badge.spec.tsx:16:2 › DBBadge › should match screenshot ──────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(locator).toHaveScreenshot(expected) 52 pixels (ratio 0.11 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/badge/component/chromium/DBBadge-should-match-screenshot.png Received: /__w/mono/mono/output/vue/test-results/badge-badge-DBBadge-should-match-screenshot-chromium-retry1/DBBadge-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/output/vue/test-results/badge-badge-DBBadge-should-match-screenshot-chromium-retry1/DBBadge-should-match-screenshot-1-diff.png Call log: - expect.toHaveScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <span class="db-badge">Test</span> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - 52 pixels (ratio 0.11 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <span class="db-badge">Test</span> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - captured a stable screenshot - 52 pixels (ratio 0.11 of all image pixels) are different. 16 | test('should match screenshot', async ({ mount }) => { 17 | const component = await mount(comp); > 18 | await expect(component).toHaveScreenshot(); | ^ 19 | }); 20 | }; 21 | const testA11y = () => { at /__w/mono/mono/output/vue/src/components/badge/badge.spec.tsx:18:27

🔣 Print GitHub Report: output/vue/src/components/card/card.spec.tsx#L18

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

🔣 Print GitHub Report: output/vue/src/components/card/card.spec.tsx#L18

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

🔣 Print GitHub Report: output/vue/src/components/card/card.spec.tsx#L33

3) [chromium] › card/card.spec.tsx:24:3 › DBCard › should match screenshot for behaviour default ─ Error: expect(locator).toHaveScreenshot(expected) 832 pixels (ratio 0.05 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/card/component/chromium/DBCard-should-match-screenshot-for-behaviour-default.png Received: /__w/mono/mono/output/vue/test-results/card-card-DBCard-should-ma-fcfd9-nshot-for-behaviour-default-chromium/DBCard-should-match-screenshot-for-behaviour-default-1-actual.png Diff: /__w/mono/mono/output/vue/test-results/card-card-DBCard-should-ma-fcfd9-nshot-for-behaviour-default-chromium/DBCard-should-match-screenshot-for-behaviour-default-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>…</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 - 832 pixels (ratio 0.05 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <div>…</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 - 832 pixels (ratio 0.05 of all image pixels) are different. 31 | ); 32 | const component = await mount(variantComp); > 33 | await expect(component).toHaveScreenshot(); | ^ 34 | }); 35 | } 36 | }; at /__w/mono/mono/output/vue/src/components/card/card.spec.tsx:33:28

🔣 Print GitHub Report: output/vue/src/components/card/card.spec.tsx#L33

3) [chromium] › card/card.spec.tsx:24:3 › DBCard › should match screenshot for behaviour default ─ Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(locator).toHaveScreenshot(expected) 832 pixels (ratio 0.05 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/card/component/chromium/DBCard-should-match-screenshot-for-behaviour-default.png Received: /__w/mono/mono/output/vue/test-results/card-card-DBCard-should-ma-fcfd9-nshot-for-behaviour-default-chromium-retry1/DBCard-should-match-screenshot-for-behaviour-default-1-actual.png Diff: /__w/mono/mono/output/vue/test-results/card-card-DBCard-should-ma-fcfd9-nshot-for-behaviour-default-chromium-retry1/DBCard-should-match-screenshot-for-behaviour-default-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>…</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 - 832 pixels (ratio 0.05 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <div>…</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 - 832 pixels (ratio 0.05 of all image pixels) are different. 31 | ); 32 | const component = await mount(variantComp); > 33 | await expect(component).toHaveScreenshot(); | ^ 34 | }); 35 | } 36 | }; at /__w/mono/mono/output/vue/src/components/card/card.spec.tsx:33:28

🔣 Print GitHub Report: output/vue/src/components/card/card.spec.tsx#L33

4) [chromium] › card/card.spec.tsx:24:3 › DBCard › should match screenshot for behaviour interactive Error: expect(locator).toHaveScreenshot(expected) 832 pixels (ratio 0.05 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/card/component/chromium/DBCard-should-match-screenshot-for-behaviour-interactive.png Received: /__w/mono/mono/output/vue/test-results/card-card-DBCard-should-ma-2864e-t-for-behaviour-interactive-chromium/DBCard-should-match-screenshot-for-behaviour-interactive-1-actual.png Diff: /__w/mono/mono/output/vue/test-results/card-card-DBCard-should-ma-2864e-t-for-behaviour-interactive-chromium/DBCard-should-match-screenshot-for-behaviour-interactive-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>…</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 - 832 pixels (ratio 0.05 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <div>…</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 - 832 pixels (ratio 0.05 of all image pixels) are different. 31 | ); 32 | const component = await mount(variantComp); > 33 | await expect(component).toHaveScreenshot(); | ^ 34 | }); 35 | } 36 | }; at /__w/mono/mono/output/vue/src/components/card/card.spec.tsx:33:28

🔣 Print GitHub Report: output/vue/src/components/card/card.spec.tsx#L33

4) [chromium] › card/card.spec.tsx:24:3 › DBCard › should match screenshot for behaviour interactive Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(locator).toHaveScreenshot(expected) 832 pixels (ratio 0.05 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/card/component/chromium/DBCard-should-match-screenshot-for-behaviour-interactive.png Received: /__w/mono/mono/output/vue/test-results/card-card-DBCard-should-ma-2864e-t-for-behaviour-interactive-chromium-retry1/DBCard-should-match-screenshot-for-behaviour-interactive-1-actual.png Diff: /__w/mono/mono/output/vue/test-results/card-card-DBCard-should-ma-2864e-t-for-behaviour-interactive-chromium-retry1/DBCard-should-match-screenshot-for-behaviour-interactive-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>…</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 - 832 pixels (ratio 0.05 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#root').locator('internal:control=component') - locator resolved to <div>…</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 - 832 pixels (ratio 0.05 of all image pixels) are different. 31 | ); 32 | const component = await mount(variantComp); > 33 | await expect(component).toHaveScreenshot(); | ^ 34 | }); 35 | } 36 | }; at /__w/mono/mono/output/vue/src/components/card/card.spec.tsx:33:28

🔣 Print GitHub Report: output/vue/src/components/input/input.spec.tsx#L18

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

🔣 Print GitHub Report: output/vue/src/components/input/input.spec.tsx#L18

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

ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636

🔣 Print GitHub Report

25 failed [chromium] › badge/badge.spec.tsx:16:2 › DBBadge › should match screenshot ───────────────────── [chromium] › card/card.spec.tsx:16:2 › DBCard › should match screenshot ──────────────────────── [chromium] › card/card.spec.tsx:24:3 › DBCard › should match screenshot for behaviour default ── [chromium] › card/card.spec.tsx:24:3 › DBCard › should match screenshot for behaviour interactive [chromium] › input/input.spec.tsx:16:2 › DBInput › should match screenshot ───────────────────── [chromium] › notification/notification.spec.tsx:15:2 › DBNotification › should match screenshot [chromium] › notification/notification.spec.tsx:23:3 › DBNotification › should match screenshot for semantic critical [chromium] › notification/notification.spec.tsx:23:3 › DBNotification › should match screenshot for semantic informational [chromium] › notification/notification.spec.tsx:23:3 › DBNotification › should match screenshot for semantic warning [chromium] › notification/notification.spec.tsx:23:3 › DBNotification › should match screenshot for semantic successful [chromium] › popover/popover.spec.tsx:42:2 › DBPopover › after open should match screenshot ──── [chromium] › select/select.spec.tsx:21:2 › DBSelect › should match screenshot ────────────────── [chromium] › tag/tag.spec.tsx:20:2 › DBTag › should match screenshot ─────────────────────────── [chromium] › tag/tag.spec.tsx:28:3 › DBTag › should match screenshot for semantic critical ───── [chromium] › tag/tag.spec.tsx:28:3 › DBTag › should match screenshot for semantic informational [chromium] › tag/tag.spec.tsx:28:3 › DBTag › should match screenshot for semantic warning ────── [chromium] › tag/tag.spec.tsx:28:3 › DBTag › should match screenshot for semantic successful ─── [chromium] › tag/tag.spec.tsx:66:2 › DBTag › should be a button ──────────────────────────────── [chromium] › tag/tag.spec.tsx:76:2 › DBTag › should be a link ────────────────────────────────── [chromium] › tag/tag.spec.tsx:86:2 › DBTag › should be a radio ───────────────────────────────── [chromium] › tag/tag.spec.tsx:96:2 › DBTag › should be a radio checked ───────────────────────── [chromium] › tag/tag.spec.tsx:107:2 › DBTag › should be a checkbox ───────────────────────────── [chromium] › tag/tag.spec.tsx:117:2 › DBTag › should be a checkbox checked ───────────────────── [chromium] › textarea/textarea.spec.tsx:16:2 › DBTextarea › should match screenshot ──────────── [chromium] › tooltip/tooltip.spec.tsx:37:2 › DBTooltip › after open should match screenshot ──── 3 skipped 119 passed (1.4m)

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

fix: form elements border color #15611

test-components / 🧪🎭 - vue:1/3