refactor: changed to DB Screen Flex (variable font) #10526
Annotations
11 errors and 1 notice
|
🔣 Print GitHub Report:
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:
120 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
- 120 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
- 120 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
|
|
🔣 Print GitHub Report:
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:
120 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
- 120 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
- 120 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
|
|
🔣 Print GitHub Report:
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:
38 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-fdf…>…</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
- 38 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-fdf…>…</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
- 38 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
|
|
🔣 Print GitHub Report:
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:
38 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-2e2…>…</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
- 38 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-2e2…>…</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
- 38 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
|
|
🔣 Print GitHub Report:
output/react/src/components/alert/alert.spec.tsx#L22
3) [mobile_chrome] › alert/alert.spec.tsx:20:6 › DBAlert › should match screenshot ───────────────
Error: Screenshot comparison failed:
38 pixels (ratio 0.01 of all image pixels) are different.
Expected: /__w/mono/mono/__snapshots__/alert/component/mobile-chrome/DBAlert-should-match-screenshot.png
Received: /__w/mono/mono/output/react/test-results/alert-alert.spec.tsx-DBAlert-should-match-screenshot-mobile-chrome/DBAlert-should-match-screenshot-1-actual.png
Diff: /__w/mono/mono/output/react/test-results/alert-alert.spec.tsx-DBAlert-should-match-screenshot-mobile-chrome/DBAlert-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-alert">…</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
- 38 pixels (ratio 0.01 of all image pixels) are different.
- waiting 100ms before taking screenshot
- waiting for locator('#root').locator('internal:control=component')
- locator resolved to <div class="db-alert">…</div>
- taking element screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- attempting scroll into view action
- waiting for element to be stable
- captured a stable screenshot
- 38 pixels (ratio 0.01 of all image pixels) are different.
20 | test(`should match screenshot`, async ({ mount }) => {
21 | const component = await mount(comp);
> 22 | await expect(component).toHaveScreenshot();
| ^
23 | });
24 | };
25 |
at /__w/mono/mono/output/react/src/components/alert/alert.spec.tsx:22:27
|
|
🔣 Print GitHub Report:
output/react/src/components/alert/alert.spec.tsx#L22
3) [mobile_chrome] › alert/alert.spec.tsx:20:6 › DBAlert › should match screenshot ───────────────
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: Screenshot comparison failed:
38 pixels (ratio 0.01 of all image pixels) are different.
Expected: /__w/mono/mono/__snapshots__/alert/component/mobile-chrome/DBAlert-should-match-screenshot.png
Received: /__w/mono/mono/output/react/test-results/alert-alert.spec.tsx-DBAlert-should-match-screenshot-mobile-chrome-retry1/DBAlert-should-match-screenshot-1-actual.png
Diff: /__w/mono/mono/output/react/test-results/alert-alert.spec.tsx-DBAlert-should-match-screenshot-mobile-chrome-retry1/DBAlert-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-alert">…</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
- 38 pixels (ratio 0.01 of all image pixels) are different.
- waiting 100ms before taking screenshot
- waiting for locator('#root').locator('internal:control=component')
- locator resolved to <div class="db-alert">…</div>
- taking element screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- attempting scroll into view action
- waiting for element to be stable
- captured a stable screenshot
- 38 pixels (ratio 0.01 of all image pixels) are different.
20 | test(`should match screenshot`, async ({ mount }) => {
21 | const component = await mount(comp);
> 22 | await expect(component).toHaveScreenshot();
| ^
23 | });
24 | };
25 |
at /__w/mono/mono/output/react/src/components/alert/alert.spec.tsx:22:27
|
|
🔣 Print GitHub Report:
output/react/src/components/alert/alert.spec.tsx#L34
4) [mobile_chrome] › alert/alert.spec.tsx:28:7 › DBAlert › should match screenshot for variant critical
Error: Screenshot comparison failed:
44 pixels (ratio 0.01 of all image pixels) are different.
Expected: /__w/mono/mono/__snapshots__/alert/component/mobile-chrome/DBAlert-should-match-screenshot-for-variant-critical.png
Received: /__w/mono/mono/output/react/test-results/alert-alert.spec.tsx-DBAlert-should-match-screenshot-for-variant-critical-mobile-chrome/DBAlert-should-match-screenshot-for-variant-critical-1-actual.png
Diff: /__w/mono/mono/output/react/test-results/alert-alert.spec.tsx-DBAlert-should-match-screenshot-for-variant-critical-mobile-chrome/DBAlert-should-match-screenshot-for-variant-critical-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-alert" data-variant="critical">…</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
- 44 pixels (ratio 0.01 of all image pixels) are different.
- waiting 100ms before taking screenshot
- waiting for locator('#root').locator('internal:control=component')
- locator resolved to <div class="db-alert" data-variant="critical">…</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
- 44 pixels (ratio 0.01 of all image pixels) are different.
32 | <DBAlert variant={variant}>Test</DBAlert>
33 | );
> 34 | await expect(component).toHaveScreenshot();
| ^
35 | });
36 | }
37 | };
at /__w/mono/mono/output/react/src/components/alert/alert.spec.tsx:34:28
|
|
🔣 Print GitHub Report:
output/react/src/components/alert/alert.spec.tsx#L34
4) [mobile_chrome] › alert/alert.spec.tsx:28:7 › DBAlert › should match screenshot for variant critical
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: Screenshot comparison failed:
44 pixels (ratio 0.01 of all image pixels) are different.
Expected: /__w/mono/mono/__snapshots__/alert/component/mobile-chrome/DBAlert-should-match-screenshot-for-variant-critical.png
Received: /__w/mono/mono/output/react/test-results/alert-alert.spec.tsx-DBAlert-should-match-screenshot-for-variant-critical-mobile-chrome-retry1/DBAlert-should-match-screenshot-for-variant-critical-1-actual.png
Diff: /__w/mono/mono/output/react/test-results/alert-alert.spec.tsx-DBAlert-should-match-screenshot-for-variant-critical-mobile-chrome-retry1/DBAlert-should-match-screenshot-for-variant-critical-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-alert" data-variant="critical">…</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
- 44 pixels (ratio 0.01 of all image pixels) are different.
- waiting 100ms before taking screenshot
- waiting for locator('#root').locator('internal:control=component')
- locator resolved to <div class="db-alert" data-variant="critical">…</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
- 44 pixels (ratio 0.01 of all image pixels) are different.
32 | <DBAlert variant={variant}>Test</DBAlert>
33 | );
> 34 | await expect(component).toHaveScreenshot();
| ^
35 | });
36 | }
37 | };
at /__w/mono/mono/output/react/src/components/alert/alert.spec.tsx:34:28
|
|
🔣 Print GitHub Report:
output/react/src/components/alert/alert.spec.tsx#L34
5) [mobile_chrome] › alert/alert.spec.tsx:28:7 › DBAlert › should match screenshot for variant informational
Error: Screenshot comparison failed:
42 pixels (ratio 0.01 of all image pixels) are different.
Expected: /__w/mono/mono/__snapshots__/alert/component/mobile-chrome/DBAlert-should-match-screenshot-for-variant-informational.png
Received: /__w/mono/mono/output/react/test-results/alert-alert.spec.tsx-DBAlert-should-match-screenshot-for-variant-informational-mobile-chrome/DBAlert-should-match-screenshot-for-variant-informational-1-actual.png
Diff: /__w/mono/mono/output/react/test-results/alert-alert.spec.tsx-DBAlert-should-match-screenshot-for-variant-informational-mobile-chrome/DBAlert-should-match-screenshot-for-variant-informational-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-alert" data-variant="informational">…</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-alert" data-variant="informational">…</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.
32 | <DBAlert variant={variant}>Test</DBAlert>
33 | );
> 34 | await expect(component).toHaveScreenshot();
| ^
35 | });
36 | }
37 | };
at /__w/mono/mono/output/react/src/components/alert/alert.spec.tsx:34:28
|
|
🔣 Print GitHub Report:
output/react/src/components/alert/alert.spec.tsx#L34
5) [mobile_chrome] › alert/alert.spec.tsx:28:7 › DBAlert › should match screenshot for variant informational
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: Screenshot comparison failed:
42 pixels (ratio 0.01 of all image pixels) are different.
Expected: /__w/mono/mono/__snapshots__/alert/component/mobile-chrome/DBAlert-should-match-screenshot-for-variant-informational.png
Received: /__w/mono/mono/output/react/test-results/alert-alert.spec.tsx-DBAlert-should-match-screenshot-for-variant-informational-mobile-chrome-retry1/DBAlert-should-match-screenshot-for-variant-informational-1-actual.png
Diff: /__w/mono/mono/output/react/test-results/alert-alert.spec.tsx-DBAlert-should-match-screenshot-for-variant-informational-mobile-chrome-retry1/DBAlert-should-match-screenshot-for-variant-informational-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-alert" data-variant="informational">…</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-alert" data-variant="informational">…</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.
32 | <DBAlert variant={variant}>Test</DBAlert>
33 | );
> 34 | await expect(component).toHaveScreenshot();
| ^
35 | });
36 | }
37 | };
at /__w/mono/mono/output/react/src/components/alert/alert.spec.tsx:34:28
|
|
👩🔬 Test with Playwright 🎭
Process completed with exit code 1.
|
|
🔣 Print GitHub Report
41 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] › alert/alert.spec.tsx:20:6 › DBAlert › should match screenshot ────────────────
[mobile_chrome] › alert/alert.spec.tsx:28:7 › DBAlert › should match screenshot for variant critical
[mobile_chrome] › alert/alert.spec.tsx:28:7 › DBAlert › should match screenshot for variant informational
[mobile_chrome] › alert/alert.spec.tsx:28:7 › DBAlert › should match screenshot for variant warning
[mobile_chrome] › alert/alert.spec.tsx:28:7 › DBAlert › should match screenshot for variant successful
[mobile_chrome] › badge/badge.spec.tsx:16:6 › DBBadge › should match screenshot ────────────────
[mobile_chrome] › brand/brand.spec.tsx:35:6 › DBBrand › should match screenshot ────────────────
[mobile_chrome] › button/button.spec.tsx:19:7 › DBButton › should match screenshot for variant outlined
[mobile_chrome] › button/button.spec.tsx:19:7 › DBButton › should match screenshot for variant primary
[mobile_chrome] › button/button.spec.tsx:19:7 › DBButton › should match screenshot for variant solid
[mobile_chrome] › button/button.spec.tsx:19:7 › DBButton › should match screenshot for variant text
[mobile_chrome] › card/card.spec.tsx:29:6 › DBCard › should match screenshot ───────────────────
[mobile_chrome] › card/card.spec.tsx:37:7 › DBCard › should match screenshot for color variant neutral
[mobile_chrome] › card/card.spec.tsx:37:7 › DBCard › should match screenshot for color variant neutral-strong
[mobile_chrome] › card/card.spec.tsx:37:7 › DBCard › should match screenshot for color variant primary
[mobile_chrome] › card/card.spec.tsx:37:7 › DBCard › should match screenshot for color variant critical
[mobile_chrome] › card/card.spec.tsx:37:7 › DBCard › should match screenshot for color variant successful
[mobile_chrome] › card/card.spec.tsx:37:7 › DBCard › should match screenshot for color variant warning
[mobile_chrome] › card/card.spec.tsx:37:7 › DBCard › should match screenshot for color variant informational
[mobile_chrome] › card/card.spec.tsx:50:7 › DBCard › should match screenshot for variant interactive
[mobile_chrome] › checkbox/checkbox.spec.tsx:16:6 › DBCheckbox › should match screenshot ───────
[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 variant critical
[mobile_chrome] › infotext/infotext.spec.tsx:24:7 › DBInfotext › should match screenshot for variant informational
[mobile_chrome] › infotext/infotext.spec.tsx:24:7 › DBInfotext › should match screenshot for variant warning
[mobile_chrome] › infotext/infotext.spec.tsx:24:7 › DBInfotext › should match screenshot for variant successful
[mobile_chrome] › main-navigation/main-navigation.spec.tsx:24:6 › DBMainNavigation › should match screenshot
[mobile_chrome] › navigation-item/navigation-item.spec.tsx:28:6 › DBNavigationItem › should match screenshot
[mobile_chrome] › popover/popover.spec.tsx:24:6 › DBPopover › should match screenshot ──────────
[mobile_chrome] › radio/radio.spec.tsx:16:6 › DBRadio › should match screenshot ────────────────
[mobile_chrome] › select/select.spec.tsx:21:6 › DBSelect › should match screenshot ─────────────
[mobile_chrome] › tabs/tabs.spec.tsx:45:6 › DBTabs › should match screenshot ───────────────────
[mobile_chrome] › tag/tag.spec.tsx:16:6 › DBTag › should match screenshot ──────────────────────
[mobile_chrome] › tag/tag.spec.tsx:24:7 › DBTag › should match screenshot for variant critical ─
[mobile_chrome] › tag/tag.spec.tsx:24:7 › DBTag › should match screenshot for variant informational
[mobile_chrome] › tag/tag.spec.tsx:24:7 › DBTag › should match screenshot for variant warning ──
[mobile_chrome] › t
|
Loading