Skip to content

fix: issue with form elements new user-valid #8616

fix: issue with form elements new user-valid

fix: issue with form elements new user-valid #8616

Triggered via pull request November 25, 2023 08:38
Status Failure
Total duration 7m 3s
Artifacts 9

default.yml

on: pull_request
build-packages  /  Build Packages
1m 8s
build-packages / Build Packages
Matrix: test-components / playwright-ct
build-showcases  /  Build Showcases
2m 3s
build-showcases / Build Showcases
build-outputs  /  Build outputs
1m 6s
build-outputs / Build outputs
Matrix: test-showcases / playwright-showcases
checks-done
0s
checks-done
merge-reports  /  🎭 Merge Playwright Reports
36s
merge-reports / 🎭 Merge Playwright Reports
deploy  /  Deploy
deploy / Deploy
Fit to window
Zoom out
Zoom in

Annotations

15 errors, 5 warnings, and 1 notice
test-components / 🧪🎭 - react:4/4
Process completed with exit code 1.
test-components / 🧪🎭 - vue:4/4
Process completed with exit code 1.
test-components / 🧪🎭 - react:2/4
Process completed with exit code 1.
test-components / 🧪🎭 - vue:2/4
Process completed with exit code 1.
checks-done
Process completed with exit code 1.
[webkit] › accordion/accordion.spec.tsx:23:6 › DBAccordion › should match screenshot: ../../../../../__w/mono/mono/output/vue/vue3/src/components/accordion/accordion.spec.tsx#L25
1) [webkit] › accordion/accordion.spec.tsx:23:6 › DBAccordion › should match screenshot ────────── Error: Screenshot comparison failed: 144 pixels (ratio 0.01 of all image pixels) are different. 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-accordion">…</div> - taking element screenshot - disabled all CSS animations - waiting for element to be visible and stable - element is visible and stable - 144 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="db-accordion">…</div> - taking element screenshot - disabled all CSS animations - waiting for element to be visible and stable - element is visible and stable - captured a stable screenshot - 144 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/output/vue/vue3/test-results/accordion-accordion.spec.tsx-DBAccordion-should-match-screenshot-webkit/DBAccordion-should-match-screenshot-1-expected.png Received: /__w/mono/mono/output/vue/vue3/test-results/accordion-accordion.spec.tsx-DBAccordion-should-match-screenshot-webkit/DBAccordion-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/output/vue/vue3/test-results/accordion-accordion.spec.tsx-DBAccordion-should-match-screenshot-webkit/DBAccordion-should-match-screenshot-1-diff.png 23 | test('should match screenshot', async ({ mount }) => { 24 | const component = await mount(comp); > 25 | await expect(component).toHaveScreenshot(); | ^ 26 | }); 27 | }; 28 | at /__w/mono/mono/output/vue/vue3/src/components/accordion/accordion.spec.tsx:25:27
[webkit] › accordion/accordion.spec.tsx:23:6 › DBAccordion › should match screenshot: ../../../../../__w/mono/mono/output/vue/vue3/src/components/accordion/accordion.spec.tsx#L25
1) [webkit] › accordion/accordion.spec.tsx:23:6 › DBAccordion › should match screenshot ────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 144 pixels (ratio 0.01 of all image pixels) are different. 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-accordion">…</div> - taking element screenshot - disabled all CSS animations - waiting for element to be visible and stable - element is visible and stable - 144 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="db-accordion">…</div> - taking element screenshot - disabled all CSS animations - waiting for element to be visible and stable - element is visible and stable - captured a stable screenshot - 144 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/output/vue/vue3/test-results/accordion-accordion.spec.tsx-DBAccordion-should-match-screenshot-webkit-retry1/DBAccordion-should-match-screenshot-1-expected.png Received: /__w/mono/mono/output/vue/vue3/test-results/accordion-accordion.spec.tsx-DBAccordion-should-match-screenshot-webkit-retry1/DBAccordion-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/output/vue/vue3/test-results/accordion-accordion.spec.tsx-DBAccordion-should-match-screenshot-webkit-retry1/DBAccordion-should-match-screenshot-1-diff.png 23 | test('should match screenshot', async ({ mount }) => { 24 | const component = await mount(comp); > 25 | await expect(component).toHaveScreenshot(); | ^ 26 | }); 27 | }; 28 | at /__w/mono/mono/output/vue/vue3/src/components/accordion/accordion.spec.tsx:25:27
[webkit] › accordion/accordion.spec.tsx:23:6 › DBAccordion › should match screenshot: ../../../../../__w/mono/mono/output/react/src/components/accordion/accordion.spec.tsx#L25
1) [webkit] › accordion/accordion.spec.tsx:23:6 › DBAccordion › should match screenshot ────────── Error: Screenshot comparison failed: 144 pixels (ratio 0.01 of all image pixels) are different. 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-accordion">…</div> - taking element screenshot - disabled all CSS animations - waiting for element to be visible and stable - element is visible and stable - 144 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="db-accordion">…</div> - taking element screenshot - disabled all CSS animations - waiting for element to be visible and stable - element is visible and stable - captured a stable screenshot - 144 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/output/react/test-results/accordion-accordion.spec.tsx-DBAccordion-should-match-screenshot-webkit/DBAccordion-should-match-screenshot-1-expected.png Received: /__w/mono/mono/output/react/test-results/accordion-accordion.spec.tsx-DBAccordion-should-match-screenshot-webkit/DBAccordion-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/output/react/test-results/accordion-accordion.spec.tsx-DBAccordion-should-match-screenshot-webkit/DBAccordion-should-match-screenshot-1-diff.png 23 | test('should match screenshot', async ({ mount }) => { 24 | const component = await mount(comp); > 25 | await expect(component).toHaveScreenshot(); | ^ 26 | }); 27 | }; 28 | at /__w/mono/mono/output/react/src/components/accordion/accordion.spec.tsx:25:27
[webkit] › accordion/accordion.spec.tsx:23:6 › DBAccordion › should match screenshot: ../../../../../__w/mono/mono/output/react/src/components/accordion/accordion.spec.tsx#L25
1) [webkit] › accordion/accordion.spec.tsx:23:6 › DBAccordion › should match screenshot ────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 144 pixels (ratio 0.01 of all image pixels) are different. 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-accordion">…</div> - taking element screenshot - disabled all CSS animations - waiting for element to be visible and stable - element is visible and stable - 144 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="db-accordion">…</div> - taking element screenshot - disabled all CSS animations - waiting for element to be visible and stable - element is visible and stable - captured a stable screenshot - 144 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/output/react/test-results/accordion-accordion.spec.tsx-DBAccordion-should-match-screenshot-webkit-retry1/DBAccordion-should-match-screenshot-1-expected.png Received: /__w/mono/mono/output/react/test-results/accordion-accordion.spec.tsx-DBAccordion-should-match-screenshot-webkit-retry1/DBAccordion-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/output/react/test-results/accordion-accordion.spec.tsx-DBAccordion-should-match-screenshot-webkit-retry1/DBAccordion-should-match-screenshot-1-diff.png 23 | test('should match screenshot', async ({ mount }) => { 24 | const component = await mount(comp); > 25 | await expect(component).toHaveScreenshot(); | ^ 26 | }); 27 | }; 28 | at /__w/mono/mono/output/react/src/components/accordion/accordion.spec.tsx:25:27
[webkit] › accordion-item/accordion-item.spec.tsx:16:6 › DBAccordionItem › should match screenshot: ../../../../../__w/mono/mono/output/vue/vue3/src/components/accordion-item/accordion-item.spec.tsx#L18
2) [webkit] › accordion-item/accordion-item.spec.tsx:16:6 › DBAccordionItem › should match screenshot Error: Screenshot comparison failed: 48 pixels (ratio 0.01 of all image pixels) are different. Call log: - expect.toHaveScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <details class="db-accordion-item" id="accordion-item-29c…>…</details> - taking element screenshot - disabled all CSS animations - waiting for element to be visible and stable - element is visible and stable - 48 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 <details class="db-accordion-item" id="accordion-item-29c…>…</details> - taking element screenshot - disabled all CSS animations - waiting for element to be visible and stable - element is visible and stable - captured a stable screenshot - 48 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/output/vue/vue3/test-results/accordion-item-accordion-item.spec.tsx-DBAccordionItem-should-match-screenshot-webkit/DBAccordionItem-should-match-screenshot-1-expected.png Received: /__w/mono/mono/output/vue/vue3/test-results/accordion-item-accordion-item.spec.tsx-DBAccordionItem-should-match-screenshot-webkit/DBAccordionItem-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/output/vue/vue3/test-results/accordion-item-accordion-item.spec.tsx-DBAccordionItem-should-match-screenshot-webkit/DBAccordionItem-should-match-screenshot-1-diff.png 16 | test('should match screenshot', async ({ mount }) => { 17 | const component = await mount(comp); > 18 | await expect(component).toHaveScreenshot(); | ^ 19 | }); 20 | }; 21 | at /__w/mono/mono/output/vue/vue3/src/components/accordion-item/accordion-item.spec.tsx:18:27
[webkit] › accordion-item/accordion-item.spec.tsx:16:6 › DBAccordionItem › should match screenshot: ../../../../../__w/mono/mono/output/vue/vue3/src/components/accordion-item/accordion-item.spec.tsx#L18
2) [webkit] › accordion-item/accordion-item.spec.tsx:16:6 › DBAccordionItem › should match screenshot Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 48 pixels (ratio 0.01 of all image pixels) are different. Call log: - expect.toHaveScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <details class="db-accordion-item" id="accordion-item-b0a…>…</details> - taking element screenshot - disabled all CSS animations - waiting for element to be visible and stable - element is visible and stable - 48 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 <details class="db-accordion-item" id="accordion-item-b0a…>…</details> - taking element screenshot - disabled all CSS animations - waiting for element to be visible and stable - element is visible and stable - captured a stable screenshot - 48 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/output/vue/vue3/test-results/accordion-item-accordion-item.spec.tsx-DBAccordionItem-should-match-screenshot-webkit-retry1/DBAccordionItem-should-match-screenshot-1-expected.png Received: /__w/mono/mono/output/vue/vue3/test-results/accordion-item-accordion-item.spec.tsx-DBAccordionItem-should-match-screenshot-webkit-retry1/DBAccordionItem-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/output/vue/vue3/test-results/accordion-item-accordion-item.spec.tsx-DBAccordionItem-should-match-screenshot-webkit-retry1/DBAccordionItem-should-match-screenshot-1-diff.png 16 | test('should match screenshot', async ({ mount }) => { 17 | const component = await mount(comp); > 18 | await expect(component).toHaveScreenshot(); | ^ 19 | }); 20 | }; 21 | at /__w/mono/mono/output/vue/vue3/src/components/accordion-item/accordion-item.spec.tsx:18:27
[webkit] › accordion-item/accordion-item.spec.tsx:16:6 › DBAccordionItem › should match screenshot: ../../../../../__w/mono/mono/output/react/src/components/accordion-item/accordion-item.spec.tsx#L18
2) [webkit] › accordion-item/accordion-item.spec.tsx:16:6 › DBAccordionItem › should match screenshot Error: Screenshot comparison failed: 48 pixels (ratio 0.01 of all image pixels) are different. Call log: - expect.toHaveScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <details class="db-accordion-item" id="accordion-item-45d…>…</details> - taking element screenshot - disabled all CSS animations - waiting for element to be visible and stable - element is visible and stable - 48 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 <details class="db-accordion-item" id="accordion-item-45d…>…</details> - taking element screenshot - disabled all CSS animations - waiting for element to be visible and stable - element is visible and stable - captured a stable screenshot - 48 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/output/react/test-results/accordion-item-accordion-item.spec.tsx-DBAccordionItem-should-match-screenshot-webkit/DBAccordionItem-should-match-screenshot-1-expected.png Received: /__w/mono/mono/output/react/test-results/accordion-item-accordion-item.spec.tsx-DBAccordionItem-should-match-screenshot-webkit/DBAccordionItem-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/output/react/test-results/accordion-item-accordion-item.spec.tsx-DBAccordionItem-should-match-screenshot-webkit/DBAccordionItem-should-match-screenshot-1-diff.png 16 | test('should match screenshot', async ({ mount }) => { 17 | const component = await mount(comp); > 18 | await expect(component).toHaveScreenshot(); | ^ 19 | }); 20 | }; 21 | at /__w/mono/mono/output/react/src/components/accordion-item/accordion-item.spec.tsx:18:27
[webkit] › accordion-item/accordion-item.spec.tsx:16:6 › DBAccordionItem › should match screenshot: ../../../../../__w/mono/mono/output/react/src/components/accordion-item/accordion-item.spec.tsx#L18
2) [webkit] › accordion-item/accordion-item.spec.tsx:16:6 › DBAccordionItem › should match screenshot Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 48 pixels (ratio 0.01 of all image pixels) are different. Call log: - expect.toHaveScreenshot with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#root').locator('internal:control=component') - locator resolved to <details class="db-accordion-item" id="accordion-item-d93…>…</details> - taking element screenshot - disabled all CSS animations - waiting for element to be visible and stable - element is visible and stable - 48 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 <details class="db-accordion-item" id="accordion-item-d93…>…</details> - taking element screenshot - disabled all CSS animations - waiting for element to be visible and stable - element is visible and stable - captured a stable screenshot - 48 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/output/react/test-results/accordion-item-accordion-item.spec.tsx-DBAccordionItem-should-match-screenshot-webkit-retry1/DBAccordionItem-should-match-screenshot-1-expected.png Received: /__w/mono/mono/output/react/test-results/accordion-item-accordion-item.spec.tsx-DBAccordionItem-should-match-screenshot-webkit-retry1/DBAccordionItem-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/output/react/test-results/accordion-item-accordion-item.spec.tsx-DBAccordionItem-should-match-screenshot-webkit-retry1/DBAccordionItem-should-match-screenshot-1-diff.png 16 | test('should match screenshot', async ({ mount }) => { 17 | const component = await mount(comp); > 18 | await expect(component).toHaveScreenshot(); | ^ 19 | }); 20 | }; 21 | at /__w/mono/mono/output/react/src/components/accordion-item/accordion-item.spec.tsx:18:27
[webkit] › alert/alert.spec.tsx:20:6 › DBAlert › should match screenshot: ../../../../../__w/mono/mono/output/vue/vue3/src/components/alert/alert.spec.tsx#L22
3) [webkit] › alert/alert.spec.tsx:20:6 › DBAlert › should match screenshot ────────────────────── Error: Screenshot comparison failed: 192 pixels (ratio 0.01 of all image pixels) are different. 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-alert">…</div> - taking element screenshot - disabled all CSS animations - waiting for element to be visible and stable - element is visible and stable - 192 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="db-alert">…</div> - taking element screenshot - disabled all CSS animations - waiting for element to be visible and stable - element is visible and stable - captured a stable screenshot - 192 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/output/vue/vue3/test-results/alert-alert.spec.tsx-DBAlert-should-match-screenshot-webkit/DBAlert-should-match-screenshot-1-expected.png Received: /__w/mono/mono/output/vue/vue3/test-results/alert-alert.spec.tsx-DBAlert-should-match-screenshot-webkit/DBAlert-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/output/vue/vue3/test-results/alert-alert.spec.tsx-DBAlert-should-match-screenshot-webkit/DBAlert-should-match-screenshot-1-diff.png 20 | test(`should match screenshot`, async ({ mount }) => { 21 | const component = await mount(comp); > 22 | await expect(component).toHaveScreenshot(); | ^ 23 | }); 24 | }; 25 | at /__w/mono/mono/output/vue/vue3/src/components/alert/alert.spec.tsx:22:27
[webkit] › alert/alert.spec.tsx:20:6 › DBAlert › should match screenshot: ../../../../../__w/mono/mono/output/vue/vue3/src/components/alert/alert.spec.tsx#L22
3) [webkit] › alert/alert.spec.tsx:20:6 › DBAlert › should match screenshot ────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 192 pixels (ratio 0.01 of all image pixels) are different. 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-alert">…</div> - taking element screenshot - disabled all CSS animations - waiting for element to be visible and stable - element is visible and stable - 192 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="db-alert">…</div> - taking element screenshot - disabled all CSS animations - waiting for element to be visible and stable - element is visible and stable - captured a stable screenshot - 192 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/output/vue/vue3/test-results/alert-alert.spec.tsx-DBAlert-should-match-screenshot-webkit-retry1/DBAlert-should-match-screenshot-1-expected.png Received: /__w/mono/mono/output/vue/vue3/test-results/alert-alert.spec.tsx-DBAlert-should-match-screenshot-webkit-retry1/DBAlert-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/output/vue/vue3/test-results/alert-alert.spec.tsx-DBAlert-should-match-screenshot-webkit-retry1/DBAlert-should-match-screenshot-1-diff.png 20 | test(`should match screenshot`, async ({ mount }) => { 21 | const component = await mount(comp); > 22 | await expect(component).toHaveScreenshot(); | ^ 23 | }); 24 | }; 25 | at /__w/mono/mono/output/vue/vue3/src/components/alert/alert.spec.tsx:22:27
Slow Test: [webkit] › default.ts#L1
[webkit] › default.ts took 1.1m
Slow Test: [mobile_safari] › default.ts#L1
[mobile_safari] › default.ts took 53.4s
Slow Test: [chromium] › default.ts#L1
[chromium] › default.ts took 45.4s
Slow Test: [mobile_chrome] › default.ts#L1
[mobile_chrome] › default.ts took 36.1s
Slow Test: [mobile_safari] › button/button.spec.tsx#L1
[mobile_safari] › button/button.spec.tsx took 15.4s
🎭 Playwright Run Summary
17 failed [webkit] › accordion/accordion.spec.tsx:23:6 › DBAccordion › should match screenshot ─────────── [webkit] › accordion-item/accordion-item.spec.tsx:16:6 › DBAccordionItem › should match screenshot [webkit] › alert/alert.spec.tsx:20:6 › DBAlert › should match screenshot ─────────────────────── [webkit] › button/button.spec.tsx:28:7 › DBButton › should only have icon for variant outlined ─ [webkit] › button/button.spec.tsx:28:7 › DBButton › should only have icon for variant solid ──── [webkit] › button/button.spec.tsx:28:7 › DBButton › should only have icon for variant text ───── [webkit] › infotext/infotext.spec.tsx:16:6 › DBInfotext › should match screenshot ────────────── [webkit] › infotext/infotext.spec.tsx:24:7 › DBInfotext › should match screenshot for variant critical [webkit] › infotext/infotext.spec.tsx:24:7 › DBInfotext › should match screenshot for variant informational [webkit] › infotext/infotext.spec.tsx:24:7 › DBInfotext › should match screenshot for variant warning [webkit] › infotext/infotext.spec.tsx:24:7 › DBInfotext › should match screenshot for variant successful [mobile_safari] › accordion/accordion.spec.tsx:23:6 › DBAccordion › should match screenshot ──── [mobile_safari] › accordion-item/accordion-item.spec.tsx:16:6 › DBAccordionItem › should match screenshot [mobile_safari] › button/button.spec.tsx:28:7 › DBButton › should only have icon for variant outlined [mobile_safari] › button/button.spec.tsx:28:7 › DBButton › should only have icon for variant primary [mobile_safari] › button/button.spec.tsx:28:7 › DBButton › should only have icon for variant solid [mobile_safari] › infotext/infotext.spec.tsx:24:7 › DBInfotext › should match screenshot for variant informational 16 skipped 379 passed (53ms)

Artifacts

Produced during runtime
Name Size
all-blob-reports Expired
20.8 MB
db-ui-components-build Expired
150 KB
db-ui-foundations-build Expired
35.1 KB
db-ui-output Expired
154 KB
db-ui-outputs Expired
2.11 MB
db-ui-showcases Expired
6.22 MB
react-playwright-results Expired
6.64 MB
report--attempt-1 Expired
14.7 MB
vue-playwright-results Expired
6.64 MB