feat: add/replace icons to match with current figma library #10791
default.yml
on: pull_request
init
/
Init
17s
scan-secrets
/
TruffleHog
40s
lint
/
Lint
38s
Matrix: test-components / playwright-ct
Matrix: test-showcases / playwright-showcases
regenerate-snapshots
/
🧪🎭 - Regenerate snapshots
4m 22s
deploy
/
Deploy
Annotations
73 errors, 9 warnings, and 7 notices
test-foundations / 🧪🎭 - foundations
Process completed with exit code 1.
|
[mobile_chrome] › accordion/accordion.spec.tsx:23:6 › DBAccordion › should match screenshot:
output/react/src/components/accordion/accordion.spec.tsx#L25
1) [mobile_chrome] › accordion/accordion.spec.tsx:23:6 › DBAccordion › should match screenshot ───
Error: Screenshot comparison failed:
42 pixels (ratio 0.01 of all image pixels) are different.
Expected: /__w/mono/mono/__snapshots__/accordion/component/mobile-chrome/DBAccordion-should-match-screenshot.png
Received: /__w/mono/mono/output/react/test-results/accordion-accordion.spec.tsx-DBAccordion-should-match-screenshot-mobile-chrome/DBAccordion-should-match-screenshot-1-actual.png
Diff: /__w/mono/mono/output/react/test-results/accordion-accordion.spec.tsx-DBAccordion-should-match-screenshot-mobile-chrome/DBAccordion-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="db-accordion">…</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
- 42 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 fonts to load...
- fonts loaded
- attempting scroll into view action
- waiting for element to be stable
- captured a stable screenshot
- 42 pixels (ratio 0.01 of all image pixels) are different.
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
|
[mobile_chrome] › accordion/accordion.spec.tsx:23:6 › DBAccordion › should match screenshot:
output/react/src/components/accordion/accordion.spec.tsx#L25
1) [mobile_chrome] › accordion/accordion.spec.tsx:23:6 › DBAccordion › should match screenshot ───
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: Screenshot comparison failed:
42 pixels (ratio 0.01 of all image pixels) are different.
Expected: /__w/mono/mono/__snapshots__/accordion/component/mobile-chrome/DBAccordion-should-match-screenshot.png
Received: /__w/mono/mono/output/react/test-results/accordion-accordion.spec.tsx-DBAccordion-should-match-screenshot-mobile-chrome-retry1/DBAccordion-should-match-screenshot-1-actual.png
Diff: /__w/mono/mono/output/react/test-results/accordion-accordion.spec.tsx-DBAccordion-should-match-screenshot-mobile-chrome-retry1/DBAccordion-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="db-accordion">…</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
- 42 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 fonts to load...
- fonts loaded
- attempting scroll into view action
- waiting for element to be stable
- captured a stable screenshot
- 42 pixels (ratio 0.01 of all image pixels) are different.
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
|
[mobile_chrome] › accordion-item/accordion-item.spec.tsx:16:6 › DBAccordionItem › should match screenshot:
output/react/src/components/accordion-item/accordion-item.spec.tsx#L18
2) [mobile_chrome] › accordion-item/accordion-item.spec.tsx:16:6 › DBAccordionItem › should match screenshot
Error: Screenshot comparison failed:
14 pixels (ratio 0.01 of all image pixels) are different.
Expected: /__w/mono/mono/__snapshots__/accordion-item/component/mobile-chrome/DBAccordionItem-should-match-screenshot.png
Received: /__w/mono/mono/output/react/test-results/accordion-item-accordion-item.spec.tsx-DBAccordionItem-should-match-screenshot-mobile-chrome/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-mobile-chrome/DBAccordionItem-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 <details class="db-accordion-item" id="accordion-item-415…>…</details>
- 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
- 14 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-415…>…</details>
- 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
- 14 pixels (ratio 0.01 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 |
at /__w/mono/mono/output/react/src/components/accordion-item/accordion-item.spec.tsx:18:27
|
[mobile_chrome] › accordion-item/accordion-item.spec.tsx:16:6 › DBAccordionItem › should match screenshot:
output/react/src/components/accordion-item/accordion-item.spec.tsx#L18
2) [mobile_chrome] › accordion-item/accordion-item.spec.tsx:16:6 › DBAccordionItem › should match screenshot
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: Screenshot comparison failed:
14 pixels (ratio 0.01 of all image pixels) are different.
Expected: /__w/mono/mono/__snapshots__/accordion-item/component/mobile-chrome/DBAccordionItem-should-match-screenshot.png
Received: /__w/mono/mono/output/react/test-results/accordion-item-accordion-item.spec.tsx-DBAccordionItem-should-match-screenshot-mobile-chrome-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-mobile-chrome-retry1/DBAccordionItem-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 <details class="db-accordion-item" id="accordion-item-b9f…>…</details>
- 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
- 14 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-b9f…>…</details>
- 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
- 14 pixels (ratio 0.01 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 |
at /__w/mono/mono/output/react/src/components/accordion-item/accordion-item.spec.tsx:18:27
|
[mobile_chrome] › button/button.spec.tsx:28:7 › DBButton › should only have icon for variant outlined:
output/react/src/components/button/button.spec.tsx#L36
3) [mobile_chrome] › button/button.spec.tsx:28:7 › DBButton › should only have icon for variant outlined
Error: Screenshot comparison failed:
52 pixels (ratio 0.04 of all image pixels) are different.
Expected: /__w/mono/mono/__snapshots__/button/component/mobile-chrome/DBButton-should-only-have-icon-for-variant-outlined.png
Received: /__w/mono/mono/output/react/test-results/button-button.spec.tsx-DBButton-should-only-have-icon-for-variant-outlined-mobile-chrome/DBButton-should-only-have-icon-for-variant-outlined-1-actual.png
Diff: /__w/mono/mono/output/react/test-results/button-button.spec.tsx-DBButton-should-only-have-icon-for-variant-outlined-mobile-chrome/DBButton-should-only-have-icon-for-variant-outlined-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 <button data-icon="user" class="db-button" data-no-text=…>Account</button>
- 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.04 of all image pixels) are different.
- waiting 100ms before taking screenshot
- waiting for locator('#root').locator('internal:control=component')
- locator resolved to <button data-icon="user" class="db-button" data-no-text=…>Account</button>
- 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.04 of all image pixels) are different.
34 | </DBButton>
35 | );
> 36 | await expect(component).toHaveScreenshot();
| ^
37 | });
38 | }
39 | };
at /__w/mono/mono/output/react/src/components/button/button.spec.tsx:36:28
|
[mobile_chrome] › button/button.spec.tsx:28:7 › DBButton › should only have icon for variant outlined:
output/react/src/components/button/button.spec.tsx#L36
3) [mobile_chrome] › button/button.spec.tsx:28:7 › DBButton › should only have icon for variant outlined
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: Screenshot comparison failed:
52 pixels (ratio 0.04 of all image pixels) are different.
Expected: /__w/mono/mono/__snapshots__/button/component/mobile-chrome/DBButton-should-only-have-icon-for-variant-outlined.png
Received: /__w/mono/mono/output/react/test-results/button-button.spec.tsx-DBButton-should-only-have-icon-for-variant-outlined-mobile-chrome-retry1/DBButton-should-only-have-icon-for-variant-outlined-1-actual.png
Diff: /__w/mono/mono/output/react/test-results/button-button.spec.tsx-DBButton-should-only-have-icon-for-variant-outlined-mobile-chrome-retry1/DBButton-should-only-have-icon-for-variant-outlined-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 <button data-icon="user" class="db-button" data-no-text=…>Account</button>
- 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.04 of all image pixels) are different.
- waiting 100ms before taking screenshot
- waiting for locator('#root').locator('internal:control=component')
- locator resolved to <button data-icon="user" class="db-button" data-no-text=…>Account</button>
- 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.04 of all image pixels) are different.
34 | </DBButton>
35 | );
> 36 | await expect(component).toHaveScreenshot();
| ^
37 | });
38 | }
39 | };
at /__w/mono/mono/output/react/src/components/button/button.spec.tsx:36:28
|
[mobile_chrome] › button/button.spec.tsx:28:7 › DBButton › should only have icon for variant primary:
output/react/src/components/button/button.spec.tsx#L36
4) [mobile_chrome] › button/button.spec.tsx:28:7 › DBButton › should only have icon for variant primary
Error: Screenshot comparison failed:
52 pixels (ratio 0.04 of all image pixels) are different.
Expected: /__w/mono/mono/__snapshots__/button/component/mobile-chrome/DBButton-should-only-have-icon-for-variant-primary.png
Received: /__w/mono/mono/output/react/test-results/button-button.spec.tsx-DBButton-should-only-have-icon-for-variant-primary-mobile-chrome/DBButton-should-only-have-icon-for-variant-primary-1-actual.png
Diff: /__w/mono/mono/output/react/test-results/button-button.spec.tsx-DBButton-should-only-have-icon-for-variant-primary-mobile-chrome/DBButton-should-only-have-icon-for-variant-primary-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 <button data-icon="user" class="db-button" data-no-text=…>Account</button>
- 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.04 of all image pixels) are different.
- waiting 100ms before taking screenshot
- waiting for locator('#root').locator('internal:control=component')
- locator resolved to <button data-icon="user" class="db-button" data-no-text=…>Account</button>
- 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.04 of all image pixels) are different.
34 | </DBButton>
35 | );
> 36 | await expect(component).toHaveScreenshot();
| ^
37 | });
38 | }
39 | };
at /__w/mono/mono/output/react/src/components/button/button.spec.tsx:36:28
|
[mobile_chrome] › button/button.spec.tsx:28:7 › DBButton › should only have icon for variant primary:
output/react/src/components/button/button.spec.tsx#L36
4) [mobile_chrome] › button/button.spec.tsx:28:7 › DBButton › should only have icon for variant primary
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: Screenshot comparison failed:
52 pixels (ratio 0.04 of all image pixels) are different.
Expected: /__w/mono/mono/__snapshots__/button/component/mobile-chrome/DBButton-should-only-have-icon-for-variant-primary.png
Received: /__w/mono/mono/output/react/test-results/button-button.spec.tsx-DBButton-should-only-have-icon-for-variant-primary-mobile-chrome-retry1/DBButton-should-only-have-icon-for-variant-primary-1-actual.png
Diff: /__w/mono/mono/output/react/test-results/button-button.spec.tsx-DBButton-should-only-have-icon-for-variant-primary-mobile-chrome-retry1/DBButton-should-only-have-icon-for-variant-primary-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 <button data-icon="user" class="db-button" data-no-text=…>Account</button>
- 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.04 of all image pixels) are different.
- waiting 100ms before taking screenshot
- waiting for locator('#root').locator('internal:control=component')
- locator resolved to <button data-icon="user" class="db-button" data-no-text=…>Account</button>
- 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.04 of all image pixels) are different.
34 | </DBButton>
35 | );
> 36 | await expect(component).toHaveScreenshot();
| ^
37 | });
38 | }
39 | };
at /__w/mono/mono/output/react/src/components/button/button.spec.tsx:36:28
|
[mobile_chrome] › button/button.spec.tsx:28:7 › DBButton › should only have icon for variant solid:
output/react/src/components/button/button.spec.tsx#L36
5) [mobile_chrome] › button/button.spec.tsx:28:7 › DBButton › should only have icon for variant solid
Error: Screenshot comparison failed:
52 pixels (ratio 0.04 of all image pixels) are different.
Expected: /__w/mono/mono/__snapshots__/button/component/mobile-chrome/DBButton-should-only-have-icon-for-variant-solid.png
Received: /__w/mono/mono/output/react/test-results/button-button.spec.tsx-DBButton-should-only-have-icon-for-variant-solid-mobile-chrome/DBButton-should-only-have-icon-for-variant-solid-1-actual.png
Diff: /__w/mono/mono/output/react/test-results/button-button.spec.tsx-DBButton-should-only-have-icon-for-variant-solid-mobile-chrome/DBButton-should-only-have-icon-for-variant-solid-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 <button data-icon="user" class="db-button" data-no-text=…>Account</button>
- 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.04 of all image pixels) are different.
- waiting 100ms before taking screenshot
- waiting for locator('#root').locator('internal:control=component')
- locator resolved to <button data-icon="user" class="db-button" data-no-text=…>Account</button>
- 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.04 of all image pixels) are different.
34 | </DBButton>
35 | );
> 36 | await expect(component).toHaveScreenshot();
| ^
37 | });
38 | }
39 | };
at /__w/mono/mono/output/react/src/components/button/button.spec.tsx:36:28
|
[mobile_chrome] › button/button.spec.tsx:28:7 › DBButton › should only have icon for variant solid:
output/react/src/components/button/button.spec.tsx#L36
5) [mobile_chrome] › button/button.spec.tsx:28:7 › DBButton › should only have icon for variant solid
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: Screenshot comparison failed:
52 pixels (ratio 0.04 of all image pixels) are different.
Expected: /__w/mono/mono/__snapshots__/button/component/mobile-chrome/DBButton-should-only-have-icon-for-variant-solid.png
Received: /__w/mono/mono/output/react/test-results/button-button.spec.tsx-DBButton-should-only-have-icon-for-variant-solid-mobile-chrome-retry1/DBButton-should-only-have-icon-for-variant-solid-1-actual.png
Diff: /__w/mono/mono/output/react/test-results/button-button.spec.tsx-DBButton-should-only-have-icon-for-variant-solid-mobile-chrome-retry1/DBButton-should-only-have-icon-for-variant-solid-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 <button data-icon="user" class="db-button" data-no-text=…>Account</button>
- 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.04 of all image pixels) are different.
- waiting 100ms before taking screenshot
- waiting for locator('#root').locator('internal:control=component')
- locator resolved to <button data-icon="user" class="db-button" data-no-text=…>Account</button>
- 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.04 of all image pixels) are different.
34 | </DBButton>
35 | );
> 36 | await expect(component).toHaveScreenshot();
| ^
37 | });
38 | }
39 | };
at /__w/mono/mono/output/react/src/components/button/button.spec.tsx:36:28
|
test-components / 🧪🎭 - react:3/3
Process completed with exit code 1.
|
[chromium] › accordion/accordion.spec.tsx:23:6 › DBAccordion › should match screenshot:
output/react/src/components/accordion/accordion.spec.tsx#L25
1) [chromium] › accordion/accordion.spec.tsx:23:6 › DBAccordion › should match screenshot ────────
Error: Screenshot comparison failed:
42 pixels (ratio 0.01 of all image pixels) are different.
Expected: /__w/mono/mono/__snapshots__/accordion/component/chromium/DBAccordion-should-match-screenshot.png
Received: /__w/mono/mono/output/react/test-results/accordion-accordion.spec.tsx-DBAccordion-should-match-screenshot-chromium/DBAccordion-should-match-screenshot-1-actual.png
Diff: /__w/mono/mono/output/react/test-results/accordion-accordion.spec.tsx-DBAccordion-should-match-screenshot-chromium/DBAccordion-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="db-accordion">…</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
- 42 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 fonts to load...
- fonts loaded
- attempting scroll into view action
- waiting for element to be stable
- captured a stable screenshot
- 42 pixels (ratio 0.01 of all image pixels) are different.
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
|
[chromium] › accordion/accordion.spec.tsx:23:6 › DBAccordion › should match screenshot:
output/react/src/components/accordion/accordion.spec.tsx#L25
1) [chromium] › accordion/accordion.spec.tsx:23:6 › DBAccordion › should match screenshot ────────
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: Screenshot comparison failed:
42 pixels (ratio 0.01 of all image pixels) are different.
Expected: /__w/mono/mono/__snapshots__/accordion/component/chromium/DBAccordion-should-match-screenshot.png
Received: /__w/mono/mono/output/react/test-results/accordion-accordion.spec.tsx-DBAccordion-should-match-screenshot-chromium-retry1/DBAccordion-should-match-screenshot-1-actual.png
Diff: /__w/mono/mono/output/react/test-results/accordion-accordion.spec.tsx-DBAccordion-should-match-screenshot-chromium-retry1/DBAccordion-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="db-accordion">…</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
- 42 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 fonts to load...
- fonts loaded
- attempting scroll into view action
- waiting for element to be stable
- captured a stable screenshot
- 42 pixels (ratio 0.01 of all image pixels) are different.
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
|
[chromium] › accordion-item/accordion-item.spec.tsx:16:6 › DBAccordionItem › should match screenshot:
output/react/src/components/accordion-item/accordion-item.spec.tsx#L18
2) [chromium] › accordion-item/accordion-item.spec.tsx:16:6 › DBAccordionItem › should match screenshot
Error: Screenshot comparison failed:
14 pixels (ratio 0.01 of all image pixels) are different.
Expected: /__w/mono/mono/__snapshots__/accordion-item/component/chromium/DBAccordionItem-should-match-screenshot.png
Received: /__w/mono/mono/output/react/test-results/accordion-item-accordion-item.spec.tsx-DBAccordionItem-should-match-screenshot-chromium/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-chromium/DBAccordionItem-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 <details class="db-accordion-item" id="accordion-item-03e…>…</details>
- 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
- 14 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-03e…>…</details>
- 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
- 14 pixels (ratio 0.01 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 |
at /__w/mono/mono/output/react/src/components/accordion-item/accordion-item.spec.tsx:18:27
|
[chromium] › accordion-item/accordion-item.spec.tsx:16:6 › DBAccordionItem › should match screenshot:
output/react/src/components/accordion-item/accordion-item.spec.tsx#L18
2) [chromium] › accordion-item/accordion-item.spec.tsx:16:6 › DBAccordionItem › should match screenshot
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: Screenshot comparison failed:
14 pixels (ratio 0.01 of all image pixels) are different.
Expected: /__w/mono/mono/__snapshots__/accordion-item/component/chromium/DBAccordionItem-should-match-screenshot.png
Received: /__w/mono/mono/output/react/test-results/accordion-item-accordion-item.spec.tsx-DBAccordionItem-should-match-screenshot-chromium-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-chromium-retry1/DBAccordionItem-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 <details class="db-accordion-item" id="accordion-item-ca9…>…</details>
- 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
- 14 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-ca9…>…</details>
- 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
- 14 pixels (ratio 0.01 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 |
at /__w/mono/mono/output/react/src/components/accordion-item/accordion-item.spec.tsx:18:27
|
[chromium] › button/button.spec.tsx:28:7 › DBButton › should only have icon for variant outlined:
output/react/src/components/button/button.spec.tsx#L36
3) [chromium] › button/button.spec.tsx:28:7 › DBButton › should only have icon for variant outlined
Error: Screenshot comparison failed:
52 pixels (ratio 0.04 of all image pixels) are different.
Expected: /__w/mono/mono/__snapshots__/button/component/chromium/DBButton-should-only-have-icon-for-variant-outlined.png
Received: /__w/mono/mono/output/react/test-results/button-button.spec.tsx-DBButton-should-only-have-icon-for-variant-outlined-chromium/DBButton-should-only-have-icon-for-variant-outlined-1-actual.png
Diff: /__w/mono/mono/output/react/test-results/button-button.spec.tsx-DBButton-should-only-have-icon-for-variant-outlined-chromium/DBButton-should-only-have-icon-for-variant-outlined-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 <button data-icon="user" class="db-button" data-no-text=…>Account</button>
- 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.04 of all image pixels) are different.
- waiting 100ms before taking screenshot
- waiting for locator('#root').locator('internal:control=component')
- locator resolved to <button data-icon="user" class="db-button" data-no-text=…>Account</button>
- 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.04 of all image pixels) are different.
34 | </DBButton>
35 | );
> 36 | await expect(component).toHaveScreenshot();
| ^
37 | });
38 | }
39 | };
at /__w/mono/mono/output/react/src/components/button/button.spec.tsx:36:28
|
[chromium] › button/button.spec.tsx:28:7 › DBButton › should only have icon for variant outlined:
output/react/src/components/button/button.spec.tsx#L36
3) [chromium] › button/button.spec.tsx:28:7 › DBButton › should only have icon for variant outlined
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: Screenshot comparison failed:
52 pixels (ratio 0.04 of all image pixels) are different.
Expected: /__w/mono/mono/__snapshots__/button/component/chromium/DBButton-should-only-have-icon-for-variant-outlined.png
Received: /__w/mono/mono/output/react/test-results/button-button.spec.tsx-DBButton-should-only-have-icon-for-variant-outlined-chromium-retry1/DBButton-should-only-have-icon-for-variant-outlined-1-actual.png
Diff: /__w/mono/mono/output/react/test-results/button-button.spec.tsx-DBButton-should-only-have-icon-for-variant-outlined-chromium-retry1/DBButton-should-only-have-icon-for-variant-outlined-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 <button data-icon="user" class="db-button" data-no-text=…>Account</button>
- 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.04 of all image pixels) are different.
- waiting 100ms before taking screenshot
- waiting for locator('#root').locator('internal:control=component')
- locator resolved to <button data-icon="user" class="db-button" data-no-text=…>Account</button>
- 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.04 of all image pixels) are different.
34 | </DBButton>
35 | );
> 36 | await expect(component).toHaveScreenshot();
| ^
37 | });
38 | }
39 | };
at /__w/mono/mono/output/react/src/components/button/button.spec.tsx:36:28
|
[chromium] › button/button.spec.tsx:28:7 › DBButton › should only have icon for variant primary:
output/react/src/components/button/button.spec.tsx#L36
4) [chromium] › button/button.spec.tsx:28:7 › DBButton › should only have icon for variant primary
Error: Screenshot comparison failed:
52 pixels (ratio 0.04 of all image pixels) are different.
Expected: /__w/mono/mono/__snapshots__/button/component/chromium/DBButton-should-only-have-icon-for-variant-primary.png
Received: /__w/mono/mono/output/react/test-results/button-button.spec.tsx-DBButton-should-only-have-icon-for-variant-primary-chromium/DBButton-should-only-have-icon-for-variant-primary-1-actual.png
Diff: /__w/mono/mono/output/react/test-results/button-button.spec.tsx-DBButton-should-only-have-icon-for-variant-primary-chromium/DBButton-should-only-have-icon-for-variant-primary-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 <button data-icon="user" class="db-button" data-no-text=…>Account</button>
- 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.04 of all image pixels) are different.
- waiting 100ms before taking screenshot
- waiting for locator('#root').locator('internal:control=component')
- locator resolved to <button data-icon="user" class="db-button" data-no-text=…>Account</button>
- 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.04 of all image pixels) are different.
34 | </DBButton>
35 | );
> 36 | await expect(component).toHaveScreenshot();
| ^
37 | });
38 | }
39 | };
at /__w/mono/mono/output/react/src/components/button/button.spec.tsx:36:28
|
[chromium] › button/button.spec.tsx:28:7 › DBButton › should only have icon for variant primary:
output/react/src/components/button/button.spec.tsx#L36
4) [chromium] › button/button.spec.tsx:28:7 › DBButton › should only have icon for variant primary
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: Screenshot comparison failed:
52 pixels (ratio 0.04 of all image pixels) are different.
Expected: /__w/mono/mono/__snapshots__/button/component/chromium/DBButton-should-only-have-icon-for-variant-primary.png
Received: /__w/mono/mono/output/react/test-results/button-button.spec.tsx-DBButton-should-only-have-icon-for-variant-primary-chromium-retry1/DBButton-should-only-have-icon-for-variant-primary-1-actual.png
Diff: /__w/mono/mono/output/react/test-results/button-button.spec.tsx-DBButton-should-only-have-icon-for-variant-primary-chromium-retry1/DBButton-should-only-have-icon-for-variant-primary-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 <button data-icon="user" class="db-button" data-no-text=…>Account</button>
- 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.04 of all image pixels) are different.
- waiting 100ms before taking screenshot
- waiting for locator('#root').locator('internal:control=component')
- locator resolved to <button data-icon="user" class="db-button" data-no-text=…>Account</button>
- 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.04 of all image pixels) are different.
34 | </DBButton>
35 | );
> 36 | await expect(component).toHaveScreenshot();
| ^
37 | });
38 | }
39 | };
at /__w/mono/mono/output/react/src/components/button/button.spec.tsx:36:28
|
[chromium] › button/button.spec.tsx:28:7 › DBButton › should only have icon for variant solid:
output/react/src/components/button/button.spec.tsx#L36
5) [chromium] › button/button.spec.tsx:28:7 › DBButton › should only have icon for variant solid ─
Error: Screenshot comparison failed:
52 pixels (ratio 0.04 of all image pixels) are different.
Expected: /__w/mono/mono/__snapshots__/button/component/chromium/DBButton-should-only-have-icon-for-variant-solid.png
Received: /__w/mono/mono/output/react/test-results/button-button.spec.tsx-DBButton-should-only-have-icon-for-variant-solid-chromium/DBButton-should-only-have-icon-for-variant-solid-1-actual.png
Diff: /__w/mono/mono/output/react/test-results/button-button.spec.tsx-DBButton-should-only-have-icon-for-variant-solid-chromium/DBButton-should-only-have-icon-for-variant-solid-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 <button data-icon="user" class="db-button" data-no-text=…>Account</button>
- 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.04 of all image pixels) are different.
- waiting 100ms before taking screenshot
- waiting for locator('#root').locator('internal:control=component')
- locator resolved to <button data-icon="user" class="db-button" data-no-text=…>Account</button>
- 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.04 of all image pixels) are different.
34 | </DBButton>
35 | );
> 36 | await expect(component).toHaveScreenshot();
| ^
37 | });
38 | }
39 | };
at /__w/mono/mono/output/react/src/components/button/button.spec.tsx:36:28
|
[chromium] › button/button.spec.tsx:28:7 › DBButton › should only have icon for variant solid:
output/react/src/components/button/button.spec.tsx#L36
5) [chromium] › button/button.spec.tsx:28:7 › DBButton › should only have icon for variant solid ─
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: Screenshot comparison failed:
52 pixels (ratio 0.04 of all image pixels) are different.
Expected: /__w/mono/mono/__snapshots__/button/component/chromium/DBButton-should-only-have-icon-for-variant-solid.png
Received: /__w/mono/mono/output/react/test-results/button-button.spec.tsx-DBButton-should-only-have-icon-for-variant-solid-chromium-retry1/DBButton-should-only-have-icon-for-variant-solid-1-actual.png
Diff: /__w/mono/mono/output/react/test-results/button-button.spec.tsx-DBButton-should-only-have-icon-for-variant-solid-chromium-retry1/DBButton-should-only-have-icon-for-variant-solid-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 <button data-icon="user" class="db-button" data-no-text=…>Account</button>
- 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.04 of all image pixels) are different.
- waiting 100ms before taking screenshot
- waiting for locator('#root').locator('internal:control=component')
- locator resolved to <button data-icon="user" class="db-button" data-no-text=…>Account</button>
- 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.04 of all image pixels) are different.
34 | </DBButton>
35 | );
> 36 | await expect(component).toHaveScreenshot();
| ^
37 | });
38 | }
39 | };
at /__w/mono/mono/output/react/src/components/button/button.spec.tsx:36:28
|
test-components / 🧪🎭 - react:1/3
Process completed with exit code 1.
|
test-components / 🧪🎭 - vue:1/3
Process completed with exit code 1.
|
[chromium] › accordion/accordion.spec.tsx:23:2 › DBAccordion › should match screenshot:
output/vue/src/components/accordion/accordion.spec.tsx#L25
1) [chromium] › accordion/accordion.spec.tsx:23:2 › DBAccordion › should match screenshot ────────
Error: Screenshot comparison failed:
42 pixels (ratio 0.01 of all image pixels) are different.
Expected: /__w/mono/mono/__snapshots__/accordion/component/chromium/DBAccordion-should-match-screenshot.png
Received: /__w/mono/mono/output/vue/test-results/accordion-accordion.spec.tsx-DBAccordion-should-match-screenshot-chromium/DBAccordion-should-match-screenshot-1-actual.png
Diff: /__w/mono/mono/output/vue/test-results/accordion-accordion.spec.tsx-DBAccordion-should-match-screenshot-chromium/DBAccordion-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="db-accordion">…</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
- 42 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 fonts to load...
- fonts loaded
- attempting scroll into view action
- waiting for element to be stable
- captured a stable screenshot
- 42 pixels (ratio 0.01 of all image pixels) are different.
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/src/components/accordion/accordion.spec.tsx:25:27
|
[chromium] › accordion/accordion.spec.tsx:23:2 › DBAccordion › should match screenshot:
output/vue/src/components/accordion/accordion.spec.tsx#L25
1) [chromium] › accordion/accordion.spec.tsx:23:2 › DBAccordion › should match screenshot ────────
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: Screenshot comparison failed:
42 pixels (ratio 0.01 of all image pixels) are different.
Expected: /__w/mono/mono/__snapshots__/accordion/component/chromium/DBAccordion-should-match-screenshot.png
Received: /__w/mono/mono/output/vue/test-results/accordion-accordion.spec.tsx-DBAccordion-should-match-screenshot-chromium-retry1/DBAccordion-should-match-screenshot-1-actual.png
Diff: /__w/mono/mono/output/vue/test-results/accordion-accordion.spec.tsx-DBAccordion-should-match-screenshot-chromium-retry1/DBAccordion-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="db-accordion">…</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
- 42 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 fonts to load...
- fonts loaded
- attempting scroll into view action
- waiting for element to be stable
- captured a stable screenshot
- 42 pixels (ratio 0.01 of all image pixels) are different.
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/src/components/accordion/accordion.spec.tsx:25:27
|
[chromium] › accordion-item/accordion-item.spec.tsx:16:2 › DBAccordionItem › should match screenshot:
output/vue/src/components/accordion-item/accordion-item.spec.tsx#L18
2) [chromium] › accordion-item/accordion-item.spec.tsx:16:2 › DBAccordionItem › should match screenshot
Error: Screenshot comparison failed:
14 pixels (ratio 0.01 of all image pixels) are different.
Expected: /__w/mono/mono/__snapshots__/accordion-item/component/chromium/DBAccordionItem-should-match-screenshot.png
Received: /__w/mono/mono/output/vue/test-results/accordion-item-accordion-item.spec.tsx-DBAccordionItem-should-match-screenshot-chromium/DBAccordionItem-should-match-screenshot-1-actual.png
Diff: /__w/mono/mono/output/vue/test-results/accordion-item-accordion-item.spec.tsx-DBAccordionItem-should-match-screenshot-chromium/DBAccordionItem-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 <details class="db-accordion-item" id="accordion-item-8ea…>…</details>
- 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
- 14 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-8ea…>…</details>
- 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
- 14 pixels (ratio 0.01 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 |
at /__w/mono/mono/output/vue/src/components/accordion-item/accordion-item.spec.tsx:18:27
|
[chromium] › accordion-item/accordion-item.spec.tsx:16:2 › DBAccordionItem › should match screenshot:
output/vue/src/components/accordion-item/accordion-item.spec.tsx#L18
2) [chromium] › accordion-item/accordion-item.spec.tsx:16:2 › DBAccordionItem › should match screenshot
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: Screenshot comparison failed:
14 pixels (ratio 0.01 of all image pixels) are different.
Expected: /__w/mono/mono/__snapshots__/accordion-item/component/chromium/DBAccordionItem-should-match-screenshot.png
Received: /__w/mono/mono/output/vue/test-results/accordion-item-accordion-item.spec.tsx-DBAccordionItem-should-match-screenshot-chromium-retry1/DBAccordionItem-should-match-screenshot-1-actual.png
Diff: /__w/mono/mono/output/vue/test-results/accordion-item-accordion-item.spec.tsx-DBAccordionItem-should-match-screenshot-chromium-retry1/DBAccordionItem-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 <details class="db-accordion-item" id="accordion-item-80d…>…</details>
- 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
- 14 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-80d…>…</details>
- 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
- 14 pixels (ratio 0.01 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 |
at /__w/mono/mono/output/vue/src/components/accordion-item/accordion-item.spec.tsx:18:27
|
[chromium] › button/button.spec.tsx:28:3 › DBButton › should only have icon for variant outlined:
output/vue/src/components/button/button.spec.tsx#L36
3) [chromium] › button/button.spec.tsx:28:3 › DBButton › should only have icon for variant outlined
Error: Screenshot comparison failed:
52 pixels (ratio 0.04 of all image pixels) are different.
Expected: /__w/mono/mono/__snapshots__/button/component/chromium/DBButton-should-only-have-icon-for-variant-outlined.png
Received: /__w/mono/mono/output/vue/test-results/button-button.spec.tsx-DBButton-should-only-have-icon-for-variant-outlined-chromium/DBButton-should-only-have-icon-for-variant-outlined-1-actual.png
Diff: /__w/mono/mono/output/vue/test-results/button-button.spec.tsx-DBButton-should-only-have-icon-for-variant-outlined-chromium/DBButton-should-only-have-icon-for-variant-outlined-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 <button data-icon="user" class="db-button" data-no-text=…>Account</button>
- 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.04 of all image pixels) are different.
- waiting 100ms before taking screenshot
- waiting for locator('#root').locator('internal:control=component')
- locator resolved to <button data-icon="user" class="db-button" data-no-text=…>Account</button>
- 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.04 of all image pixels) are different.
34 | </DBButton>
35 | );
> 36 | await expect(component).toHaveScreenshot();
| ^
37 | });
38 | }
39 | };
at /__w/mono/mono/output/vue/src/components/button/button.spec.tsx:36:28
|
[chromium] › button/button.spec.tsx:28:3 › DBButton › should only have icon for variant outlined:
output/vue/src/components/button/button.spec.tsx#L36
3) [chromium] › button/button.spec.tsx:28:3 › DBButton › should only have icon for variant outlined
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: Screenshot comparison failed:
52 pixels (ratio 0.04 of all image pixels) are different.
Expected: /__w/mono/mono/__snapshots__/button/component/chromium/DBButton-should-only-have-icon-for-variant-outlined.png
Received: /__w/mono/mono/output/vue/test-results/button-button.spec.tsx-DBButton-should-only-have-icon-for-variant-outlined-chromium-retry1/DBButton-should-only-have-icon-for-variant-outlined-1-actual.png
Diff: /__w/mono/mono/output/vue/test-results/button-button.spec.tsx-DBButton-should-only-have-icon-for-variant-outlined-chromium-retry1/DBButton-should-only-have-icon-for-variant-outlined-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 <button data-icon="user" class="db-button" data-no-text=…>Account</button>
- 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.04 of all image pixels) are different.
- waiting 100ms before taking screenshot
- waiting for locator('#root').locator('internal:control=component')
- locator resolved to <button data-icon="user" class="db-button" data-no-text=…>Account</button>
- 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.04 of all image pixels) are different.
34 | </DBButton>
35 | );
> 36 | await expect(component).toHaveScreenshot();
| ^
37 | });
38 | }
39 | };
at /__w/mono/mono/output/vue/src/components/button/button.spec.tsx:36:28
|
[chromium] › button/button.spec.tsx:28:3 › DBButton › should only have icon for variant primary:
output/vue/src/components/button/button.spec.tsx#L36
4) [chromium] › button/button.spec.tsx:28:3 › DBButton › should only have icon for variant primary
Error: Screenshot comparison failed:
52 pixels (ratio 0.04 of all image pixels) are different.
Expected: /__w/mono/mono/__snapshots__/button/component/chromium/DBButton-should-only-have-icon-for-variant-primary.png
Received: /__w/mono/mono/output/vue/test-results/button-button.spec.tsx-DBButton-should-only-have-icon-for-variant-primary-chromium/DBButton-should-only-have-icon-for-variant-primary-1-actual.png
Diff: /__w/mono/mono/output/vue/test-results/button-button.spec.tsx-DBButton-should-only-have-icon-for-variant-primary-chromium/DBButton-should-only-have-icon-for-variant-primary-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 <button data-icon="user" class="db-button" data-no-text=…>Account</button>
- 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.04 of all image pixels) are different.
- waiting 100ms before taking screenshot
- waiting for locator('#root').locator('internal:control=component')
- locator resolved to <button data-icon="user" class="db-button" data-no-text=…>Account</button>
- 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.04 of all image pixels) are different.
34 | </DBButton>
35 | );
> 36 | await expect(component).toHaveScreenshot();
| ^
37 | });
38 | }
39 | };
at /__w/mono/mono/output/vue/src/components/button/button.spec.tsx:36:28
|
[chromium] › button/button.spec.tsx:28:3 › DBButton › should only have icon for variant primary:
output/vue/src/components/button/button.spec.tsx#L36
4) [chromium] › button/button.spec.tsx:28:3 › DBButton › should only have icon for variant primary
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: Screenshot comparison failed:
52 pixels (ratio 0.04 of all image pixels) are different.
Expected: /__w/mono/mono/__snapshots__/button/component/chromium/DBButton-should-only-have-icon-for-variant-primary.png
Received: /__w/mono/mono/output/vue/test-results/button-button.spec.tsx-DBButton-should-only-have-icon-for-variant-primary-chromium-retry1/DBButton-should-only-have-icon-for-variant-primary-1-actual.png
Diff: /__w/mono/mono/output/vue/test-results/button-button.spec.tsx-DBButton-should-only-have-icon-for-variant-primary-chromium-retry1/DBButton-should-only-have-icon-for-variant-primary-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 <button data-icon="user" class="db-button" data-no-text=…>Account</button>
- 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.04 of all image pixels) are different.
- waiting 100ms before taking screenshot
- waiting for locator('#root').locator('internal:control=component')
- locator resolved to <button data-icon="user" class="db-button" data-no-text=…>Account</button>
- 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.04 of all image pixels) are different.
34 | </DBButton>
35 | );
> 36 | await expect(component).toHaveScreenshot();
| ^
37 | });
38 | }
39 | };
at /__w/mono/mono/output/vue/src/components/button/button.spec.tsx:36:28
|
[chromium] › button/button.spec.tsx:28:3 › DBButton › should only have icon for variant solid:
output/vue/src/components/button/button.spec.tsx#L36
5) [chromium] › button/button.spec.tsx:28:3 › DBButton › should only have icon for variant solid ─
Error: Screenshot comparison failed:
52 pixels (ratio 0.04 of all image pixels) are different.
Expected: /__w/mono/mono/__snapshots__/button/component/chromium/DBButton-should-only-have-icon-for-variant-solid.png
Received: /__w/mono/mono/output/vue/test-results/button-button.spec.tsx-DBButton-should-only-have-icon-for-variant-solid-chromium/DBButton-should-only-have-icon-for-variant-solid-1-actual.png
Diff: /__w/mono/mono/output/vue/test-results/button-button.spec.tsx-DBButton-should-only-have-icon-for-variant-solid-chromium/DBButton-should-only-have-icon-for-variant-solid-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 <button data-icon="user" class="db-button" data-no-text=…>Account</button>
- 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.04 of all image pixels) are different.
- waiting 100ms before taking screenshot
- waiting for locator('#root').locator('internal:control=component')
- locator resolved to <button data-icon="user" class="db-button" data-no-text=…>Account</button>
- 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.04 of all image pixels) are different.
34 | </DBButton>
35 | );
> 36 | await expect(component).toHaveScreenshot();
| ^
37 | });
38 | }
39 | };
at /__w/mono/mono/output/vue/src/components/button/button.spec.tsx:36:28
|
[chromium] › button/button.spec.tsx:28:3 › DBButton › should only have icon for variant solid:
output/vue/src/components/button/button.spec.tsx#L36
5) [chromium] › button/button.spec.tsx:28:3 › DBButton › should only have icon for variant solid ─
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: Screenshot comparison failed:
52 pixels (ratio 0.04 of all image pixels) are different.
Expected: /__w/mono/mono/__snapshots__/button/component/chromium/DBButton-should-only-have-icon-for-variant-solid.png
Received: /__w/mono/mono/output/vue/test-results/button-button.spec.tsx-DBButton-should-only-have-icon-for-variant-solid-chromium-retry1/DBButton-should-only-have-icon-for-variant-solid-1-actual.png
Diff: /__w/mono/mono/output/vue/test-results/button-button.spec.tsx-DBButton-should-only-have-icon-for-variant-solid-chromium-retry1/DBButton-should-only-have-icon-for-variant-solid-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 <button data-icon="user" class="db-button" data-no-text=…>Account</button>
- 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.04 of all image pixels) are different.
- waiting 100ms before taking screenshot
- waiting for locator('#root').locator('internal:control=component')
- locator resolved to <button data-icon="user" class="db-button" data-no-text=…>Account</button>
- 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.04 of all image pixels) are different.
34 | </DBButton>
35 | );
> 36 | await expect(component).toHaveScreenshot();
| ^
37 | });
38 | }
39 | };
at /__w/mono/mono/output/vue/src/components/button/button.spec.tsx:36:28
|
test-components / 🧪🎭 - vue:3/3
Process completed with exit code 1.
|
[mobile_chrome] › accordion/accordion.spec.tsx:23:2 › DBAccordion › should match screenshot:
output/vue/src/components/accordion/accordion.spec.tsx#L25
1) [mobile_chrome] › accordion/accordion.spec.tsx:23:2 › DBAccordion › should match screenshot ───
Error: Screenshot comparison failed:
42 pixels (ratio 0.01 of all image pixels) are different.
Expected: /__w/mono/mono/__snapshots__/accordion/component/mobile-chrome/DBAccordion-should-match-screenshot.png
Received: /__w/mono/mono/output/vue/test-results/accordion-accordion.spec.tsx-DBAccordion-should-match-screenshot-mobile-chrome/DBAccordion-should-match-screenshot-1-actual.png
Diff: /__w/mono/mono/output/vue/test-results/accordion-accordion.spec.tsx-DBAccordion-should-match-screenshot-mobile-chrome/DBAccordion-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="db-accordion">…</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
- 42 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 fonts to load...
- fonts loaded
- attempting scroll into view action
- waiting for element to be stable
- captured a stable screenshot
- 42 pixels (ratio 0.01 of all image pixels) are different.
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/src/components/accordion/accordion.spec.tsx:25:27
|
[mobile_chrome] › accordion/accordion.spec.tsx:23:2 › DBAccordion › should match screenshot:
output/vue/src/components/accordion/accordion.spec.tsx#L25
1) [mobile_chrome] › accordion/accordion.spec.tsx:23:2 › DBAccordion › should match screenshot ───
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: Screenshot comparison failed:
42 pixels (ratio 0.01 of all image pixels) are different.
Expected: /__w/mono/mono/__snapshots__/accordion/component/mobile-chrome/DBAccordion-should-match-screenshot.png
Received: /__w/mono/mono/output/vue/test-results/accordion-accordion.spec.tsx-DBAccordion-should-match-screenshot-mobile-chrome-retry1/DBAccordion-should-match-screenshot-1-actual.png
Diff: /__w/mono/mono/output/vue/test-results/accordion-accordion.spec.tsx-DBAccordion-should-match-screenshot-mobile-chrome-retry1/DBAccordion-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="db-accordion">…</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
- 42 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 fonts to load...
- fonts loaded
- attempting scroll into view action
- waiting for element to be stable
- captured a stable screenshot
- 42 pixels (ratio 0.01 of all image pixels) are different.
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/src/components/accordion/accordion.spec.tsx:25:27
|
[mobile_chrome] › accordion-item/accordion-item.spec.tsx:16:2 › DBAccordionItem › should match screenshot:
output/vue/src/components/accordion-item/accordion-item.spec.tsx#L18
2) [mobile_chrome] › accordion-item/accordion-item.spec.tsx:16:2 › DBAccordionItem › should match screenshot
Error: Screenshot comparison failed:
14 pixels (ratio 0.01 of all image pixels) are different.
Expected: /__w/mono/mono/__snapshots__/accordion-item/component/mobile-chrome/DBAccordionItem-should-match-screenshot.png
Received: /__w/mono/mono/output/vue/test-results/accordion-item-accordion-item.spec.tsx-DBAccordionItem-should-match-screenshot-mobile-chrome/DBAccordionItem-should-match-screenshot-1-actual.png
Diff: /__w/mono/mono/output/vue/test-results/accordion-item-accordion-item.spec.tsx-DBAccordionItem-should-match-screenshot-mobile-chrome/DBAccordionItem-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 <details class="db-accordion-item" id="accordion-item-c53…>…</details>
- 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
- 14 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-c53…>…</details>
- 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
- 14 pixels (ratio 0.01 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 |
at /__w/mono/mono/output/vue/src/components/accordion-item/accordion-item.spec.tsx:18:27
|
[mobile_chrome] › accordion-item/accordion-item.spec.tsx:16:2 › DBAccordionItem › should match screenshot:
output/vue/src/components/accordion-item/accordion-item.spec.tsx#L18
2) [mobile_chrome] › accordion-item/accordion-item.spec.tsx:16:2 › DBAccordionItem › should match screenshot
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: Screenshot comparison failed:
14 pixels (ratio 0.01 of all image pixels) are different.
Expected: /__w/mono/mono/__snapshots__/accordion-item/component/mobile-chrome/DBAccordionItem-should-match-screenshot.png
Received: /__w/mono/mono/output/vue/test-results/accordion-item-accordion-item.spec.tsx-DBAccordionItem-should-match-screenshot-mobile-chrome-retry1/DBAccordionItem-should-match-screenshot-1-actual.png
Diff: /__w/mono/mono/output/vue/test-results/accordion-item-accordion-item.spec.tsx-DBAccordionItem-should-match-screenshot-mobile-chrome-retry1/DBAccordionItem-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 <details class="db-accordion-item" id="accordion-item-235…>…</details>
- 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
- 14 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-235…>…</details>
- 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
- 14 pixels (ratio 0.01 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 |
at /__w/mono/mono/output/vue/src/components/accordion-item/accordion-item.spec.tsx:18:27
|
[mobile_chrome] › button/button.spec.tsx:28:3 › DBButton › should only have icon for variant outlined:
output/vue/src/components/button/button.spec.tsx#L36
3) [mobile_chrome] › button/button.spec.tsx:28:3 › DBButton › should only have icon for variant outlined
Error: Screenshot comparison failed:
52 pixels (ratio 0.04 of all image pixels) are different.
Expected: /__w/mono/mono/__snapshots__/button/component/mobile-chrome/DBButton-should-only-have-icon-for-variant-outlined.png
Received: /__w/mono/mono/output/vue/test-results/button-button.spec.tsx-DBButton-should-only-have-icon-for-variant-outlined-mobile-chrome/DBButton-should-only-have-icon-for-variant-outlined-1-actual.png
Diff: /__w/mono/mono/output/vue/test-results/button-button.spec.tsx-DBButton-should-only-have-icon-for-variant-outlined-mobile-chrome/DBButton-should-only-have-icon-for-variant-outlined-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 <button data-icon="user" class="db-button" data-no-text=…>Account</button>
- 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.04 of all image pixels) are different.
- waiting 100ms before taking screenshot
- waiting for locator('#root').locator('internal:control=component')
- locator resolved to <button data-icon="user" class="db-button" data-no-text=…>Account</button>
- 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.04 of all image pixels) are different.
34 | </DBButton>
35 | );
> 36 | await expect(component).toHaveScreenshot();
| ^
37 | });
38 | }
39 | };
at /__w/mono/mono/output/vue/src/components/button/button.spec.tsx:36:28
|
[mobile_chrome] › button/button.spec.tsx:28:3 › DBButton › should only have icon for variant outlined:
output/vue/src/components/button/button.spec.tsx#L36
3) [mobile_chrome] › button/button.spec.tsx:28:3 › DBButton › should only have icon for variant outlined
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: Screenshot comparison failed:
52 pixels (ratio 0.04 of all image pixels) are different.
Expected: /__w/mono/mono/__snapshots__/button/component/mobile-chrome/DBButton-should-only-have-icon-for-variant-outlined.png
Received: /__w/mono/mono/output/vue/test-results/button-button.spec.tsx-DBButton-should-only-have-icon-for-variant-outlined-mobile-chrome-retry1/DBButton-should-only-have-icon-for-variant-outlined-1-actual.png
Diff: /__w/mono/mono/output/vue/test-results/button-button.spec.tsx-DBButton-should-only-have-icon-for-variant-outlined-mobile-chrome-retry1/DBButton-should-only-have-icon-for-variant-outlined-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 <button data-icon="user" class="db-button" data-no-text=…>Account</button>
- 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.04 of all image pixels) are different.
- waiting 100ms before taking screenshot
- waiting for locator('#root').locator('internal:control=component')
- locator resolved to <button data-icon="user" class="db-button" data-no-text=…>Account</button>
- 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.04 of all image pixels) are different.
34 | </DBButton>
35 | );
> 36 | await expect(component).toHaveScreenshot();
| ^
37 | });
38 | }
39 | };
at /__w/mono/mono/output/vue/src/components/button/button.spec.tsx:36:28
|
[mobile_chrome] › button/button.spec.tsx:28:3 › DBButton › should only have icon for variant primary:
output/vue/src/components/button/button.spec.tsx#L36
4) [mobile_chrome] › button/button.spec.tsx:28:3 › DBButton › should only have icon for variant primary
Error: Screenshot comparison failed:
52 pixels (ratio 0.04 of all image pixels) are different.
Expected: /__w/mono/mono/__snapshots__/button/component/mobile-chrome/DBButton-should-only-have-icon-for-variant-primary.png
Received: /__w/mono/mono/output/vue/test-results/button-button.spec.tsx-DBButton-should-only-have-icon-for-variant-primary-mobile-chrome/DBButton-should-only-have-icon-for-variant-primary-1-actual.png
Diff: /__w/mono/mono/output/vue/test-results/button-button.spec.tsx-DBButton-should-only-have-icon-for-variant-primary-mobile-chrome/DBButton-should-only-have-icon-for-variant-primary-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 <button data-icon="user" class="db-button" data-no-text=…>Account</button>
- 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.04 of all image pixels) are different.
- waiting 100ms before taking screenshot
- waiting for locator('#root').locator('internal:control=component')
- locator resolved to <button data-icon="user" class="db-button" data-no-text=…>Account</button>
- 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.04 of all image pixels) are different.
34 | </DBButton>
35 | );
> 36 | await expect(component).toHaveScreenshot();
| ^
37 | });
38 | }
39 | };
at /__w/mono/mono/output/vue/src/components/button/button.spec.tsx:36:28
|
[mobile_chrome] › button/button.spec.tsx:28:3 › DBButton › should only have icon for variant primary:
output/vue/src/components/button/button.spec.tsx#L36
4) [mobile_chrome] › button/button.spec.tsx:28:3 › DBButton › should only have icon for variant primary
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: Screenshot comparison failed:
52 pixels (ratio 0.04 of all image pixels) are different.
Expected: /__w/mono/mono/__snapshots__/button/component/mobile-chrome/DBButton-should-only-have-icon-for-variant-primary.png
Received: /__w/mono/mono/output/vue/test-results/button-button.spec.tsx-DBButton-should-only-have-icon-for-variant-primary-mobile-chrome-retry1/DBButton-should-only-have-icon-for-variant-primary-1-actual.png
Diff: /__w/mono/mono/output/vue/test-results/button-button.spec.tsx-DBButton-should-only-have-icon-for-variant-primary-mobile-chrome-retry1/DBButton-should-only-have-icon-for-variant-primary-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 <button data-icon="user" class="db-button" data-no-text=…>Account</button>
- 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.04 of all image pixels) are different.
- waiting 100ms before taking screenshot
- waiting for locator('#root').locator('internal:control=component')
- locator resolved to <button data-icon="user" class="db-button" data-no-text=…>Account</button>
- 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.04 of all image pixels) are different.
34 | </DBButton>
35 | );
> 36 | await expect(component).toHaveScreenshot();
| ^
37 | });
38 | }
39 | };
at /__w/mono/mono/output/vue/src/components/button/button.spec.tsx:36:28
|
[mobile_chrome] › button/button.spec.tsx:28:3 › DBButton › should only have icon for variant solid:
output/vue/src/components/button/button.spec.tsx#L36
5) [mobile_chrome] › button/button.spec.tsx:28:3 › DBButton › should only have icon for variant solid
Error: Screenshot comparison failed:
52 pixels (ratio 0.04 of all image pixels) are different.
Expected: /__w/mono/mono/__snapshots__/button/component/mobile-chrome/DBButton-should-only-have-icon-for-variant-solid.png
Received: /__w/mono/mono/output/vue/test-results/button-button.spec.tsx-DBButton-should-only-have-icon-for-variant-solid-mobile-chrome/DBButton-should-only-have-icon-for-variant-solid-1-actual.png
Diff: /__w/mono/mono/output/vue/test-results/button-button.spec.tsx-DBButton-should-only-have-icon-for-variant-solid-mobile-chrome/DBButton-should-only-have-icon-for-variant-solid-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 <button data-icon="user" class="db-button" data-no-text=…>Account</button>
- 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.04 of all image pixels) are different.
- waiting 100ms before taking screenshot
- waiting for locator('#root').locator('internal:control=component')
- locator resolved to <button data-icon="user" class="db-button" data-no-text=…>Account</button>
- 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.04 of all image pixels) are different.
34 | </DBButton>
35 | );
> 36 | await expect(component).toHaveScreenshot();
| ^
37 | });
38 | }
39 | };
at /__w/mono/mono/output/vue/src/components/button/button.spec.tsx:36:28
|
[mobile_chrome] › button/button.spec.tsx:28:3 › DBButton › should only have icon for variant solid:
output/vue/src/components/button/button.spec.tsx#L36
5) [mobile_chrome] › button/button.spec.tsx:28:3 › DBButton › should only have icon for variant solid
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: Screenshot comparison failed:
52 pixels (ratio 0.04 of all image pixels) are different.
Expected: /__w/mono/mono/__snapshots__/button/component/mobile-chrome/DBButton-should-only-have-icon-for-variant-solid.png
Received: /__w/mono/mono/output/vue/test-results/button-button.spec.tsx-DBButton-should-only-have-icon-for-variant-solid-mobile-chrome-retry1/DBButton-should-only-have-icon-for-variant-solid-1-actual.png
Diff: /__w/mono/mono/output/vue/test-results/button-button.spec.tsx-DBButton-should-only-have-icon-for-variant-solid-mobile-chrome-retry1/DBButton-should-only-have-icon-for-variant-solid-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 <button data-icon="user" class="db-button" data-no-text=…>Account</button>
- 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.04 of all image pixels) are different.
- waiting 100ms before taking screenshot
- waiting for locator('#root').locator('internal:control=component')
- locator resolved to <button data-icon="user" class="db-button" data-no-text=…>Account</button>
- 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.04 of all image pixels) are different.
34 | </DBButton>
35 | );
> 36 | await expect(component).toHaveScreenshot();
| ^
37 | });
38 | }
39 | };
at /__w/mono/mono/output/vue/src/components/button/button.spec.tsx:36:28
|
test-showcases / 🧪🎭 - react:1/2
Unable to download artifact(s): Failed to ListArtifacts: Unexpected token '<', "<!DOCTYPE "... is not valid JSON
|
test-showcases / 🧪🎭 - react:1/2
Process completed with exit code 1.
|
[firefox] › accordion/accordion.spec.tsx:23:6 › DBAccordion › should match screenshot:
output/react/src/components/accordion/accordion.spec.tsx#L25
1) [firefox] › accordion/accordion.spec.tsx:23:6 › DBAccordion › should match screenshot ─────────
Error: Screenshot comparison failed:
42 pixels (ratio 0.01 of all image pixels) are different.
Expected: /__w/mono/mono/__snapshots__/accordion/component/firefox/DBAccordion-should-match-screenshot.png
Received: /__w/mono/mono/output/react/test-results/accordion-accordion.spec.tsx-DBAccordion-should-match-screenshot-firefox/DBAccordion-should-match-screenshot-1-actual.png
Diff: /__w/mono/mono/output/react/test-results/accordion-accordion.spec.tsx-DBAccordion-should-match-screenshot-firefox/DBAccordion-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="db-accordion">…</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
- 42 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 fonts to load...
- fonts loaded
- attempting scroll into view action
- waiting for element to be stable
- captured a stable screenshot
- 42 pixels (ratio 0.01 of all image pixels) are different.
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
|
[firefox] › accordion/accordion.spec.tsx:23:6 › DBAccordion › should match screenshot:
output/react/src/components/accordion/accordion.spec.tsx#L25
1) [firefox] › accordion/accordion.spec.tsx:23:6 › DBAccordion › should match screenshot ─────────
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: Screenshot comparison failed:
42 pixels (ratio 0.01 of all image pixels) are different.
Expected: /__w/mono/mono/__snapshots__/accordion/component/firefox/DBAccordion-should-match-screenshot.png
Received: /__w/mono/mono/output/react/test-results/accordion-accordion.spec.tsx-DBAccordion-should-match-screenshot-firefox-retry1/DBAccordion-should-match-screenshot-1-actual.png
Diff: /__w/mono/mono/output/react/test-results/accordion-accordion.spec.tsx-DBAccordion-should-match-screenshot-firefox-retry1/DBAccordion-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="db-accordion">…</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
- 42 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 fonts to load...
- fonts loaded
- attempting scroll into view action
- waiting for element to be stable
- captured a stable screenshot
- 42 pixels (ratio 0.01 of all image pixels) are different.
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
|
[firefox] › accordion-item/accordion-item.spec.tsx:16:6 › DBAccordionItem › should match screenshot:
output/react/src/components/accordion-item/accordion-item.spec.tsx#L18
2) [firefox] › accordion-item/accordion-item.spec.tsx:16:6 › DBAccordionItem › should match screenshot
Error: Screenshot comparison failed:
14 pixels (ratio 0.01 of all image pixels) are different.
Expected: /__w/mono/mono/__snapshots__/accordion-item/component/firefox/DBAccordionItem-should-match-screenshot.png
Received: /__w/mono/mono/output/react/test-results/accordion-item-accordion-item.spec.tsx-DBAccordionItem-should-match-screenshot-firefox/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-firefox/DBAccordionItem-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 <details class="db-accordion-item" id="accordion-item-5b6…>…</details>
- 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
- 14 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-5b6…>…</details>
- 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
- 14 pixels (ratio 0.01 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 |
at /__w/mono/mono/output/react/src/components/accordion-item/accordion-item.spec.tsx:18:27
|
[firefox] › accordion-item/accordion-item.spec.tsx:16:6 › DBAccordionItem › should match screenshot:
output/react/src/components/accordion-item/accordion-item.spec.tsx#L18
2) [firefox] › accordion-item/accordion-item.spec.tsx:16:6 › DBAccordionItem › should match screenshot
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: Screenshot comparison failed:
14 pixels (ratio 0.01 of all image pixels) are different.
Expected: /__w/mono/mono/__snapshots__/accordion-item/component/firefox/DBAccordionItem-should-match-screenshot.png
Received: /__w/mono/mono/output/react/test-results/accordion-item-accordion-item.spec.tsx-DBAccordionItem-should-match-screenshot-firefox-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-firefox-retry1/DBAccordionItem-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 <details class="db-accordion-item" id="accordion-item-e43…>…</details>
- 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
- 14 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-e43…>…</details>
- 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
- 14 pixels (ratio 0.01 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 |
at /__w/mono/mono/output/react/src/components/accordion-item/accordion-item.spec.tsx:18:27
|
[firefox] › button/button.spec.tsx:28:7 › DBButton › should only have icon for variant outlined:
output/react/src/components/button/button.spec.tsx#L36
3) [firefox] › button/button.spec.tsx:28:7 › DBButton › should only have icon for variant outlined
Error: Screenshot comparison failed:
52 pixels (ratio 0.04 of all image pixels) are different.
Expected: /__w/mono/mono/__snapshots__/button/component/firefox/DBButton-should-only-have-icon-for-variant-outlined.png
Received: /__w/mono/mono/output/react/test-results/button-button.spec.tsx-DBButton-should-only-have-icon-for-variant-outlined-firefox/DBButton-should-only-have-icon-for-variant-outlined-1-actual.png
Diff: /__w/mono/mono/output/react/test-results/button-button.spec.tsx-DBButton-should-only-have-icon-for-variant-outlined-firefox/DBButton-should-only-have-icon-for-variant-outlined-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 <button data-icon="user" class="db-button" data-no-text=…>Account</button>
- 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.04 of all image pixels) are different.
- waiting 100ms before taking screenshot
- waiting for locator('#root').locator('internal:control=component')
- locator resolved to <button data-icon="user" class="db-button" data-no-text=…>Account</button>
- 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.04 of all image pixels) are different.
34 | </DBButton>
35 | );
> 36 | await expect(component).toHaveScreenshot();
| ^
37 | });
38 | }
39 | };
at /__w/mono/mono/output/react/src/components/button/button.spec.tsx:36:28
|
[firefox] › button/button.spec.tsx:28:7 › DBButton › should only have icon for variant outlined:
output/react/src/components/button/button.spec.tsx#L36
3) [firefox] › button/button.spec.tsx:28:7 › DBButton › should only have icon for variant outlined
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: Screenshot comparison failed:
52 pixels (ratio 0.04 of all image pixels) are different.
Expected: /__w/mono/mono/__snapshots__/button/component/firefox/DBButton-should-only-have-icon-for-variant-outlined.png
Received: /__w/mono/mono/output/react/test-results/button-button.spec.tsx-DBButton-should-only-have-icon-for-variant-outlined-firefox-retry1/DBButton-should-only-have-icon-for-variant-outlined-1-actual.png
Diff: /__w/mono/mono/output/react/test-results/button-button.spec.tsx-DBButton-should-only-have-icon-for-variant-outlined-firefox-retry1/DBButton-should-only-have-icon-for-variant-outlined-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 <button data-icon="user" class="db-button" data-no-text=…>Account</button>
- 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.04 of all image pixels) are different.
- waiting 100ms before taking screenshot
- waiting for locator('#root').locator('internal:control=component')
- locator resolved to <button data-icon="user" class="db-button" data-no-text=…>Account</button>
- 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.04 of all image pixels) are different.
34 | </DBButton>
35 | );
> 36 | await expect(component).toHaveScreenshot();
| ^
37 | });
38 | }
39 | };
at /__w/mono/mono/output/react/src/components/button/button.spec.tsx:36:28
|
[firefox] › button/button.spec.tsx:28:7 › DBButton › should only have icon for variant primary:
output/react/src/components/button/button.spec.tsx#L36
4) [firefox] › button/button.spec.tsx:28:7 › DBButton › should only have icon for variant primary
Error: Screenshot comparison failed:
52 pixels (ratio 0.04 of all image pixels) are different.
Expected: /__w/mono/mono/__snapshots__/button/component/firefox/DBButton-should-only-have-icon-for-variant-primary.png
Received: /__w/mono/mono/output/react/test-results/button-button.spec.tsx-DBButton-should-only-have-icon-for-variant-primary-firefox/DBButton-should-only-have-icon-for-variant-primary-1-actual.png
Diff: /__w/mono/mono/output/react/test-results/button-button.spec.tsx-DBButton-should-only-have-icon-for-variant-primary-firefox/DBButton-should-only-have-icon-for-variant-primary-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 <button data-icon="user" class="db-button" data-no-text=…>Account</button>
- 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.04 of all image pixels) are different.
- waiting 100ms before taking screenshot
- waiting for locator('#root').locator('internal:control=component')
- locator resolved to <button data-icon="user" class="db-button" data-no-text=…>Account</button>
- 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.04 of all image pixels) are different.
34 | </DBButton>
35 | );
> 36 | await expect(component).toHaveScreenshot();
| ^
37 | });
38 | }
39 | };
at /__w/mono/mono/output/react/src/components/button/button.spec.tsx:36:28
|
[firefox] › button/button.spec.tsx:28:7 › DBButton › should only have icon for variant primary:
output/react/src/components/button/button.spec.tsx#L36
4) [firefox] › button/button.spec.tsx:28:7 › DBButton › should only have icon for variant primary
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: Screenshot comparison failed:
52 pixels (ratio 0.04 of all image pixels) are different.
Expected: /__w/mono/mono/__snapshots__/button/component/firefox/DBButton-should-only-have-icon-for-variant-primary.png
Received: /__w/mono/mono/output/react/test-results/button-button.spec.tsx-DBButton-should-only-have-icon-for-variant-primary-firefox-retry1/DBButton-should-only-have-icon-for-variant-primary-1-actual.png
Diff: /__w/mono/mono/output/react/test-results/button-button.spec.tsx-DBButton-should-only-have-icon-for-variant-primary-firefox-retry1/DBButton-should-only-have-icon-for-variant-primary-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 <button data-icon="user" class="db-button" data-no-text=…>Account</button>
- 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.04 of all image pixels) are different.
- waiting 100ms before taking screenshot
- waiting for locator('#root').locator('internal:control=component')
- locator resolved to <button data-icon="user" class="db-button" data-no-text=…>Account</button>
- 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.04 of all image pixels) are different.
34 | </DBButton>
35 | );
> 36 | await expect(component).toHaveScreenshot();
| ^
37 | });
38 | }
39 | };
at /__w/mono/mono/output/react/src/components/button/button.spec.tsx:36:28
|
[firefox] › button/button.spec.tsx:28:7 › DBButton › should only have icon for variant solid:
output/react/src/components/button/button.spec.tsx#L36
5) [firefox] › button/button.spec.tsx:28:7 › DBButton › should only have icon for variant solid ──
Error: Screenshot comparison failed:
52 pixels (ratio 0.04 of all image pixels) are different.
Expected: /__w/mono/mono/__snapshots__/button/component/firefox/DBButton-should-only-have-icon-for-variant-solid.png
Received: /__w/mono/mono/output/react/test-results/button-button.spec.tsx-DBButton-should-only-have-icon-for-variant-solid-firefox/DBButton-should-only-have-icon-for-variant-solid-1-actual.png
Diff: /__w/mono/mono/output/react/test-results/button-button.spec.tsx-DBButton-should-only-have-icon-for-variant-solid-firefox/DBButton-should-only-have-icon-for-variant-solid-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 <button data-icon="user" class="db-button" data-no-text=…>Account</button>
- 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.04 of all image pixels) are different.
- waiting 100ms before taking screenshot
- waiting for locator('#root').locator('internal:control=component')
- locator resolved to <button data-icon="user" class="db-button" data-no-text=…>Account</button>
- 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.04 of all image pixels) are different.
34 | </DBButton>
35 | );
> 36 | await expect(component).toHaveScreenshot();
| ^
37 | });
38 | }
39 | };
at /__w/mono/mono/output/react/src/components/button/button.spec.tsx:36:28
|
[firefox] › button/button.spec.tsx:28:7 › DBButton › should only have icon for variant solid:
output/react/src/components/button/button.spec.tsx#L36
5) [firefox] › button/button.spec.tsx:28:7 › DBButton › should only have icon for variant solid ──
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: Screenshot comparison failed:
52 pixels (ratio 0.04 of all image pixels) are different.
Expected: /__w/mono/mono/__snapshots__/button/component/firefox/DBButton-should-only-have-icon-for-variant-solid.png
Received: /__w/mono/mono/output/react/test-results/button-button.spec.tsx-DBButton-should-only-have-icon-for-variant-solid-firefox-retry1/DBButton-should-only-have-icon-for-variant-solid-1-actual.png
Diff: /__w/mono/mono/output/react/test-results/button-button.spec.tsx-DBButton-should-only-have-icon-for-variant-solid-firefox-retry1/DBButton-should-only-have-icon-for-variant-solid-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 <button data-icon="user" class="db-button" data-no-text=…>Account</button>
- 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.04 of all image pixels) are different.
- waiting 100ms before taking screenshot
- waiting for locator('#root').locator('internal:control=component')
- locator resolved to <button data-icon="user" class="db-button" data-no-text=…>Account</button>
- 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.04 of all image pixels) are different.
34 | </DBButton>
35 | );
> 36 | await expect(component).toHaveScreenshot();
| ^
37 | });
38 | }
39 | };
at /__w/mono/mono/output/react/src/components/button/button.spec.tsx:36:28
|
test-components / 🧪🎭 - react:2/3
Process completed with exit code 1.
|
[firefox] › accordion/accordion.spec.tsx:23:2 › DBAccordion › should match screenshot:
output/vue/src/components/accordion/accordion.spec.tsx#L25
1) [firefox] › accordion/accordion.spec.tsx:23:2 › DBAccordion › should match screenshot ─────────
Error: Screenshot comparison failed:
42 pixels (ratio 0.01 of all image pixels) are different.
Expected: /__w/mono/mono/__snapshots__/accordion/component/firefox/DBAccordion-should-match-screenshot.png
Received: /__w/mono/mono/output/vue/test-results/accordion-accordion.spec.tsx-DBAccordion-should-match-screenshot-firefox/DBAccordion-should-match-screenshot-1-actual.png
Diff: /__w/mono/mono/output/vue/test-results/accordion-accordion.spec.tsx-DBAccordion-should-match-screenshot-firefox/DBAccordion-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="db-accordion">…</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
- 42 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 fonts to load...
- fonts loaded
- attempting scroll into view action
- waiting for element to be stable
- captured a stable screenshot
- 42 pixels (ratio 0.01 of all image pixels) are different.
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/src/components/accordion/accordion.spec.tsx:25:27
|
[firefox] › accordion/accordion.spec.tsx:23:2 › DBAccordion › should match screenshot:
output/vue/src/components/accordion/accordion.spec.tsx#L25
1) [firefox] › accordion/accordion.spec.tsx:23:2 › DBAccordion › should match screenshot ─────────
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: Screenshot comparison failed:
42 pixels (ratio 0.01 of all image pixels) are different.
Expected: /__w/mono/mono/__snapshots__/accordion/component/firefox/DBAccordion-should-match-screenshot.png
Received: /__w/mono/mono/output/vue/test-results/accordion-accordion.spec.tsx-DBAccordion-should-match-screenshot-firefox-retry1/DBAccordion-should-match-screenshot-1-actual.png
Diff: /__w/mono/mono/output/vue/test-results/accordion-accordion.spec.tsx-DBAccordion-should-match-screenshot-firefox-retry1/DBAccordion-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="db-accordion">…</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
- 42 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 fonts to load...
- fonts loaded
- attempting scroll into view action
- waiting for element to be stable
- captured a stable screenshot
- 42 pixels (ratio 0.01 of all image pixels) are different.
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/src/components/accordion/accordion.spec.tsx:25:27
|
[firefox] › accordion-item/accordion-item.spec.tsx:16:2 › DBAccordionItem › should match screenshot:
output/vue/src/components/accordion-item/accordion-item.spec.tsx#L18
2) [firefox] › accordion-item/accordion-item.spec.tsx:16:2 › DBAccordionItem › should match screenshot
Error: Screenshot comparison failed:
14 pixels (ratio 0.01 of all image pixels) are different.
Expected: /__w/mono/mono/__snapshots__/accordion-item/component/firefox/DBAccordionItem-should-match-screenshot.png
Received: /__w/mono/mono/output/vue/test-results/accordion-item-accordion-item.spec.tsx-DBAccordionItem-should-match-screenshot-firefox/DBAccordionItem-should-match-screenshot-1-actual.png
Diff: /__w/mono/mono/output/vue/test-results/accordion-item-accordion-item.spec.tsx-DBAccordionItem-should-match-screenshot-firefox/DBAccordionItem-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 <details class="db-accordion-item" id="accordion-item-0f2…>…</details>
- 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
- 14 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-0f2…>…</details>
- 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
- 14 pixels (ratio 0.01 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 |
at /__w/mono/mono/output/vue/src/components/accordion-item/accordion-item.spec.tsx:18:27
|
[firefox] › accordion-item/accordion-item.spec.tsx:16:2 › DBAccordionItem › should match screenshot:
output/vue/src/components/accordion-item/accordion-item.spec.tsx#L18
2) [firefox] › accordion-item/accordion-item.spec.tsx:16:2 › DBAccordionItem › should match screenshot
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: Screenshot comparison failed:
14 pixels (ratio 0.01 of all image pixels) are different.
Expected: /__w/mono/mono/__snapshots__/accordion-item/component/firefox/DBAccordionItem-should-match-screenshot.png
Received: /__w/mono/mono/output/vue/test-results/accordion-item-accordion-item.spec.tsx-DBAccordionItem-should-match-screenshot-firefox-retry1/DBAccordionItem-should-match-screenshot-1-actual.png
Diff: /__w/mono/mono/output/vue/test-results/accordion-item-accordion-item.spec.tsx-DBAccordionItem-should-match-screenshot-firefox-retry1/DBAccordionItem-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 <details class="db-accordion-item" id="accordion-item-b1f…>…</details>
- 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
- 14 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-b1f…>…</details>
- 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
- 14 pixels (ratio 0.01 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 |
at /__w/mono/mono/output/vue/src/components/accordion-item/accordion-item.spec.tsx:18:27
|
[firefox] › button/button.spec.tsx:28:3 › DBButton › should only have icon for variant outlined:
output/vue/src/components/button/button.spec.tsx#L36
3) [firefox] › button/button.spec.tsx:28:3 › DBButton › should only have icon for variant outlined
Error: Screenshot comparison failed:
52 pixels (ratio 0.04 of all image pixels) are different.
Expected: /__w/mono/mono/__snapshots__/button/component/firefox/DBButton-should-only-have-icon-for-variant-outlined.png
Received: /__w/mono/mono/output/vue/test-results/button-button.spec.tsx-DBButton-should-only-have-icon-for-variant-outlined-firefox/DBButton-should-only-have-icon-for-variant-outlined-1-actual.png
Diff: /__w/mono/mono/output/vue/test-results/button-button.spec.tsx-DBButton-should-only-have-icon-for-variant-outlined-firefox/DBButton-should-only-have-icon-for-variant-outlined-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 <button data-icon="user" class="db-button" data-no-text=…>Account</button>
- 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.04 of all image pixels) are different.
- waiting 100ms before taking screenshot
- waiting for locator('#root').locator('internal:control=component')
- locator resolved to <button data-icon="user" class="db-button" data-no-text=…>Account</button>
- 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.04 of all image pixels) are different.
34 | </DBButton>
35 | );
> 36 | await expect(component).toHaveScreenshot();
| ^
37 | });
38 | }
39 | };
at /__w/mono/mono/output/vue/src/components/button/button.spec.tsx:36:28
|
[firefox] › button/button.spec.tsx:28:3 › DBButton › should only have icon for variant outlined:
output/vue/src/components/button/button.spec.tsx#L36
3) [firefox] › button/button.spec.tsx:28:3 › DBButton › should only have icon for variant outlined
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: Screenshot comparison failed:
52 pixels (ratio 0.04 of all image pixels) are different.
Expected: /__w/mono/mono/__snapshots__/button/component/firefox/DBButton-should-only-have-icon-for-variant-outlined.png
Received: /__w/mono/mono/output/vue/test-results/button-button.spec.tsx-DBButton-should-only-have-icon-for-variant-outlined-firefox-retry1/DBButton-should-only-have-icon-for-variant-outlined-1-actual.png
Diff: /__w/mono/mono/output/vue/test-results/button-button.spec.tsx-DBButton-should-only-have-icon-for-variant-outlined-firefox-retry1/DBButton-should-only-have-icon-for-variant-outlined-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 <button data-icon="user" class="db-button" data-no-text=…>Account</button>
- 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.04 of all image pixels) are different.
- waiting 100ms before taking screenshot
- waiting for locator('#root').locator('internal:control=component')
- locator resolved to <button data-icon="user" class="db-button" data-no-text=…>Account</button>
- 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.04 of all image pixels) are different.
34 | </DBButton>
35 | );
> 36 | await expect(component).toHaveScreenshot();
| ^
37 | });
38 | }
39 | };
at /__w/mono/mono/output/vue/src/components/button/button.spec.tsx:36:28
|
[firefox] › button/button.spec.tsx:28:3 › DBButton › should only have icon for variant primary:
output/vue/src/components/button/button.spec.tsx#L36
4) [firefox] › button/button.spec.tsx:28:3 › DBButton › should only have icon for variant primary
Error: Screenshot comparison failed:
52 pixels (ratio 0.04 of all image pixels) are different.
Expected: /__w/mono/mono/__snapshots__/button/component/firefox/DBButton-should-only-have-icon-for-variant-primary.png
Received: /__w/mono/mono/output/vue/test-results/button-button.spec.tsx-DBButton-should-only-have-icon-for-variant-primary-firefox/DBButton-should-only-have-icon-for-variant-primary-1-actual.png
Diff: /__w/mono/mono/output/vue/test-results/button-button.spec.tsx-DBButton-should-only-have-icon-for-variant-primary-firefox/DBButton-should-only-have-icon-for-variant-primary-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 <button data-icon="user" class="db-button" data-no-text=…>Account</button>
- 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.04 of all image pixels) are different.
- waiting 100ms before taking screenshot
- waiting for locator('#root').locator('internal:control=component')
- locator resolved to <button data-icon="user" class="db-button" data-no-text=…>Account</button>
- 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.04 of all image pixels) are different.
34 | </DBButton>
35 | );
> 36 | await expect(component).toHaveScreenshot();
| ^
37 | });
38 | }
39 | };
at /__w/mono/mono/output/vue/src/components/button/button.spec.tsx:36:28
|
[firefox] › button/button.spec.tsx:28:3 › DBButton › should only have icon for variant primary:
output/vue/src/components/button/button.spec.tsx#L36
4) [firefox] › button/button.spec.tsx:28:3 › DBButton › should only have icon for variant primary
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: Screenshot comparison failed:
52 pixels (ratio 0.04 of all image pixels) are different.
Expected: /__w/mono/mono/__snapshots__/button/component/firefox/DBButton-should-only-have-icon-for-variant-primary.png
Received: /__w/mono/mono/output/vue/test-results/button-button.spec.tsx-DBButton-should-only-have-icon-for-variant-primary-firefox-retry1/DBButton-should-only-have-icon-for-variant-primary-1-actual.png
Diff: /__w/mono/mono/output/vue/test-results/button-button.spec.tsx-DBButton-should-only-have-icon-for-variant-primary-firefox-retry1/DBButton-should-only-have-icon-for-variant-primary-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 <button data-icon="user" class="db-button" data-no-text=…>Account</button>
- 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.04 of all image pixels) are different.
- waiting 100ms before taking screenshot
- waiting for locator('#root').locator('internal:control=component')
- locator resolved to <button data-icon="user" class="db-button" data-no-text=…>Account</button>
- 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.04 of all image pixels) are different.
34 | </DBButton>
35 | );
> 36 | await expect(component).toHaveScreenshot();
| ^
37 | });
38 | }
39 | };
at /__w/mono/mono/output/vue/src/components/button/button.spec.tsx:36:28
|
[firefox] › button/button.spec.tsx:28:3 › DBButton › should only have icon for variant solid:
output/vue/src/components/button/button.spec.tsx#L36
5) [firefox] › button/button.spec.tsx:28:3 › DBButton › should only have icon for variant solid ──
Error: Screenshot comparison failed:
52 pixels (ratio 0.04 of all image pixels) are different.
Expected: /__w/mono/mono/__snapshots__/button/component/firefox/DBButton-should-only-have-icon-for-variant-solid.png
Received: /__w/mono/mono/output/vue/test-results/button-button.spec.tsx-DBButton-should-only-have-icon-for-variant-solid-firefox/DBButton-should-only-have-icon-for-variant-solid-1-actual.png
Diff: /__w/mono/mono/output/vue/test-results/button-button.spec.tsx-DBButton-should-only-have-icon-for-variant-solid-firefox/DBButton-should-only-have-icon-for-variant-solid-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 <button data-icon="user" class="db-button" data-no-text=…>Account</button>
- 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.04 of all image pixels) are different.
- waiting 100ms before taking screenshot
- waiting for locator('#root').locator('internal:control=component')
- locator resolved to <button data-icon="user" class="db-button" data-no-text=…>Account</button>
- 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.04 of all image pixels) are different.
34 | </DBButton>
35 | );
> 36 | await expect(component).toHaveScreenshot();
| ^
37 | });
38 | }
39 | };
at /__w/mono/mono/output/vue/src/components/button/button.spec.tsx:36:28
|
[firefox] › button/button.spec.tsx:28:3 › DBButton › should only have icon for variant solid:
output/vue/src/components/button/button.spec.tsx#L36
5) [firefox] › button/button.spec.tsx:28:3 › DBButton › should only have icon for variant solid ──
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: Screenshot comparison failed:
52 pixels (ratio 0.04 of all image pixels) are different.
Expected: /__w/mono/mono/__snapshots__/button/component/firefox/DBButton-should-only-have-icon-for-variant-solid.png
Received: /__w/mono/mono/output/vue/test-results/button-button.spec.tsx-DBButton-should-only-have-icon-for-variant-solid-firefox-retry1/DBButton-should-only-have-icon-for-variant-solid-1-actual.png
Diff: /__w/mono/mono/output/vue/test-results/button-button.spec.tsx-DBButton-should-only-have-icon-for-variant-solid-firefox-retry1/DBButton-should-only-have-icon-for-variant-solid-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 <button data-icon="user" class="db-button" data-no-text=…>Account</button>
- 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.04 of all image pixels) are different.
- waiting 100ms before taking screenshot
- waiting for locator('#root').locator('internal:control=component')
- locator resolved to <button data-icon="user" class="db-button" data-no-text=…>Account</button>
- 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.04 of all image pixels) are different.
34 | </DBButton>
35 | );
> 36 | await expect(component).toHaveScreenshot();
| ^
37 | });
38 | }
39 | };
at /__w/mono/mono/output/vue/src/components/button/button.spec.tsx:36:28
|
test-components / 🧪🎭 - vue:2/3
Process completed with exit code 1.
|
test-showcases / 🧪🎭 - vue:1/2
Process completed with exit code 1.
|
[webkit] › default.ts:13:4 › DBInput › should match screenshot:
showcases/e2e/default.ts#L40
1) [webkit] › default.ts:13:4 › DBInput › should match screenshot ────────────────────────────────
Error: Screenshot comparison failed:
177 pixels (ratio 0.01 of all image pixels) are different.
Expected: /__w/mono/mono/__snapshots__/input/showcase/webkit/regular/neutral/DBInput-should-match-screenshot.png
Received: /__w/mono/mono/showcases/vue-showcase/test-results/input-showcase-input-DBInput-should-match-screenshot-webkit/regular/neutral-actual.png
Diff: /__w/mono/mono/showcases/vue-showcase/test-results/input-showcase-input-DBInput-should-match-screenshot-webkit/regular/neutral-diff.png
Call log:
- page._expectScreenshot with timeout 5000ms
- verifying given screenshot expectation
- taking page screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- 177 pixels (ratio 0.01 of all image pixels) are different.
- waiting 100ms before taking screenshot
- taking page screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- captured a stable screenshot
- 177 pixels (ratio 0.01 of all image pixels) are different.
38 | );
39 | await setScrollViewport(page, fixedHeight)();
> 40 | await expect(page).toHaveScreenshot(
| ^
41 | [density, `${color}.png`],
42 | config
43 | );
at /__w/mono/mono/showcases/e2e/default.ts:40:24
|
[webkit] › default.ts:13:4 › DBInput › should match screenshot:
showcases/e2e/default.ts#L40
1) [webkit] › default.ts:13:4 › DBInput › should match screenshot ────────────────────────────────
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: Screenshot comparison failed:
177 pixels (ratio 0.01 of all image pixels) are different.
Expected: /__w/mono/mono/__snapshots__/input/showcase/webkit/regular/neutral/DBInput-should-match-screenshot.png
Received: /__w/mono/mono/showcases/vue-showcase/test-results/input-showcase-input-DBInput-should-match-screenshot-webkit-retry1/regular/neutral-actual.png
Diff: /__w/mono/mono/showcases/vue-showcase/test-results/input-showcase-input-DBInput-should-match-screenshot-webkit-retry1/regular/neutral-diff.png
Call log:
- page._expectScreenshot with timeout 5000ms
- verifying given screenshot expectation
- taking page screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- 177 pixels (ratio 0.01 of all image pixels) are different.
- waiting 100ms before taking screenshot
- taking page screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- captured a stable screenshot
- 177 pixels (ratio 0.01 of all image pixels) are different.
38 | );
39 | await setScrollViewport(page, fixedHeight)();
> 40 | await expect(page).toHaveScreenshot(
| ^
41 | [density, `${color}.png`],
42 | config
43 | );
at /__w/mono/mono/showcases/e2e/default.ts:40:24
|
checks-done
Process completed with exit code 1.
|
scan-secrets / TruffleHog
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/.
|
build-showcases / Build Showcases
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/.
|
test-showcases / 🧪🎭 - react:1/2
No files were found with the provided path: ./showcases/react-showcase/test-results. No artifacts will be uploaded.
|
Slow Test:
output/react/[firefox] › notification/notification.spec.tsx#L1
output/react/[firefox] › notification/notification.spec.tsx took 15.3s
|
Slow Test:
output/vue/[firefox] › notification/notification.spec.tsx#L1
output/vue/[firefox] › notification/notification.spec.tsx took 15.4s
|
Slow Test:
output/vue/[firefox] › infotext/infotext.spec.tsx#L1
output/vue/[firefox] › infotext/infotext.spec.tsx took 15.2s
|
Slow Test:
[firefox] › default.ts#L1
[firefox] › default.ts took 19.5s
|
Slow Test:
[webkit] › default.ts#L1
[webkit] › default.ts took 18.6s
|
Slow Test:
[chromium] › default.ts#L1
[chromium] › default.ts took 18.3s
|
🎭 Playwright Run Summary
17 failed
[mobile_chrome] › accordion/accordion.spec.tsx:23:6 › DBAccordion › should match screenshot ────
[mobile_chrome] › accordion-item/accordion-item.spec.tsx:16:6 › DBAccordionItem › should match screenshot
[mobile_chrome] › button/button.spec.tsx:28:7 › DBButton › should only have icon for variant outlined
[mobile_chrome] › button/button.spec.tsx:28:7 › DBButton › should only have icon for variant primary
[mobile_chrome] › button/button.spec.tsx:28:7 › DBButton › should only have icon for variant solid
[mobile_chrome] › button/button.spec.tsx:28:7 › DBButton › should only have icon for variant text
[mobile_chrome] › infotext/infotext.spec.tsx:16:6 › DBInfotext › should match screenshot ───────
[mobile_chrome] › infotext/infotext.spec.tsx:24:7 › DBInfotext › should match screenshot for semantic critical
[mobile_chrome] › infotext/infotext.spec.tsx:24:7 › DBInfotext › should match screenshot for semantic informational
[mobile_chrome] › infotext/infotext.spec.tsx:24:7 › DBInfotext › should match screenshot for semantic warning
[mobile_chrome] › infotext/infotext.spec.tsx:24:7 › DBInfotext › should match screenshot for semantic successful
[mobile_chrome] › notification/notification.spec.tsx:20:6 › DBNotification › should match screenshot
[mobile_chrome] › notification/notification.spec.tsx:28:7 › DBNotification › should match screenshot for semantic critical
[mobile_chrome] › notification/notification.spec.tsx:28:7 › DBNotification › should match screenshot for semantic informational
[mobile_chrome] › notification/notification.spec.tsx:28:7 › DBNotification › should match screenshot for semantic warning
[mobile_chrome] › notification/notification.spec.tsx:28:7 › DBNotification › should match screenshot for semantic successful
[mobile_chrome] › select/select.spec.tsx:21:6 › DBSelect › should match screenshot ─────────────
4 skipped
62 passed (53.8s)
|
🎭 Playwright Run Summary
17 failed
[chromium] › accordion/accordion.spec.tsx:23:6 › DBAccordion › should match screenshot ─────────
[chromium] › accordion-item/accordion-item.spec.tsx:16:6 › DBAccordionItem › should match screenshot
[chromium] › button/button.spec.tsx:28:7 › DBButton › should only have icon for variant outlined
[chromium] › button/button.spec.tsx:28:7 › DBButton › should only have icon for variant primary
[chromium] › button/button.spec.tsx:28:7 › DBButton › should only have icon for variant solid ──
[chromium] › button/button.spec.tsx:28:7 › DBButton › should only have icon for variant text ───
[chromium] › infotext/infotext.spec.tsx:16:6 › DBInfotext › should match screenshot ────────────
[chromium] › infotext/infotext.spec.tsx:24:7 › DBInfotext › should match screenshot for semantic critical
[chromium] › infotext/infotext.spec.tsx:24:7 › DBInfotext › should match screenshot for semantic informational
[chromium] › infotext/infotext.spec.tsx:24:7 › DBInfotext › should match screenshot for semantic warning
[chromium] › infotext/infotext.spec.tsx:24:7 › DBInfotext › should match screenshot for semantic successful
[chromium] › notification/notification.spec.tsx:20:6 › DBNotification › should match screenshot
[chromium] › notification/notification.spec.tsx:28:7 › DBNotification › should match screenshot for semantic critical
[chromium] › notification/notification.spec.tsx:28:7 › DBNotification › should match screenshot for semantic informational
[chromium] › notification/notification.spec.tsx:28:7 › DBNotification › should match screenshot for semantic warning
[chromium] › notification/notification.spec.tsx:28:7 › DBNotification › should match screenshot for semantic successful
[chromium] › select/select.spec.tsx:21:6 › DBSelect › should match screenshot ──────────────────
4 skipped
62 passed (53.2s)
|
🎭 Playwright Run Summary
17 failed
[chromium] › accordion/accordion.spec.tsx:23:2 › DBAccordion › should match screenshot ─────────
[chromium] › accordion-item/accordion-item.spec.tsx:16:2 › DBAccordionItem › should match screenshot
[chromium] › button/button.spec.tsx:28:3 › DBButton › should only have icon for variant outlined
[chromium] › button/button.spec.tsx:28:3 › DBButton › should only have icon for variant primary
[chromium] › button/button.spec.tsx:28:3 › DBButton › should only have icon for variant solid ──
[chromium] › button/button.spec.tsx:28:3 › DBButton › should only have icon for variant text ───
[chromium] › infotext/infotext.spec.tsx:16:2 › DBInfotext › should match screenshot ────────────
[chromium] › infotext/infotext.spec.tsx:24:3 › DBInfotext › should match screenshot for semantic critical
[chromium] › infotext/infotext.spec.tsx:24:3 › DBInfotext › should match screenshot for semantic informational
[chromium] › infotext/infotext.spec.tsx:24:3 › DBInfotext › should match screenshot for semantic warning
[chromium] › infotext/infotext.spec.tsx:24:3 › DBInfotext › should match screenshot for semantic successful
[chromium] › notification/notification.spec.tsx:20:2 › DBNotification › should match screenshot
[chromium] › notification/notification.spec.tsx:28:3 › DBNotification › should match screenshot for semantic critical
[chromium] › notification/notification.spec.tsx:28:3 › DBNotification › should match screenshot for semantic informational
[chromium] › notification/notification.spec.tsx:28:3 › DBNotification › should match screenshot for semantic warning
[chromium] › notification/notification.spec.tsx:28:3 › DBNotification › should match screenshot for semantic successful
[chromium] › select/select.spec.tsx:21:2 › DBSelect › should match screenshot ──────────────────
4 skipped
62 passed (1.0m)
|
🎭 Playwright Run Summary
17 failed
[mobile_chrome] › accordion/accordion.spec.tsx:23:2 › DBAccordion › should match screenshot ────
[mobile_chrome] › accordion-item/accordion-item.spec.tsx:16:2 › DBAccordionItem › should match screenshot
[mobile_chrome] › button/button.spec.tsx:28:3 › DBButton › should only have icon for variant outlined
[mobile_chrome] › button/button.spec.tsx:28:3 › DBButton › should only have icon for variant primary
[mobile_chrome] › button/button.spec.tsx:28:3 › DBButton › should only have icon for variant solid
[mobile_chrome] › button/button.spec.tsx:28:3 › DBButton › should only have icon for variant text
[mobile_chrome] › infotext/infotext.spec.tsx:16:2 › DBInfotext › should match screenshot ───────
[mobile_chrome] › infotext/infotext.spec.tsx:24:3 › DBInfotext › should match screenshot for semantic critical
[mobile_chrome] › infotext/infotext.spec.tsx:24:3 › DBInfotext › should match screenshot for semantic informational
[mobile_chrome] › infotext/infotext.spec.tsx:24:3 › DBInfotext › should match screenshot for semantic warning
[mobile_chrome] › infotext/infotext.spec.tsx:24:3 › DBInfotext › should match screenshot for semantic successful
[mobile_chrome] › notification/notification.spec.tsx:20:2 › DBNotification › should match screenshot
[mobile_chrome] › notification/notification.spec.tsx:28:3 › DBNotification › should match screenshot for semantic critical
[mobile_chrome] › notification/notification.spec.tsx:28:3 › DBNotification › should match screenshot for semantic informational
[mobile_chrome] › notification/notification.spec.tsx:28:3 › DBNotification › should match screenshot for semantic warning
[mobile_chrome] › notification/notification.spec.tsx:28:3 › DBNotification › should match screenshot for semantic successful
[mobile_chrome] › select/select.spec.tsx:21:2 › DBSelect › should match screenshot ─────────────
4 skipped
62 passed (1.0m)
|
🎭 Playwright Run Summary
17 failed
[firefox] › accordion/accordion.spec.tsx:23:6 › DBAccordion › should match screenshot ──────────
[firefox] › accordion-item/accordion-item.spec.tsx:16:6 › DBAccordionItem › should match screenshot
[firefox] › button/button.spec.tsx:28:7 › DBButton › should only have icon for variant outlined
[firefox] › button/button.spec.tsx:28:7 › DBButton › should only have icon for variant primary ─
[firefox] › button/button.spec.tsx:28:7 › DBButton › should only have icon for variant solid ───
[firefox] › button/button.spec.tsx:28:7 › DBButton › should only have icon for variant text ────
[firefox] › infotext/infotext.spec.tsx:16:6 › DBInfotext › should match screenshot ─────────────
[firefox] › infotext/infotext.spec.tsx:24:7 › DBInfotext › should match screenshot for semantic critical
[firefox] › infotext/infotext.spec.tsx:24:7 › DBInfotext › should match screenshot for semantic informational
[firefox] › infotext/infotext.spec.tsx:24:7 › DBInfotext › should match screenshot for semantic warning
[firefox] › infotext/infotext.spec.tsx:24:7 › DBInfotext › should match screenshot for semantic successful
[firefox] › notification/notification.spec.tsx:20:6 › DBNotification › should match screenshot ─
[firefox] › notification/notification.spec.tsx:28:7 › DBNotification › should match screenshot for semantic critical
[firefox] › notification/notification.spec.tsx:28:7 › DBNotification › should match screenshot for semantic informational
[firefox] › notification/notification.spec.tsx:28:7 › DBNotification › should match screenshot for semantic warning
[firefox] › notification/notification.spec.tsx:28:7 › DBNotification › should match screenshot for semantic successful
[firefox] › select/select.spec.tsx:21:6 › DBSelect › should match screenshot ───────────────────
4 skipped
62 passed (2.6m)
|
🎭 Playwright Run Summary
17 failed
[firefox] › accordion/accordion.spec.tsx:23:2 › DBAccordion › should match screenshot ──────────
[firefox] › accordion-item/accordion-item.spec.tsx:16:2 › DBAccordionItem › should match screenshot
[firefox] › button/button.spec.tsx:28:3 › DBButton › should only have icon for variant outlined
[firefox] › button/button.spec.tsx:28:3 › DBButton › should only have icon for variant primary ─
[firefox] › button/button.spec.tsx:28:3 › DBButton › should only have icon for variant solid ───
[firefox] › button/button.spec.tsx:28:3 › DBButton › should only have icon for variant text ────
[firefox] › infotext/infotext.spec.tsx:16:2 › DBInfotext › should match screenshot ─────────────
[firefox] › infotext/infotext.spec.tsx:24:3 › DBInfotext › should match screenshot for semantic critical
[firefox] › infotext/infotext.spec.tsx:24:3 › DBInfotext › should match screenshot for semantic informational
[firefox] › infotext/infotext.spec.tsx:24:3 › DBInfotext › should match screenshot for semantic warning
[firefox] › infotext/infotext.spec.tsx:24:3 › DBInfotext › should match screenshot for semantic successful
[firefox] › notification/notification.spec.tsx:20:2 › DBNotification › should match screenshot ─
[firefox] › notification/notification.spec.tsx:28:3 › DBNotification › should match screenshot for semantic critical
[firefox] › notification/notification.spec.tsx:28:3 › DBNotification › should match screenshot for semantic informational
[firefox] › notification/notification.spec.tsx:28:3 › DBNotification › should match screenshot for semantic warning
[firefox] › notification/notification.spec.tsx:28:3 › DBNotification › should match screenshot for semantic successful
[firefox] › select/select.spec.tsx:21:2 › DBSelect › should match screenshot ───────────────────
4 skipped
62 passed (2.6m)
|
🎭 Playwright Run Summary
1 failed
[webkit] › default.ts:13:4 › DBInput › should match screenshot ─────────────────────────────────
39 passed (1.0m)
|
Artifacts
Produced during runtime
Name | Size | |
---|---|---|
__snapshots__
Expired
|
6.62 MB |
|
db-ui-components-build
Expired
|
316 KB |
|
db-ui-foundations-build
Expired
|
85.6 KB |
|
db-ui-output
Expired
|
328 KB |
|
db-ui-outputs
Expired
|
4.95 MB |
|
db-ui-showcases
Expired
|
9.78 MB |
|
foundations-playwright-results
Expired
|
13.1 MB |
|
react-components-playwright-results-1
Expired
|
2.41 MB |
|
react-components-playwright-results-2
Expired
|
2.5 MB |
|
react-components-playwright-results-3
Expired
|
2.42 MB |
|
vue-components-playwright-results-1
Expired
|
2.41 MB |
|
vue-components-playwright-results-2
Expired
|
2.51 MB |
|
vue-components-playwright-results-3
Expired
|
2.42 MB |
|
vue-showcase-playwright-results-1
Expired
|
1.41 MB |
|