[BREAKING CHANGE] feat: SSR, AppRoot: get rid of body classes mutations #5862
Annotations
10 errors and 1 notice
Run e2e tests for @vkontakte/vkui workspace:
packages/vkui/src/testing/e2e/index.playwright.ts#L63
1) [android (chromium) • dark] › components/Accordion/Accordion.e2e.tsx:4:5 › Accordion ──────────
Error: Screenshot comparison failed:
Expected an image 320px by 876px, received 320px by 916px. 32261 pixels (ratio 0.12 of all image pixels) are different.
Expected: /__w/VKUI/VKUI/packages/vkui/src/components/Accordion/__image_snapshots__/accordion-android-chromium-dark-1-snap.png
Received: /__w/VKUI/VKUI/packages/vkui/__diff_output__/components-Accordion-Accordion.e2e.tsx-Accordion-android-chromium-•-dark/accordion-android-chromium-dark-1-snap-actual.png
Diff: /__w/VKUI/VKUI/packages/vkui/__diff_output__/components-Accordion-Accordion.e2e.tsx-Accordion-android-chromium-•-dark/accordion-android-chromium-dark-1-snap-diff.png
at testing/e2e/index.playwright.ts:63
61 | expectCallCount,
62 | );
> 63 | expect(await screenshotWithClipToContent(page, options, browserName)).toMatchSnapshot(
| ^
64 | customScreenshotName,
65 | toMatchSnapshot,
66 | );
at result (/__w/VKUI/VKUI/packages/vkui/src/testing/e2e/index.playwright.ts:63:77)
at /__w/VKUI/VKUI/packages/vkui/src/components/Accordion/Accordion.e2e.tsx:6:3
|
Run e2e tests for @vkontakte/vkui workspace:
packages/vkui/src/testing/e2e/index.playwright.ts#L63
1) [android (chromium) • dark] › components/Accordion/Accordion.e2e.tsx:4:5 › Accordion ──────────
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: Screenshot comparison failed:
Expected an image 320px by 876px, received 320px by 916px. 32261 pixels (ratio 0.12 of all image pixels) are different.
Expected: /__w/VKUI/VKUI/packages/vkui/src/components/Accordion/__image_snapshots__/accordion-android-chromium-dark-1-snap.png
Received: /__w/VKUI/VKUI/packages/vkui/__diff_output__/components-Accordion-Accordion.e2e.tsx-Accordion-android-chromium-•-dark-retry1/accordion-android-chromium-dark-1-snap-actual.png
Diff: /__w/VKUI/VKUI/packages/vkui/__diff_output__/components-Accordion-Accordion.e2e.tsx-Accordion-android-chromium-•-dark-retry1/accordion-android-chromium-dark-1-snap-diff.png
at testing/e2e/index.playwright.ts:63
61 | expectCallCount,
62 | );
> 63 | expect(await screenshotWithClipToContent(page, options, browserName)).toMatchSnapshot(
| ^
64 | customScreenshotName,
65 | toMatchSnapshot,
66 | );
at result (/__w/VKUI/VKUI/packages/vkui/src/testing/e2e/index.playwright.ts:63:77)
at /__w/VKUI/VKUI/packages/vkui/src/components/Accordion/Accordion.e2e.tsx:6:3
|
Run e2e tests for @vkontakte/vkui workspace:
packages/vkui/src/testing/e2e/index.playwright.ts#L63
2) [android (chromium) • dark] › components/ActionSheet/ActionSheet.e2e.tsx:13:7 › ActionSheet › ViewWidth.MOBILE sizeY=regular
Error: Screenshot comparison failed:
Expected an image 320px by 710px, received 320px by 715px. 24252 pixels (ratio 0.11 of all image pixels) are different.
Expected: /__w/VKUI/VKUI/packages/vkui/src/components/ActionSheet/__image_snapshots__/actionsheet-viewwidth-mobile-sizey-regular-android-chromium-dark-1-snap.png
Received: /__w/VKUI/VKUI/packages/vkui/__diff_output__/components-ActionSheet-Act-3a4af-wWidth-MOBILE-sizeY-regular-android-chromium-•-dark/actionsheet-viewwidth-mobi-df34a-id-chromium-dark-1-snap-actual.png
Diff: /__w/VKUI/VKUI/packages/vkui/__diff_output__/components-ActionSheet-Act-3a4af-wWidth-MOBILE-sizeY-regular-android-chromium-•-dark/actionsheet-viewwidth-mobi-df34a-id-chromium-dark-1-snap-diff.png
at testing/e2e/index.playwright.ts:63
61 | expectCallCount,
62 | );
> 63 | expect(await screenshotWithClipToContent(page, options, browserName)).toMatchSnapshot(
| ^
64 | customScreenshotName,
65 | toMatchSnapshot,
66 | );
at result (/__w/VKUI/VKUI/packages/vkui/src/testing/e2e/index.playwright.ts:63:77)
at /__w/VKUI/VKUI/packages/vkui/src/components/ActionSheet/ActionSheet.e2e.tsx:24:5
|
Run e2e tests for @vkontakte/vkui workspace:
packages/vkui/src/testing/e2e/index.playwright.ts#L63
2) [android (chromium) • dark] › components/ActionSheet/ActionSheet.e2e.tsx:13:7 › ActionSheet › ViewWidth.MOBILE sizeY=regular
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: Screenshot comparison failed:
Expected an image 320px by 710px, received 320px by 715px. 24252 pixels (ratio 0.11 of all image pixels) are different.
Expected: /__w/VKUI/VKUI/packages/vkui/src/components/ActionSheet/__image_snapshots__/actionsheet-viewwidth-mobile-sizey-regular-android-chromium-dark-1-snap.png
Received: /__w/VKUI/VKUI/packages/vkui/__diff_output__/components-ActionSheet-Act-3a4af-wWidth-MOBILE-sizeY-regular-android-chromium-•-dark-retry1/actionsheet-viewwidth-mobi-df34a-id-chromium-dark-1-snap-actual.png
Diff: /__w/VKUI/VKUI/packages/vkui/__diff_output__/components-ActionSheet-Act-3a4af-wWidth-MOBILE-sizeY-regular-android-chromium-•-dark-retry1/actionsheet-viewwidth-mobi-df34a-id-chromium-dark-1-snap-diff.png
at testing/e2e/index.playwright.ts:63
61 | expectCallCount,
62 | );
> 63 | expect(await screenshotWithClipToContent(page, options, browserName)).toMatchSnapshot(
| ^
64 | customScreenshotName,
65 | toMatchSnapshot,
66 | );
at result (/__w/VKUI/VKUI/packages/vkui/src/testing/e2e/index.playwright.ts:63:77)
at /__w/VKUI/VKUI/packages/vkui/src/components/ActionSheet/ActionSheet.e2e.tsx:24:5
|
Run e2e tests for @vkontakte/vkui workspace:
packages/vkui/src/testing/e2e/index.playwright.ts#L63
3) [android (chromium) • dark] › components/Alert/Alert.e2e.tsx:12:7 › Alert › mobile ────────────
Error: Screenshot comparison failed:
Expected an image 320px by 1103px, received 320px by 1192px. 142538 pixels (ratio 0.38 of all image pixels) are different.
Expected: /__w/VKUI/VKUI/packages/vkui/src/components/Alert/__image_snapshots__/alert-mobile-android-chromium-dark-1-snap.png
Received: /__w/VKUI/VKUI/packages/vkui/__diff_output__/components-Alert-Alert.e2e.tsx-Alert-mobile-android-chromium-•-dark/alert-mobile-android-chromium-dark-1-snap-actual.png
Diff: /__w/VKUI/VKUI/packages/vkui/__diff_output__/components-Alert-Alert.e2e.tsx-Alert-mobile-android-chromium-•-dark/alert-mobile-android-chromium-dark-1-snap-diff.png
at testing/e2e/index.playwright.ts:63
61 | expectCallCount,
62 | );
> 63 | expect(await screenshotWithClipToContent(page, options, browserName)).toMatchSnapshot(
| ^
64 | customScreenshotName,
65 | toMatchSnapshot,
66 | );
at result (/__w/VKUI/VKUI/packages/vkui/src/testing/e2e/index.playwright.ts:63:77)
at /__w/VKUI/VKUI/packages/vkui/src/components/Alert/Alert.e2e.tsx:14:5
|
Run e2e tests for @vkontakte/vkui workspace:
packages/vkui/src/testing/e2e/index.playwright.ts#L63
3) [android (chromium) • dark] › components/Alert/Alert.e2e.tsx:12:7 › Alert › mobile ────────────
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: Screenshot comparison failed:
Expected an image 320px by 1103px, received 320px by 1192px. 142538 pixels (ratio 0.38 of all image pixels) are different.
Expected: /__w/VKUI/VKUI/packages/vkui/src/components/Alert/__image_snapshots__/alert-mobile-android-chromium-dark-1-snap.png
Received: /__w/VKUI/VKUI/packages/vkui/__diff_output__/components-Alert-Alert.e2e.tsx-Alert-mobile-android-chromium-•-dark-retry1/alert-mobile-android-chromium-dark-1-snap-actual.png
Diff: /__w/VKUI/VKUI/packages/vkui/__diff_output__/components-Alert-Alert.e2e.tsx-Alert-mobile-android-chromium-•-dark-retry1/alert-mobile-android-chromium-dark-1-snap-diff.png
at testing/e2e/index.playwright.ts:63
61 | expectCallCount,
62 | );
> 63 | expect(await screenshotWithClipToContent(page, options, browserName)).toMatchSnapshot(
| ^
64 | customScreenshotName,
65 | toMatchSnapshot,
66 | );
at result (/__w/VKUI/VKUI/packages/vkui/src/testing/e2e/index.playwright.ts:63:77)
at /__w/VKUI/VKUI/packages/vkui/src/components/Alert/Alert.e2e.tsx:14:5
|
Run e2e tests for @vkontakte/vkui workspace:
packages/vkui/src/testing/e2e/index.playwright.ts#L63
4) [android (chromium) • dark] › components/AspectRatio/AspectRatio.e2e.tsx:4:5 › AspectRatio ────
Error: Screenshot comparison failed:
Expected an image 320px by 972px, received 320px by 980px. 14805 pixels (ratio 0.05 of all image pixels) are different.
Expected: /__w/VKUI/VKUI/packages/vkui/src/components/AspectRatio/__image_snapshots__/aspectratio-android-chromium-dark-1-snap.png
Received: /__w/VKUI/VKUI/packages/vkui/__diff_output__/components-AspectRatio-AspectRatio.e2e.tsx-AspectRatio-android-chromium-•-dark/aspectratio-android-chromium-dark-1-snap-actual.png
Diff: /__w/VKUI/VKUI/packages/vkui/__diff_output__/components-AspectRatio-AspectRatio.e2e.tsx-AspectRatio-android-chromium-•-dark/aspectratio-android-chromium-dark-1-snap-diff.png
at testing/e2e/index.playwright.ts:63
61 | expectCallCount,
62 | );
> 63 | expect(await screenshotWithClipToContent(page, options, browserName)).toMatchSnapshot(
| ^
64 | customScreenshotName,
65 | toMatchSnapshot,
66 | );
at result (/__w/VKUI/VKUI/packages/vkui/src/testing/e2e/index.playwright.ts:63:77)
at /__w/VKUI/VKUI/packages/vkui/src/components/AspectRatio/AspectRatio.e2e.tsx:10:3
|
Run e2e tests for @vkontakte/vkui workspace:
packages/vkui/src/testing/e2e/index.playwright.ts#L63
4) [android (chromium) • dark] › components/AspectRatio/AspectRatio.e2e.tsx:4:5 › AspectRatio ────
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: Screenshot comparison failed:
Expected an image 320px by 972px, received 320px by 980px. 14805 pixels (ratio 0.05 of all image pixels) are different.
Expected: /__w/VKUI/VKUI/packages/vkui/src/components/AspectRatio/__image_snapshots__/aspectratio-android-chromium-dark-1-snap.png
Received: /__w/VKUI/VKUI/packages/vkui/__diff_output__/components-AspectRatio-AspectRatio.e2e.tsx-AspectRatio-android-chromium-•-dark-retry1/aspectratio-android-chromium-dark-1-snap-actual.png
Diff: /__w/VKUI/VKUI/packages/vkui/__diff_output__/components-AspectRatio-AspectRatio.e2e.tsx-AspectRatio-android-chromium-•-dark-retry1/aspectratio-android-chromium-dark-1-snap-diff.png
at testing/e2e/index.playwright.ts:63
61 | expectCallCount,
62 | );
> 63 | expect(await screenshotWithClipToContent(page, options, browserName)).toMatchSnapshot(
| ^
64 | customScreenshotName,
65 | toMatchSnapshot,
66 | );
at result (/__w/VKUI/VKUI/packages/vkui/src/testing/e2e/index.playwright.ts:63:77)
at /__w/VKUI/VKUI/packages/vkui/src/components/AspectRatio/AspectRatio.e2e.tsx:10:3
|
Run e2e tests for @vkontakte/vkui workspace:
packages/vkui/src/testing/e2e/index.playwright.ts#L63
5) [android (chromium) • dark] › components/Avatar/Avatar.e2e.tsx:4:5 › Avatar ───────────────────
Error: Screenshot comparison failed:
Expected an image 320px by 2467px, received 320px by 2549px. 136135 pixels (ratio 0.17 of all image pixels) are different.
Expected: /__w/VKUI/VKUI/packages/vkui/src/components/Avatar/__image_snapshots__/avatar-android-chromium-dark-1-snap.png
Received: /__w/VKUI/VKUI/packages/vkui/__diff_output__/components-Avatar-Avatar.e2e.tsx-Avatar-android-chromium-•-dark/avatar-android-chromium-dark-1-snap-actual.png
Diff: /__w/VKUI/VKUI/packages/vkui/__diff_output__/components-Avatar-Avatar.e2e.tsx-Avatar-android-chromium-•-dark/avatar-android-chromium-dark-1-snap-diff.png
at testing/e2e/index.playwright.ts:63
61 | expectCallCount,
62 | );
> 63 | expect(await screenshotWithClipToContent(page, options, browserName)).toMatchSnapshot(
| ^
64 | customScreenshotName,
65 | toMatchSnapshot,
66 | );
at result (/__w/VKUI/VKUI/packages/vkui/src/testing/e2e/index.playwright.ts:63:77)
at /__w/VKUI/VKUI/packages/vkui/src/components/Avatar/Avatar.e2e.tsx:6:3
|
Run e2e tests for @vkontakte/vkui workspace:
packages/vkui/src/testing/e2e/index.playwright.ts#L63
5) [android (chromium) • dark] › components/Avatar/Avatar.e2e.tsx:4:5 › Avatar ───────────────────
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: Screenshot comparison failed:
Expected an image 320px by 2467px, received 320px by 2549px. 136135 pixels (ratio 0.17 of all image pixels) are different.
Expected: /__w/VKUI/VKUI/packages/vkui/src/components/Avatar/__image_snapshots__/avatar-android-chromium-dark-1-snap.png
Received: /__w/VKUI/VKUI/packages/vkui/__diff_output__/components-Avatar-Avatar.e2e.tsx-Avatar-android-chromium-•-dark-retry1/avatar-android-chromium-dark-1-snap-actual.png
Diff: /__w/VKUI/VKUI/packages/vkui/__diff_output__/components-Avatar-Avatar.e2e.tsx-Avatar-android-chromium-•-dark-retry1/avatar-android-chromium-dark-1-snap-diff.png
at testing/e2e/index.playwright.ts:63
61 | expectCallCount,
62 | );
> 63 | expect(await screenshotWithClipToContent(page, options, browserName)).toMatchSnapshot(
| ^
64 | customScreenshotName,
65 | toMatchSnapshot,
66 | );
at result (/__w/VKUI/VKUI/packages/vkui/src/testing/e2e/index.playwright.ts:63:77)
at /__w/VKUI/VKUI/packages/vkui/src/components/Avatar/Avatar.e2e.tsx:6:3
|
Run e2e tests for @vkontakte/vkui workspace
10 failed
[android (chromium) • dark] › components/Accordion/Accordion.e2e.tsx:4:5 › Accordion ───────────
[android (chromium) • dark] › components/ActionSheet/ActionSheet.e2e.tsx:13:7 › ActionSheet › ViewWidth.MOBILE sizeY=regular
[android (chromium) • dark] › components/Alert/Alert.e2e.tsx:12:7 › Alert › mobile ─────────────
[android (chromium) • dark] › components/AspectRatio/AspectRatio.e2e.tsx:4:5 › AspectRatio ─────
[android (chromium) • dark] › components/Avatar/Avatar.e2e.tsx:4:5 › Avatar ────────────────────
[android (chromium) • dark] › components/Banner/Banner.e2e.tsx:4:5 › Banner ────────────────────
[android (chromium) • dark] › components/Button/Button.e2e.tsx:10:5 › Button ───────────────────
[android (chromium) • dark] › components/Button/Button.e2e.tsx:16:7 › Button › counter ─────────
[android (chromium) • dark] › components/Button/Button.e2e.tsx:40:7 › Button › state ───────────
[android (chromium) • dark] › components/ButtonGroup/ButtonGroup.e2e.tsx:8:5 › ButtonGroup ─────
4 skipped
142 did not run
|
Loading