[BREAKING CHANGE] feat: SSR, AppRoot: get rid of body classes mutations #5863
Annotations
10 errors and 1 notice
Run e2e tests for @vkontakte/vkui workspace:
packages/vkui/src/testing/e2e/index.playwright.ts#L63
1) [vkcom (firefox) • dark] › components/FixedLayout/FixedLayout.e2e.tsx:4:5 › FixedLayout with vertical=top
Error: Screenshot comparison failed:
Expected an image 1280px by 720px, received 1280px by 691px. 37120 pixels (ratio 0.05 of all image pixels) are different.
Expected: /__w/VKUI/VKUI/packages/vkui/src/components/FixedLayout/__image_snapshots__/fixedlayout-with-vertical-top-vkcom-firefox-dark-1-snap.png
Received: /__w/VKUI/VKUI/packages/vkui/__diff_output__/components-FixedLayout-Fix-5b4a8-xedLayout-with-vertical-top-vkcom-firefox-•-dark/fixedlayout-with-vertical-top-vkcom-firefox-dark-1-snap-actual.png
Diff: /__w/VKUI/VKUI/packages/vkui/__diff_output__/components-FixedLayout-Fix-5b4a8-xedLayout-with-vertical-top-vkcom-firefox-•-dark/fixedlayout-with-vertical-top-vkcom-firefox-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/FixedLayout/FixedLayout.e2e.tsx:10:3
|
Run e2e tests for @vkontakte/vkui workspace:
packages/vkui/src/testing/e2e/index.playwright.ts#L63
1) [vkcom (firefox) • dark] › components/FixedLayout/FixedLayout.e2e.tsx:4:5 › FixedLayout with vertical=top
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: Screenshot comparison failed:
Expected an image 1280px by 720px, received 1280px by 691px. 37120 pixels (ratio 0.05 of all image pixels) are different.
Expected: /__w/VKUI/VKUI/packages/vkui/src/components/FixedLayout/__image_snapshots__/fixedlayout-with-vertical-top-vkcom-firefox-dark-1-snap.png
Received: /__w/VKUI/VKUI/packages/vkui/__diff_output__/components-FixedLayout-Fix-5b4a8-xedLayout-with-vertical-top-vkcom-firefox-•-dark-retry1/fixedlayout-with-vertical-top-vkcom-firefox-dark-1-snap-actual.png
Diff: /__w/VKUI/VKUI/packages/vkui/__diff_output__/components-FixedLayout-Fix-5b4a8-xedLayout-with-vertical-top-vkcom-firefox-•-dark-retry1/fixedlayout-with-vertical-top-vkcom-firefox-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/FixedLayout/FixedLayout.e2e.tsx:10:3
|
Run e2e tests for @vkontakte/vkui workspace:
packages/vkui/src/testing/e2e/index.playwright.ts#L63
2) [vkcom (firefox) • dark] › components/FixedLayout/FixedLayout.e2e.tsx:13:5 › FixedLayout with vertical=bottom
Error: Screenshot comparison failed:
Expected an image 1280px by 720px, received 1280px by 691px. 36535 pixels (ratio 0.04 of all image pixels) are different.
Expected: /__w/VKUI/VKUI/packages/vkui/src/components/FixedLayout/__image_snapshots__/fixedlayout-with-vertical-bottom-vkcom-firefox-dark-1-snap.png
Received: /__w/VKUI/VKUI/packages/vkui/__diff_output__/components-FixedLayout-Fix-d88a9-Layout-with-vertical-bottom-vkcom-firefox-•-dark/fixedlayout-with-vertical--786e1-com-firefox-dark-1-snap-actual.png
Diff: /__w/VKUI/VKUI/packages/vkui/__diff_output__/components-FixedLayout-Fix-d88a9-Layout-with-vertical-bottom-vkcom-firefox-•-dark/fixedlayout-with-vertical--786e1-com-firefox-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/FixedLayout/FixedLayout.e2e.tsx:19:3
|
Run e2e tests for @vkontakte/vkui workspace:
packages/vkui/src/testing/e2e/index.playwright.ts#L63
2) [vkcom (firefox) • dark] › components/FixedLayout/FixedLayout.e2e.tsx:13:5 › FixedLayout with vertical=bottom
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: Screenshot comparison failed:
Expected an image 1280px by 720px, received 1280px by 691px. 36535 pixels (ratio 0.04 of all image pixels) are different.
Expected: /__w/VKUI/VKUI/packages/vkui/src/components/FixedLayout/__image_snapshots__/fixedlayout-with-vertical-bottom-vkcom-firefox-dark-1-snap.png
Received: /__w/VKUI/VKUI/packages/vkui/__diff_output__/components-FixedLayout-Fix-d88a9-Layout-with-vertical-bottom-vkcom-firefox-•-dark-retry1/fixedlayout-with-vertical--786e1-com-firefox-dark-1-snap-actual.png
Diff: /__w/VKUI/VKUI/packages/vkui/__diff_output__/components-FixedLayout-Fix-d88a9-Layout-with-vertical-bottom-vkcom-firefox-•-dark-retry1/fixedlayout-with-vertical--786e1-com-firefox-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/FixedLayout/FixedLayout.e2e.tsx:19:3
|
Run e2e tests for @vkontakte/vkui workspace:
packages/vkui/src/testing/e2e/index.playwright.ts#L63
3) [vkcom (firefox) • dark] › components/FixedLayout/FixedLayout.e2e.tsx:22:5 › FixedLayout with vertical=top filled=true
Error: Screenshot comparison failed:
Expected an image 1280px by 720px, received 1280px by 691px. 37120 pixels (ratio 0.05 of all image pixels) are different.
Expected: /__w/VKUI/VKUI/packages/vkui/src/components/FixedLayout/__image_snapshots__/fixedlayout-with-vertical-top-filled-true-vkcom-firefox-dark-1-snap.png
Received: /__w/VKUI/VKUI/packages/vkui/__diff_output__/components-FixedLayout-Fix-c1581-th-vertical-top-filled-true-vkcom-firefox-•-dark/fixedlayout-with-vertical--cea75-com-firefox-dark-1-snap-actual.png
Diff: /__w/VKUI/VKUI/packages/vkui/__diff_output__/components-FixedLayout-Fix-c1581-th-vertical-top-filled-true-vkcom-firefox-•-dark/fixedlayout-with-vertical--cea75-com-firefox-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/FixedLayout/FixedLayout.e2e.tsx:28:3
|
Run e2e tests for @vkontakte/vkui workspace:
packages/vkui/src/testing/e2e/index.playwright.ts#L63
3) [vkcom (firefox) • dark] › components/FixedLayout/FixedLayout.e2e.tsx:22:5 › FixedLayout with vertical=top filled=true
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: Screenshot comparison failed:
Expected an image 1280px by 720px, received 1280px by 691px. 37120 pixels (ratio 0.05 of all image pixels) are different.
Expected: /__w/VKUI/VKUI/packages/vkui/src/components/FixedLayout/__image_snapshots__/fixedlayout-with-vertical-top-filled-true-vkcom-firefox-dark-1-snap.png
Received: /__w/VKUI/VKUI/packages/vkui/__diff_output__/components-FixedLayout-Fix-c1581-th-vertical-top-filled-true-vkcom-firefox-•-dark-retry1/fixedlayout-with-vertical--cea75-com-firefox-dark-1-snap-actual.png
Diff: /__w/VKUI/VKUI/packages/vkui/__diff_output__/components-FixedLayout-Fix-c1581-th-vertical-top-filled-true-vkcom-firefox-•-dark-retry1/fixedlayout-with-vertical--cea75-com-firefox-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/FixedLayout/FixedLayout.e2e.tsx:28:3
|
Run e2e tests for @vkontakte/vkui workspace:
packages/vkui/src/testing/e2e/index.playwright.ts#L63
4) [vkcom (firefox) • dark] › components/FixedLayout/FixedLayout.e2e.tsx:31:5 › FixedLayout with vertical=bottom filled=true
Error: Screenshot comparison failed:
Expected an image 1280px by 720px, received 1280px by 691px. 36520 pixels (ratio 0.04 of all image pixels) are different.
Expected: /__w/VKUI/VKUI/packages/vkui/src/components/FixedLayout/__image_snapshots__/fixedlayout-with-vertical-bottom-filled-true-vkcom-firefox-dark-1-snap.png
Received: /__w/VKUI/VKUI/packages/vkui/__diff_output__/components-FixedLayout-Fix-db418-vertical-bottom-filled-true-vkcom-firefox-•-dark/fixedlayout-with-vertical--333c1-com-firefox-dark-1-snap-actual.png
Diff: /__w/VKUI/VKUI/packages/vkui/__diff_output__/components-FixedLayout-Fix-db418-vertical-bottom-filled-true-vkcom-firefox-•-dark/fixedlayout-with-vertical--333c1-com-firefox-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/FixedLayout/FixedLayout.e2e.tsx:37:3
|
Run e2e tests for @vkontakte/vkui workspace:
packages/vkui/src/testing/e2e/index.playwright.ts#L63
4) [vkcom (firefox) • dark] › components/FixedLayout/FixedLayout.e2e.tsx:31:5 › FixedLayout with vertical=bottom filled=true
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: Screenshot comparison failed:
Expected an image 1280px by 720px, received 1280px by 691px. 36520 pixels (ratio 0.04 of all image pixels) are different.
Expected: /__w/VKUI/VKUI/packages/vkui/src/components/FixedLayout/__image_snapshots__/fixedlayout-with-vertical-bottom-filled-true-vkcom-firefox-dark-1-snap.png
Received: /__w/VKUI/VKUI/packages/vkui/__diff_output__/components-FixedLayout-Fix-db418-vertical-bottom-filled-true-vkcom-firefox-•-dark-retry1/fixedlayout-with-vertical--333c1-com-firefox-dark-1-snap-actual.png
Diff: /__w/VKUI/VKUI/packages/vkui/__diff_output__/components-FixedLayout-Fix-db418-vertical-bottom-filled-true-vkcom-firefox-•-dark-retry1/fixedlayout-with-vertical--333c1-com-firefox-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/FixedLayout/FixedLayout.e2e.tsx:37:3
|
Run e2e tests for @vkontakte/vkui workspace:
packages/vkui/src/testing/e2e/index.playwright.ts#L63
5) [vkcom (firefox) • dark] › components/Gallery/Gallery.e2e.tsx:13:7 › Gallery › show arrows ────
Error: Screenshot comparison failed:
2295 pixels (ratio 0.10 of all image pixels) are different.
Expected: /__w/VKUI/VKUI/packages/vkui/src/components/Gallery/__image_snapshots__/gallery-show-arrows-vkcom-firefox-dark-1-snap.png
Received: /__w/VKUI/VKUI/packages/vkui/__diff_output__/components-Gallery-Gallery.e2e.tsx-Gallery-show-arrows-vkcom-firefox-•-dark/gallery-show-arrows-vkcom-firefox-dark-1-snap-actual.png
Diff: /__w/VKUI/VKUI/packages/vkui/__diff_output__/components-Gallery-Gallery.e2e.tsx-Gallery-show-arrows-vkcom-firefox-•-dark/gallery-show-arrows-vkcom-firefox-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/Gallery/Gallery.e2e.tsx:25:5
|
Run e2e tests for @vkontakte/vkui workspace:
packages/vkui/src/testing/e2e/index.playwright.ts#L63
5) [vkcom (firefox) • dark] › components/Gallery/Gallery.e2e.tsx:13:7 › Gallery › show arrows ────
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: Screenshot comparison failed:
2295 pixels (ratio 0.10 of all image pixels) are different.
Expected: /__w/VKUI/VKUI/packages/vkui/src/components/Gallery/__image_snapshots__/gallery-show-arrows-vkcom-firefox-dark-1-snap.png
Received: /__w/VKUI/VKUI/packages/vkui/__diff_output__/components-Gallery-Gallery.e2e.tsx-Gallery-show-arrows-vkcom-firefox-•-dark-retry1/gallery-show-arrows-vkcom-firefox-dark-1-snap-actual.png
Diff: /__w/VKUI/VKUI/packages/vkui/__diff_output__/components-Gallery-Gallery.e2e.tsx-Gallery-show-arrows-vkcom-firefox-•-dark-retry1/gallery-show-arrows-vkcom-firefox-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/Gallery/Gallery.e2e.tsx:25:5
|
Run e2e tests for @vkontakte/vkui workspace
10 failed
[vkcom (firefox) • dark] › components/FixedLayout/FixedLayout.e2e.tsx:4:5 › FixedLayout with vertical=top
[vkcom (firefox) • dark] › components/FixedLayout/FixedLayout.e2e.tsx:13:5 › FixedLayout with vertical=bottom
[vkcom (firefox) • dark] › components/FixedLayout/FixedLayout.e2e.tsx:22:5 › FixedLayout with vertical=top filled=true
[vkcom (firefox) • dark] › components/FixedLayout/FixedLayout.e2e.tsx:31:5 › FixedLayout with vertical=bottom filled=true
[vkcom (firefox) • dark] › components/Gallery/Gallery.e2e.tsx:13:7 › Gallery › show arrows ─────
[vkcom (firefox) • dark] › components/HorizontalScroll/HorizontalScroll.e2e.tsx:50:7 › HorizontalScroll › has arrows on mouse hover
[vkcom (firefox) • dark] › components/HorizontalScroll/HorizontalScroll.e2e.tsx:70:7 › HorizontalScroll › does not have arrows without mouse
[vkcom (firefox) • dark] › components/ModalCard/ModalCard.e2e.tsx:37:7 › ModalCard ─────────────
[vkcom (firefox) • dark] › components/Search/Search.e2e.tsx:10:7 › Search › shows after when focused on iOS
[vkcom (firefox) • dark] › components/Slider/Slider.e2e.tsx:15:7 › Slider with Tooltip › Slider with tooltip
23 skipped
36 did not run
87 passed (2.2m)
|
Loading