fix: form elements border color #15614
Annotations
7 errors, 1 warning, and 1 notice
👩🔬 Test with Playwright 🎭
Process completed with exit code 1.
|
🔣 Print GitHub Report:
output/vue/src/components/input/input.spec.tsx#L18
1) [mobile_chrome] › 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/mobile-chrome/DBInput-should-match-screenshot.png
Received: /__w/mono/mono/output/vue/test-results/input-input-DBInput-should-match-screenshot-mobile-chrome/DBInput-should-match-screenshot-1-actual.png
Diff: /__w/mono/mono/output/vue/test-results/input-input-DBInput-should-match-screenshot-mobile-chrome/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
1) [mobile_chrome] › 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/mobile-chrome/DBInput-should-match-screenshot.png
Received: /__w/mono/mono/output/vue/test-results/input-input-DBInput-should-match-screenshot-mobile-chrome-retry1/DBInput-should-match-screenshot-1-actual.png
Diff: /__w/mono/mono/output/vue/test-results/input-input-DBInput-should-match-screenshot-mobile-chrome-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
|
🔣 Print GitHub Report:
output/vue/src/components/select/select.spec.tsx#L23
2) [mobile_chrome] › select/select.spec.tsx:21:2 › DBSelect › should match screenshot ────────────
Error: expect(locator).toHaveScreenshot(expected)
832 pixels (ratio 0.03 of all image pixels) are different.
Expected: /__w/mono/mono/__snapshots__/select/component/mobile-chrome/DBSelect-should-match-screenshot.png
Received: /__w/mono/mono/output/vue/test-results/select-select-DBSelect-should-match-screenshot-mobile-chrome/DBSelect-should-match-screenshot-1-actual.png
Diff: /__w/mono/mono/output/vue/test-results/select-select-DBSelect-should-match-screenshot-mobile-chrome/DBSelect-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-select">…</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.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-select">…</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.03 of all image pixels) are different.
21 | test('should match screenshot', async ({ mount }) => {
22 | const component = await mount(comp);
> 23 | await expect(component).toHaveScreenshot();
| ^
24 | });
25 | };
26 | const testA11y = () => {
at /__w/mono/mono/output/vue/src/components/select/select.spec.tsx:23:27
|
🔣 Print GitHub Report:
output/vue/src/components/select/select.spec.tsx#L23
2) [mobile_chrome] › select/select.spec.tsx:21:2 › DBSelect › should match screenshot ────────────
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(locator).toHaveScreenshot(expected)
832 pixels (ratio 0.03 of all image pixels) are different.
Expected: /__w/mono/mono/__snapshots__/select/component/mobile-chrome/DBSelect-should-match-screenshot.png
Received: /__w/mono/mono/output/vue/test-results/select-select-DBSelect-should-match-screenshot-mobile-chrome-retry1/DBSelect-should-match-screenshot-1-actual.png
Diff: /__w/mono/mono/output/vue/test-results/select-select-DBSelect-should-match-screenshot-mobile-chrome-retry1/DBSelect-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-select">…</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.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-select">…</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.03 of all image pixels) are different.
21 | test('should match screenshot', async ({ mount }) => {
22 | const component = await mount(comp);
> 23 | await expect(component).toHaveScreenshot();
| ^
24 | });
25 | };
26 | const testA11y = () => {
at /__w/mono/mono/output/vue/src/components/select/select.spec.tsx:23:27
|
🔣 Print GitHub Report:
output/vue/src/components/textarea/textarea.spec.tsx#L18
3) [mobile_chrome] › textarea/textarea.spec.tsx:16:2 › DBTextarea › should match screenshot ──────
Error: expect(locator).toHaveScreenshot(expected)
980 pixels (ratio 0.02 of all image pixels) are different.
Expected: /__w/mono/mono/__snapshots__/textarea/component/mobile-chrome/DBTextarea-should-match-screenshot.png
Received: /__w/mono/mono/output/vue/test-results/textarea-textarea-DBTextarea-should-match-screenshot-mobile-chrome/DBTextarea-should-match-screenshot-1-actual.png
Diff: /__w/mono/mono/output/vue/test-results/textarea-textarea-DBTextarea-should-match-screenshot-mobile-chrome/DBTextarea-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-textarea">…</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
- 980 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-textarea">…</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
- 980 pixels (ratio 0.02 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/textarea/textarea.spec.tsx:18:27
|
🔣 Print GitHub Report:
output/vue/src/components/textarea/textarea.spec.tsx#L18
3) [mobile_chrome] › textarea/textarea.spec.tsx:16:2 › DBTextarea › should match screenshot ──────
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(locator).toHaveScreenshot(expected)
980 pixels (ratio 0.02 of all image pixels) are different.
Expected: /__w/mono/mono/__snapshots__/textarea/component/mobile-chrome/DBTextarea-should-match-screenshot.png
Received: /__w/mono/mono/output/vue/test-results/textarea-textarea-DBTextarea-should-match-screenshot-mobile-chrome-retry1/DBTextarea-should-match-screenshot-1-actual.png
Diff: /__w/mono/mono/output/vue/test-results/textarea-textarea-DBTextarea-should-match-screenshot-mobile-chrome-retry1/DBTextarea-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-textarea">…</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
- 980 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-textarea">…</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
- 980 pixels (ratio 0.02 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/textarea/textarea.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
3 failed
[mobile_chrome] › input/input.spec.tsx:16:2 › DBInput › should match screenshot ────────────────
[mobile_chrome] › select/select.spec.tsx:21:2 › DBSelect › should match screenshot ─────────────
[mobile_chrome] › textarea/textarea.spec.tsx:16:2 › DBTextarea › should match screenshot ───────
3 skipped
141 passed (42.9s)
|
Loading