chore: replace mitosis generated vue output (options-api) with composition-api #16076
Annotations
11 errors, 1 warning, and 1 notice
|
👩🔬 Test showcase with Playwright 🎭
Process completed with exit code 1.
|
|
🔣 Print GitHub Report:
showcases/e2e/default.ts#L111
1) [chromium-highContrast] › default.ts:79:2 › DBAccordion › should match screenshot ─────────────
Error: expect(page).toHaveScreenshot(expected)
Expected an image 1280px by 1755px, received 1280px by 1695px. 114685 pixels (ratio 0.06 of all image pixels) are different.
Expected: /__w/mono/mono/__snapshots__/accordion/showcase/chromium-highContrast/DBAccordion-should-match-screenshot-1/DBAccordion-should-match-screenshot.png
Received: /__w/mono/mono/showcases/vue-showcase/test-results/accordion-accordion-snapsh-2317d-ion-should-match-screenshot-chromium-highContrast/DBAccordion-should-match-screenshot-1-actual.png
Diff: /__w/mono/mono/showcases/vue-showcase/test-results/accordion-accordion-snapsh-2317d-ion-should-match-screenshot-chromium-highContrast/DBAccordion-should-match-screenshot-1-diff.png
Call log:
- expect.toHaveScreenshot with timeout 30000ms
- verifying given screenshot expectation
- taking page screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- Expected an image 1280px by 1755px, received 1280px by 1695px. 114685 pixels (ratio 0.06 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
- Expected an image 1280px by 1755px, received 1280px by 1695px. 114685 pixels (ratio 0.06 of all image pixels) are different.
109 | }
110 |
> 111 | await expect(page).toHaveScreenshot(config);
| ^
112 | });
113 | };
114 |
at /__w/mono/mono/showcases/e2e/default.ts:111:22
|
|
🔣 Print GitHub Report:
showcases/e2e/default.ts#L111
1) [chromium-highContrast] › default.ts:79:2 › DBAccordion › should match screenshot ─────────────
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(page).toHaveScreenshot(expected)
Expected an image 1280px by 1755px, received 1280px by 1695px. 114685 pixels (ratio 0.06 of all image pixels) are different.
Expected: /__w/mono/mono/__snapshots__/accordion/showcase/chromium-highContrast/DBAccordion-should-match-screenshot-1/DBAccordion-should-match-screenshot.png
Received: /__w/mono/mono/showcases/vue-showcase/test-results/accordion-accordion-snapsh-2317d-ion-should-match-screenshot-chromium-highContrast-retry1/DBAccordion-should-match-screenshot-1-actual.png
Diff: /__w/mono/mono/showcases/vue-showcase/test-results/accordion-accordion-snapsh-2317d-ion-should-match-screenshot-chromium-highContrast-retry1/DBAccordion-should-match-screenshot-1-diff.png
Call log:
- expect.toHaveScreenshot with timeout 30000ms
- verifying given screenshot expectation
- taking page screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- Expected an image 1280px by 1755px, received 1280px by 1695px. 114685 pixels (ratio 0.06 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
- Expected an image 1280px by 1755px, received 1280px by 1695px. 114685 pixels (ratio 0.06 of all image pixels) are different.
109 | }
110 |
> 111 | await expect(page).toHaveScreenshot(config);
| ^
112 | });
113 | };
114 |
at /__w/mono/mono/showcases/e2e/default.ts:111:22
|
|
🔣 Print GitHub Report:
showcases/e2e/default.ts#L111
2) [chromium-highContrast] › default.ts:79:2 › DBAccordionItem › should match screenshot ─────────
Error: expect(page).toHaveScreenshot(expected)
Expected an image 1280px by 1661px, received 1280px by 1211px. 600396 pixels (ratio 0.29 of all image pixels) are different.
Expected: /__w/mono/mono/__snapshots__/accordion-item/showcase/chromium-highContrast/DBAccordionItem-should-match-screenshot-1/DBAccordionItem-should-match-screenshot.png
Received: /__w/mono/mono/showcases/vue-showcase/test-results/accordion-item-accordion-i-5f968-tem-should-match-screenshot-chromium-highContrast/DBAccordionItem-should-match-screenshot-1-actual.png
Diff: /__w/mono/mono/showcases/vue-showcase/test-results/accordion-item-accordion-i-5f968-tem-should-match-screenshot-chromium-highContrast/DBAccordionItem-should-match-screenshot-1-diff.png
Call log:
- expect.toHaveScreenshot with timeout 30000ms
- verifying given screenshot expectation
- taking page screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- Expected an image 1280px by 1661px, received 1280px by 1211px. 600396 pixels (ratio 0.29 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
- Expected an image 1280px by 1661px, received 1280px by 1211px. 600396 pixels (ratio 0.29 of all image pixels) are different.
109 | }
110 |
> 111 | await expect(page).toHaveScreenshot(config);
| ^
112 | });
113 | };
114 |
at /__w/mono/mono/showcases/e2e/default.ts:111:22
|
|
🔣 Print GitHub Report:
showcases/e2e/default.ts#L111
2) [chromium-highContrast] › default.ts:79:2 › DBAccordionItem › should match screenshot ─────────
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(page).toHaveScreenshot(expected)
Expected an image 1280px by 1661px, received 1280px by 1211px. 600396 pixels (ratio 0.29 of all image pixels) are different.
Expected: /__w/mono/mono/__snapshots__/accordion-item/showcase/chromium-highContrast/DBAccordionItem-should-match-screenshot-1/DBAccordionItem-should-match-screenshot.png
Received: /__w/mono/mono/showcases/vue-showcase/test-results/accordion-item-accordion-i-5f968-tem-should-match-screenshot-chromium-highContrast-retry1/DBAccordionItem-should-match-screenshot-1-actual.png
Diff: /__w/mono/mono/showcases/vue-showcase/test-results/accordion-item-accordion-i-5f968-tem-should-match-screenshot-chromium-highContrast-retry1/DBAccordionItem-should-match-screenshot-1-diff.png
Call log:
- expect.toHaveScreenshot with timeout 30000ms
- verifying given screenshot expectation
- taking page screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- Expected an image 1280px by 1661px, received 1280px by 1211px. 600396 pixels (ratio 0.29 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
- Expected an image 1280px by 1661px, received 1280px by 1211px. 600396 pixels (ratio 0.29 of all image pixels) are different.
109 | }
110 |
> 111 | await expect(page).toHaveScreenshot(config);
| ^
112 | });
113 | };
114 |
at /__w/mono/mono/showcases/e2e/default.ts:111:22
|
|
🔣 Print GitHub Report:
showcases/e2e/default.ts#L111
3) [chromium-highContrast] › default.ts:79:2 › DBBadge › should match screenshot ─────────────────
Error: expect(page).toHaveScreenshot(expected)
Expected an image 1280px by 2965px, received 1280px by 1545px. 1847143 pixels (ratio 0.49 of all image pixels) are different.
Expected: /__w/mono/mono/__snapshots__/badge/showcase/chromium-highContrast/DBBadge-should-match-screenshot-1/DBBadge-should-match-screenshot.png
Received: /__w/mono/mono/showcases/vue-showcase/test-results/badge-badge-snapshot-DBBadge-should-match-screenshot-chromium-highContrast/DBBadge-should-match-screenshot-1-actual.png
Diff: /__w/mono/mono/showcases/vue-showcase/test-results/badge-badge-snapshot-DBBadge-should-match-screenshot-chromium-highContrast/DBBadge-should-match-screenshot-1-diff.png
Call log:
- expect.toHaveScreenshot with timeout 30000ms
- verifying given screenshot expectation
- taking page screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- Expected an image 1280px by 2965px, received 1280px by 1545px. 1847143 pixels (ratio 0.49 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
- Expected an image 1280px by 2965px, received 1280px by 1545px. 1847143 pixels (ratio 0.49 of all image pixels) are different.
109 | }
110 |
> 111 | await expect(page).toHaveScreenshot(config);
| ^
112 | });
113 | };
114 |
at /__w/mono/mono/showcases/e2e/default.ts:111:22
|
|
🔣 Print GitHub Report:
showcases/e2e/default.ts#L111
3) [chromium-highContrast] › default.ts:79:2 › DBBadge › should match screenshot ─────────────────
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(page).toHaveScreenshot(expected)
Expected an image 1280px by 2965px, received 1280px by 1545px. 1847143 pixels (ratio 0.49 of all image pixels) are different.
Expected: /__w/mono/mono/__snapshots__/badge/showcase/chromium-highContrast/DBBadge-should-match-screenshot-1/DBBadge-should-match-screenshot.png
Received: /__w/mono/mono/showcases/vue-showcase/test-results/badge-badge-snapshot-DBBadge-should-match-screenshot-chromium-highContrast-retry1/DBBadge-should-match-screenshot-1-actual.png
Diff: /__w/mono/mono/showcases/vue-showcase/test-results/badge-badge-snapshot-DBBadge-should-match-screenshot-chromium-highContrast-retry1/DBBadge-should-match-screenshot-1-diff.png
Call log:
- expect.toHaveScreenshot with timeout 30000ms
- verifying given screenshot expectation
- taking page screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- Expected an image 1280px by 2965px, received 1280px by 1545px. 1847143 pixels (ratio 0.49 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
- Expected an image 1280px by 2965px, received 1280px by 1545px. 1847143 pixels (ratio 0.49 of all image pixels) are different.
109 | }
110 |
> 111 | await expect(page).toHaveScreenshot(config);
| ^
112 | });
113 | };
114 |
at /__w/mono/mono/showcases/e2e/default.ts:111:22
|
|
🔣 Print GitHub Report:
showcases/e2e/default.ts#L111
4) [chromium-highContrast] › default.ts:79:2 › DBBrand › should match screenshot ─────────────────
Error: expect(page).toHaveScreenshot(expected)
Expected an image 1280px by 1335px, received 1280px by 1120px. 298277 pixels (ratio 0.18 of all image pixels) are different.
Expected: /__w/mono/mono/__snapshots__/brand/showcase/chromium-highContrast/DBBrand-should-match-screenshot-1/DBBrand-should-match-screenshot.png
Received: /__w/mono/mono/showcases/vue-showcase/test-results/brand-brand-snapshot-DBBrand-should-match-screenshot-chromium-highContrast/DBBrand-should-match-screenshot-1-actual.png
Diff: /__w/mono/mono/showcases/vue-showcase/test-results/brand-brand-snapshot-DBBrand-should-match-screenshot-chromium-highContrast/DBBrand-should-match-screenshot-1-diff.png
Call log:
- expect.toHaveScreenshot with timeout 30000ms
- verifying given screenshot expectation
- taking page screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- Expected an image 1280px by 1335px, received 1280px by 1120px. 298277 pixels (ratio 0.18 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
- Expected an image 1280px by 1335px, received 1280px by 1120px. 298277 pixels (ratio 0.18 of all image pixels) are different.
109 | }
110 |
> 111 | await expect(page).toHaveScreenshot(config);
| ^
112 | });
113 | };
114 |
at /__w/mono/mono/showcases/e2e/default.ts:111:22
|
|
🔣 Print GitHub Report:
showcases/e2e/default.ts#L111
4) [chromium-highContrast] › default.ts:79:2 › DBBrand › should match screenshot ─────────────────
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(page).toHaveScreenshot(expected)
Expected an image 1280px by 1335px, received 1280px by 1120px. 298277 pixels (ratio 0.18 of all image pixels) are different.
Expected: /__w/mono/mono/__snapshots__/brand/showcase/chromium-highContrast/DBBrand-should-match-screenshot-1/DBBrand-should-match-screenshot.png
Received: /__w/mono/mono/showcases/vue-showcase/test-results/brand-brand-snapshot-DBBrand-should-match-screenshot-chromium-highContrast-retry1/DBBrand-should-match-screenshot-1-actual.png
Diff: /__w/mono/mono/showcases/vue-showcase/test-results/brand-brand-snapshot-DBBrand-should-match-screenshot-chromium-highContrast-retry1/DBBrand-should-match-screenshot-1-diff.png
Call log:
- expect.toHaveScreenshot with timeout 30000ms
- verifying given screenshot expectation
- taking page screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- Expected an image 1280px by 1335px, received 1280px by 1120px. 298277 pixels (ratio 0.18 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
- Expected an image 1280px by 1335px, received 1280px by 1120px. 298277 pixels (ratio 0.18 of all image pixels) are different.
109 | }
110 |
> 111 | await expect(page).toHaveScreenshot(config);
| ^
112 | });
113 | };
114 |
at /__w/mono/mono/showcases/e2e/default.ts:111:22
|
|
🔣 Print GitHub Report:
showcases/e2e/default.ts#L111
5) [chromium-highContrast] › default.ts:79:2 › DBButton › should match screenshot ────────────────
Error: expect(page).toHaveScreenshot(expected)
Expected an image 1280px by 2965px, received 1280px by 1615px. 1774226 pixels (ratio 0.47 of all image pixels) are different.
Expected: /__w/mono/mono/__snapshots__/button/showcase/chromium-highContrast/DBButton-should-match-screenshot-1/DBButton-should-match-screenshot.png
Received: /__w/mono/mono/showcases/vue-showcase/test-results/button-button-snapshot-DBButton-should-match-screenshot-chromium-highContrast/DBButton-should-match-screenshot-1-actual.png
Diff: /__w/mono/mono/showcases/vue-showcase/test-results/button-button-snapshot-DBButton-should-match-screenshot-chromium-highContrast/DBButton-should-match-screenshot-1-diff.png
Call log:
- expect.toHaveScreenshot with timeout 30000ms
- verifying given screenshot expectation
- taking page screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- Expected an image 1280px by 2965px, received 1280px by 1615px. 1774226 pixels (ratio 0.47 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
- Expected an image 1280px by 2965px, received 1280px by 1615px. 1774226 pixels (ratio 0.47 of all image pixels) are different.
109 | }
110 |
> 111 | await expect(page).toHaveScreenshot(config);
| ^
112 | });
113 | };
114 |
at /__w/mono/mono/showcases/e2e/default.ts:111:22
|
|
🔣 Print GitHub Report:
showcases/e2e/default.ts#L111
5) [chromium-highContrast] › default.ts:79:2 › DBButton › should match screenshot ────────────────
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(page).toHaveScreenshot(expected)
Expected an image 1280px by 2965px, received 1280px by 1615px. 1774226 pixels (ratio 0.47 of all image pixels) are different.
Expected: /__w/mono/mono/__snapshots__/button/showcase/chromium-highContrast/DBButton-should-match-screenshot-1/DBButton-should-match-screenshot.png
Received: /__w/mono/mono/showcases/vue-showcase/test-results/button-button-snapshot-DBButton-should-match-screenshot-chromium-highContrast-retry1/DBButton-should-match-screenshot-1-actual.png
Diff: /__w/mono/mono/showcases/vue-showcase/test-results/button-button-snapshot-DBButton-should-match-screenshot-chromium-highContrast-retry1/DBButton-should-match-screenshot-1-diff.png
Call log:
- expect.toHaveScreenshot with timeout 30000ms
- verifying given screenshot expectation
- taking page screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- Expected an image 1280px by 2965px, received 1280px by 1615px. 1774226 pixels (ratio 0.47 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
- Expected an image 1280px by 2965px, received 1280px by 1615px. 1774226 pixels (ratio 0.47 of all image pixels) are different.
109 | }
110 |
> 111 | await expect(page).toHaveScreenshot(config);
| ^
112 | });
113 | };
114 |
at /__w/mono/mono/showcases/e2e/default.ts:111:22
|
|
🆙 Upload aChecker results
No files were found with the provided path: ./showcases/vue-showcase-showcase/results. No artifacts will be uploaded.
|
|
🔣 Print GitHub Report
32 failed
[chromium-highContrast] › default.ts:79:2 › DBAccordion › should match screenshot ──────────────
[chromium-highContrast] › default.ts:79:2 › DBAccordionItem › should match screenshot ──────────
[chromium-highContrast] › default.ts:79:2 › DBBadge › should match screenshot ──────────────────
[chromium-highContrast] › default.ts:79:2 › DBBrand › should match screenshot ──────────────────
[chromium-highContrast] › default.ts:79:2 › DBButton › should match screenshot ─────────────────
[chromium-highContrast] › default.ts:79:2 › DBCard › should match screenshot ───────────────────
[chromium-highContrast] › default.ts:79:2 › DBCheckbox › should match screenshot ───────────────
[chromium-highContrast] › default.ts:79:2 › DBDivider › should match screenshot ────────────────
[chromium-highContrast] › default.ts:79:2 › DBDrawer › should match screenshot ─────────────────
[chromium-highContrast] › default.ts:79:2 › DBHeader › should match screenshot ─────────────────
[chromium-highContrast] › home/showcase-home.spec.ts:88:2 › Home › test inputs ─────────────────
[chromium-highContrast] › home/showcase-home.spec.ts:96:2 › Home › test textareas ──────────────
[chromium-highContrast] › home/showcase-home.spec.ts:104:2 › Home › test selects ───────────────
[chromium-highContrast] › home/showcase-home.spec.ts:112:2 › Home › test checkboxes ────────────
[chromium-highContrast] › default.ts:79:2 › DBIcon › should match screenshot ───────────────────
[chromium-highContrast] › default.ts:79:2 › DBInfotext › should match screenshot ───────────────
[chromium-highContrast] › default.ts:79:2 › DBInput › should match screenshot ──────────────────
[chromium-highContrast] › default.ts:79:2 › DBLink › should match screenshot ───────────────────
[chromium-highContrast] › default.ts:79:2 › DBNavigation › should match screenshot ─────────────
[chromium-highContrast] › default.ts:79:2 › DBNavigationItem › should match screenshot ─────────
[chromium-highContrast] › default.ts:79:2 › DBNotification › should match screenshot ───────────
[chromium-highContrast] › default.ts:79:2 › DBPopover › should match screenshot ────────────────
[chromium-highContrast] › default.ts:79:2 › DBRadio › should match screenshot ──────────────────
[chromium-highContrast] › default.ts:79:2 › DBSection › should match screenshot ────────────────
[chromium-highContrast] › default.ts:79:2 › DBSelect › should match screenshot ─────────────────
[chromium-highContrast] › default.ts:79:2 › DBStack › should match screenshot ──────────────────
[chromium-highContrast] › default.ts:79:2 › DBSwitch › should match screenshot ─────────────────
[chromium-highContrast] › default.ts:79:2 › DBTabItem › should match screenshot ────────────────
[chromium-highContrast] › default.ts:79:2 › DBTabs › should match screenshot ───────────────────
[chromium-highContrast] › default.ts:79:2 › DBTag › should match screenshot ────────────────────
[chromium-highContrast] › default.ts:79:2 › DBTextarea › should match screenshot ───────────────
[chromium-highContrast] › default.ts:79:2 › DBTooltip › should match screenshot ────────────────
137 passed (7.1m)
|
Loading