refactor: extracted icons and their transformer #15349
Annotations
11 errors and 1 notice
🔣 Print GitHub Report:
output/react/src/components/infotext/infotext.spec.tsx#L18
1) [mobile_chrome] › infotext/infotext.spec.tsx:16:6 › DBInfotext › should match screenshot ──────
Error: expect(locator).toHaveScreenshot(expected)
2 pixels (ratio 0.01 of all image pixels) are different.
Expected: /__w/mono/mono/__snapshots__/infotext/component/mobile-chrome/DBInfotext-should-match-screenshot.png
Received: /__w/mono/mono/output/react/test-results/infotext-infotext-DBInfotext-should-match-screenshot-mobile-chrome/DBInfotext-should-match-screenshot-1-actual.png
Diff: /__w/mono/mono/output/react/test-results/infotext-infotext-DBInfotext-should-match-screenshot-mobile-chrome/DBInfotext-should-match-screenshot-1-diff.png
Call log:
- expect.toHaveScreenshot with timeout 5000ms
- verifying given screenshot expectation
- waiting for locator('#root').locator('internal:control=component')
- locator resolved to <span class="db-infotext">Test</span>
- taking element screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- attempting scroll into view action
- waiting for element to be stable
- 2 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 <span class="db-infotext">Test</span>
- taking element screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- attempting scroll into view action
- waiting for element to be stable
- captured a stable screenshot
- 2 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/infotext/infotext.spec.tsx:18:27
|
🔣 Print GitHub Report:
output/react/src/components/infotext/infotext.spec.tsx#L18
1) [mobile_chrome] › infotext/infotext.spec.tsx:16:6 › DBInfotext › should match screenshot ──────
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(locator).toHaveScreenshot(expected)
2 pixels (ratio 0.01 of all image pixels) are different.
Expected: /__w/mono/mono/__snapshots__/infotext/component/mobile-chrome/DBInfotext-should-match-screenshot.png
Received: /__w/mono/mono/output/react/test-results/infotext-infotext-DBInfotext-should-match-screenshot-mobile-chrome-retry1/DBInfotext-should-match-screenshot-1-actual.png
Diff: /__w/mono/mono/output/react/test-results/infotext-infotext-DBInfotext-should-match-screenshot-mobile-chrome-retry1/DBInfotext-should-match-screenshot-1-diff.png
Call log:
- expect.toHaveScreenshot with timeout 5000ms
- verifying given screenshot expectation
- waiting for locator('#root').locator('internal:control=component')
- locator resolved to <span class="db-infotext">Test</span>
- taking element screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- attempting scroll into view action
- waiting for element to be stable
- 2 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 <span class="db-infotext">Test</span>
- taking element screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- attempting scroll into view action
- waiting for element to be stable
- captured a stable screenshot
- 2 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/infotext/infotext.spec.tsx:18:27
|
🔣 Print GitHub Report:
output/react/src/components/infotext/infotext.spec.tsx#L31
2) [mobile_chrome] › infotext/infotext.spec.tsx:24:7 › DBInfotext › should match screenshot for semantic critical
Error: expect(locator).toHaveScreenshot(expected)
4 pixels (ratio 0.01 of all image pixels) are different.
Expected: /__w/mono/mono/__snapshots__/infotext/component/mobile-chrome/DBInfotext-should-match-screenshot-for-semantic-critical.png
Received: /__w/mono/mono/output/react/test-results/infotext-infotext-DBInfote-355df-nshot-for-semantic-critical-mobile-chrome/DBInfotext-should-match-screenshot-for-semantic-critical-1-actual.png
Diff: /__w/mono/mono/output/react/test-results/infotext-infotext-DBInfote-355df-nshot-for-semantic-critical-mobile-chrome/DBInfotext-should-match-screenshot-for-semantic-critical-1-diff.png
Call log:
- expect.toHaveScreenshot with timeout 5000ms
- verifying given screenshot expectation
- waiting for locator('#root').locator('internal:control=component')
- locator resolved to <span class="db-infotext" data-semantic="critical">Test</span>
- taking element screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- attempting scroll into view action
- waiting for element to be stable
- 4 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 <span class="db-infotext" data-semantic="critical">Test</span>
- taking element screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- attempting scroll into view action
- waiting for element to be stable
- captured a stable screenshot
- 4 pixels (ratio 0.01 of all image pixels) are different.
29 | );
30 | const component = await mount(variantComp);
> 31 | await expect(component).toHaveScreenshot();
| ^
32 | });
33 | }
34 | };
at /__w/mono/mono/output/react/src/components/infotext/infotext.spec.tsx:31:28
|
🔣 Print GitHub Report:
output/react/src/components/infotext/infotext.spec.tsx#L31
2) [mobile_chrome] › infotext/infotext.spec.tsx:24:7 › DBInfotext › should match screenshot for semantic critical
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(locator).toHaveScreenshot(expected)
4 pixels (ratio 0.01 of all image pixels) are different.
Expected: /__w/mono/mono/__snapshots__/infotext/component/mobile-chrome/DBInfotext-should-match-screenshot-for-semantic-critical.png
Received: /__w/mono/mono/output/react/test-results/infotext-infotext-DBInfote-355df-nshot-for-semantic-critical-mobile-chrome-retry1/DBInfotext-should-match-screenshot-for-semantic-critical-1-actual.png
Diff: /__w/mono/mono/output/react/test-results/infotext-infotext-DBInfote-355df-nshot-for-semantic-critical-mobile-chrome-retry1/DBInfotext-should-match-screenshot-for-semantic-critical-1-diff.png
Call log:
- expect.toHaveScreenshot with timeout 5000ms
- verifying given screenshot expectation
- waiting for locator('#root').locator('internal:control=component')
- locator resolved to <span class="db-infotext" data-semantic="critical">Test</span>
- taking element screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- attempting scroll into view action
- waiting for element to be stable
- 4 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 <span class="db-infotext" data-semantic="critical">Test</span>
- taking element screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- attempting scroll into view action
- waiting for element to be stable
- captured a stable screenshot
- 4 pixels (ratio 0.01 of all image pixels) are different.
29 | );
30 | const component = await mount(variantComp);
> 31 | await expect(component).toHaveScreenshot();
| ^
32 | });
33 | }
34 | };
at /__w/mono/mono/output/react/src/components/infotext/infotext.spec.tsx:31:28
|
🔣 Print GitHub Report:
output/react/src/components/infotext/infotext.spec.tsx#L31
3) [mobile_chrome] › infotext/infotext.spec.tsx:24:7 › DBInfotext › should match screenshot for semantic informational
Error: expect(locator).toHaveScreenshot(expected)
4 pixels (ratio 0.01 of all image pixels) are different.
Expected: /__w/mono/mono/__snapshots__/infotext/component/mobile-chrome/DBInfotext-should-match-screenshot-for-semantic-informational.png
Received: /__w/mono/mono/output/react/test-results/infotext-infotext-DBInfote-5b48b--for-semantic-informational-mobile-chrome/DBInfotext-should-match-sc-2c3f4-or-semantic-informational-1-actual.png
Diff: /__w/mono/mono/output/react/test-results/infotext-infotext-DBInfote-5b48b--for-semantic-informational-mobile-chrome/DBInfotext-should-match-sc-2c3f4-or-semantic-informational-1-diff.png
Call log:
- expect.toHaveScreenshot with timeout 5000ms
- verifying given screenshot expectation
- waiting for locator('#root').locator('internal:control=component')
- locator resolved to <span class="db-infotext" data-semantic="informational">Test</span>
- taking element screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- attempting scroll into view action
- waiting for element to be stable
- 4 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 <span class="db-infotext" data-semantic="informational">Test</span>
- taking element screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- attempting scroll into view action
- waiting for element to be stable
- captured a stable screenshot
- 4 pixels (ratio 0.01 of all image pixels) are different.
29 | );
30 | const component = await mount(variantComp);
> 31 | await expect(component).toHaveScreenshot();
| ^
32 | });
33 | }
34 | };
at /__w/mono/mono/output/react/src/components/infotext/infotext.spec.tsx:31:28
|
🔣 Print GitHub Report:
output/react/src/components/infotext/infotext.spec.tsx#L31
3) [mobile_chrome] › infotext/infotext.spec.tsx:24:7 › DBInfotext › should match screenshot for semantic informational
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(locator).toHaveScreenshot(expected)
4 pixels (ratio 0.01 of all image pixels) are different.
Expected: /__w/mono/mono/__snapshots__/infotext/component/mobile-chrome/DBInfotext-should-match-screenshot-for-semantic-informational.png
Received: /__w/mono/mono/output/react/test-results/infotext-infotext-DBInfote-5b48b--for-semantic-informational-mobile-chrome-retry1/DBInfotext-should-match-sc-2c3f4-or-semantic-informational-1-actual.png
Diff: /__w/mono/mono/output/react/test-results/infotext-infotext-DBInfote-5b48b--for-semantic-informational-mobile-chrome-retry1/DBInfotext-should-match-sc-2c3f4-or-semantic-informational-1-diff.png
Call log:
- expect.toHaveScreenshot with timeout 5000ms
- verifying given screenshot expectation
- waiting for locator('#root').locator('internal:control=component')
- locator resolved to <span class="db-infotext" data-semantic="informational">Test</span>
- taking element screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- attempting scroll into view action
- waiting for element to be stable
- 4 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 <span class="db-infotext" data-semantic="informational">Test</span>
- taking element screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- attempting scroll into view action
- waiting for element to be stable
- captured a stable screenshot
- 4 pixels (ratio 0.01 of all image pixels) are different.
29 | );
30 | const component = await mount(variantComp);
> 31 | await expect(component).toHaveScreenshot();
| ^
32 | });
33 | }
34 | };
at /__w/mono/mono/output/react/src/components/infotext/infotext.spec.tsx:31:28
|
🔣 Print GitHub Report:
output/react/src/components/infotext/infotext.spec.tsx#L31
4) [mobile_chrome] › infotext/infotext.spec.tsx:24:7 › DBInfotext › should match screenshot for semantic warning
Error: expect(locator).toHaveScreenshot(expected)
1 pixels (ratio 0.01 of all image pixels) are different.
Expected: /__w/mono/mono/__snapshots__/infotext/component/mobile-chrome/DBInfotext-should-match-screenshot-for-semantic-warning.png
Received: /__w/mono/mono/output/react/test-results/infotext-infotext-DBInfote-bd72d-enshot-for-semantic-warning-mobile-chrome/DBInfotext-should-match-screenshot-for-semantic-warning-1-actual.png
Diff: /__w/mono/mono/output/react/test-results/infotext-infotext-DBInfote-bd72d-enshot-for-semantic-warning-mobile-chrome/DBInfotext-should-match-screenshot-for-semantic-warning-1-diff.png
Call log:
- expect.toHaveScreenshot with timeout 5000ms
- verifying given screenshot expectation
- waiting for locator('#root').locator('internal:control=component')
- locator resolved to <span class="db-infotext" data-semantic="warning">Test</span>
- taking element screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- attempting scroll into view action
- waiting for element to be stable
- 1 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 <span class="db-infotext" data-semantic="warning">Test</span>
- taking element screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- attempting scroll into view action
- waiting for element to be stable
- captured a stable screenshot
- 1 pixels (ratio 0.01 of all image pixels) are different.
29 | );
30 | const component = await mount(variantComp);
> 31 | await expect(component).toHaveScreenshot();
| ^
32 | });
33 | }
34 | };
at /__w/mono/mono/output/react/src/components/infotext/infotext.spec.tsx:31:28
|
🔣 Print GitHub Report:
output/react/src/components/infotext/infotext.spec.tsx#L31
4) [mobile_chrome] › infotext/infotext.spec.tsx:24:7 › DBInfotext › should match screenshot for semantic warning
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(locator).toHaveScreenshot(expected)
1 pixels (ratio 0.01 of all image pixels) are different.
Expected: /__w/mono/mono/__snapshots__/infotext/component/mobile-chrome/DBInfotext-should-match-screenshot-for-semantic-warning.png
Received: /__w/mono/mono/output/react/test-results/infotext-infotext-DBInfote-bd72d-enshot-for-semantic-warning-mobile-chrome-retry1/DBInfotext-should-match-screenshot-for-semantic-warning-1-actual.png
Diff: /__w/mono/mono/output/react/test-results/infotext-infotext-DBInfote-bd72d-enshot-for-semantic-warning-mobile-chrome-retry1/DBInfotext-should-match-screenshot-for-semantic-warning-1-diff.png
Call log:
- expect.toHaveScreenshot with timeout 5000ms
- verifying given screenshot expectation
- waiting for locator('#root').locator('internal:control=component')
- locator resolved to <span class="db-infotext" data-semantic="warning">Test</span>
- taking element screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- attempting scroll into view action
- waiting for element to be stable
- 1 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 <span class="db-infotext" data-semantic="warning">Test</span>
- taking element screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- attempting scroll into view action
- waiting for element to be stable
- captured a stable screenshot
- 1 pixels (ratio 0.01 of all image pixels) are different.
29 | );
30 | const component = await mount(variantComp);
> 31 | await expect(component).toHaveScreenshot();
| ^
32 | });
33 | }
34 | };
at /__w/mono/mono/output/react/src/components/infotext/infotext.spec.tsx:31:28
|
🔣 Print GitHub Report:
output/react/src/components/notification/notification.spec.tsx#L30
5) [mobile_chrome] › notification/notification.spec.tsx:23:7 › DBNotification › should match screenshot for semantic informational
Error: expect(locator).toHaveScreenshot(expected)
4 pixels (ratio 0.01 of all image pixels) are different.
Expected: /__w/mono/mono/__snapshots__/notification/component/mobile-chrome/DBNotification-should-match-screenshot-for-semantic-informational.png
Received: /__w/mono/mono/output/react/test-results/notification-notification--0e644--for-semantic-informational-mobile-chrome/DBNotification-should-matc-47073-or-semantic-informational-1-actual.png
Diff: /__w/mono/mono/output/react/test-results/notification-notification--0e644--for-semantic-informational-mobile-chrome/DBNotification-should-matc-47073-or-semantic-informational-1-diff.png
Call log:
- expect.toHaveScreenshot with timeout 5000ms
- verifying given screenshot expectation
- waiting for locator('#root').locator('internal:control=component')
- locator resolved to <article class="db-notification" data-semantic="informational">…</article>
- 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
- 4 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 <article class="db-notification" data-semantic="informational">…</article>
- 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
- 4 pixels (ratio 0.01 of all image pixels) are different.
28 | );
29 | const component = await mount(variantComp);
> 30 | await expect(component).toHaveScreenshot();
| ^
31 | });
32 | }
33 | };
at /__w/mono/mono/output/react/src/components/notification/notification.spec.tsx:30:28
|
🔣 Print GitHub Report:
output/react/src/components/notification/notification.spec.tsx#L30
5) [mobile_chrome] › notification/notification.spec.tsx:23:7 › DBNotification › should match screenshot for semantic informational
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(locator).toHaveScreenshot(expected)
4 pixels (ratio 0.01 of all image pixels) are different.
Expected: /__w/mono/mono/__snapshots__/notification/component/mobile-chrome/DBNotification-should-match-screenshot-for-semantic-informational.png
Received: /__w/mono/mono/output/react/test-results/notification-notification--0e644--for-semantic-informational-mobile-chrome-retry1/DBNotification-should-matc-47073-or-semantic-informational-1-actual.png
Diff: /__w/mono/mono/output/react/test-results/notification-notification--0e644--for-semantic-informational-mobile-chrome-retry1/DBNotification-should-matc-47073-or-semantic-informational-1-diff.png
Call log:
- expect.toHaveScreenshot with timeout 5000ms
- verifying given screenshot expectation
- waiting for locator('#root').locator('internal:control=component')
- locator resolved to <article class="db-notification" data-semantic="informational">…</article>
- 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
- 4 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 <article class="db-notification" data-semantic="informational">…</article>
- 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
- 4 pixels (ratio 0.01 of all image pixels) are different.
28 | );
29 | const component = await mount(variantComp);
> 30 | await expect(component).toHaveScreenshot();
| ^
31 | });
32 | }
33 | };
at /__w/mono/mono/output/react/src/components/notification/notification.spec.tsx:30:28
|
👩🔬 Test with Playwright 🎭
Process completed with exit code 1.
|
🔣 Print GitHub Report
7 failed
[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] › notification/notification.spec.tsx:23:7 › DBNotification › should match screenshot for semantic informational
[mobile_chrome] › notification/notification.spec.tsx:23:7 › DBNotification › should match screenshot for semantic warning
[mobile_chrome] › select/select.spec.tsx:21:6 › DBSelect › should match screenshot ─────────────
3 skipped
137 passed (48.5s)
|
Loading