Feat accordion design changes #10564
Annotations
5 errors and 1 notice
🔣 Print GitHub Report:
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:
Expected an image 390px by 168px, received 390px by 216px. 2673 pixels (ratio 0.04 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" data-variant="background">…</div>
- taking element screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- attempting scroll into view action
- waiting for element to be stable
- Expected an image 390px by 168px, received 390px by 216px. 2673 pixels (ratio 0.04 of all image pixels) are different.
- waiting 100ms before taking screenshot
- waiting for locator('#root').locator('internal:control=component')
- locator resolved to <div class="db-accordion" data-variant="background">…</div>
- taking element screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- attempting scroll into view action
- waiting for element to be stable
- captured a stable screenshot
- Expected an image 390px by 168px, received 390px by 216px. 2673 pixels (ratio 0.04 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
|
🔣 Print GitHub Report:
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:
Expected an image 390px by 168px, received 390px by 216px. 2673 pixels (ratio 0.04 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" data-variant="background">…</div>
- taking element screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- attempting scroll into view action
- waiting for element to be stable
- Expected an image 390px by 168px, received 390px by 216px. 2673 pixels (ratio 0.04 of all image pixels) are different.
- waiting 100ms before taking screenshot
- waiting for locator('#root').locator('internal:control=component')
- locator resolved to <div class="db-accordion" data-variant="background">…</div>
- taking element screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- attempting scroll into view action
- waiting for element to be stable
- captured a stable screenshot
- Expected an image 390px by 168px, received 390px by 216px. 2673 pixels (ratio 0.04 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
|
🔣 Print GitHub Report:
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:
780 pixels (ratio 0.04 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-6d3…>…</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
- 780 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 <details class="db-accordion-item" id="accordion-item-6d3…>…</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
- 780 pixels (ratio 0.04 of all image pixels) are different.
16 | test('should match screenshot', async ({ mount }) => {
17 | const component = await mount(comp);
> 18 | await expect(component).toHaveScreenshot();
| ^
19 | });
20 | };
21 |
at /__w/mono/mono/output/react/src/components/accordion-item/accordion-item.spec.tsx:18:27
|
🔣 Print GitHub Report:
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:
780 pixels (ratio 0.04 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-df8…>…</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
- 780 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 <details class="db-accordion-item" id="accordion-item-df8…>…</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
- 780 pixels (ratio 0.04 of all image pixels) are different.
16 | test('should match screenshot', async ({ mount }) => {
17 | const component = await mount(comp);
> 18 | await expect(component).toHaveScreenshot();
| ^
19 | });
20 | };
21 |
at /__w/mono/mono/output/react/src/components/accordion-item/accordion-item.spec.tsx:18:27
|
👩🔬 Test with Playwright 🎭
Process completed with exit code 1.
|
🔣 Print GitHub Report
2 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
4 skipped
83 passed (44.9s)
|
Loading