[BREAKING CHANGE] feat: SSR, AppRoot: get rid of classes mutation on html elements #6136
Annotations
10 errors and 1 notice
Run e2e tests for @vkontakte/vkui workspace:
packages/vkui/src/testing/e2e/index.playwright.ts#L63
1) [vkcom (chromium) • light] › components/ActionSheet/ActionSheet.e2e.tsx:39:3 › ActionSheet › ViewWidth.DESKTOP sizeY=regular
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(Buffer).toMatchSnapshot(expected)
109369 pixels (ratio 0.10 of all image pixels) are different.
Expected: /__w/VKUI/VKUI/packages/vkui/src/components/ActionSheet/__image_snapshots__/actionsheet-viewwidth-desktop-sizey-regular-vkcom-chromium-light-1-snap.png
Received: /__w/VKUI/VKUI/packages/vkui/__diff_output__/components-ActionSheet-Act-2442b-Width-DESKTOP-sizeY-regular-vkcom-chromium-•-light-retry1/actionsheet-viewwidth-desk-fe833-m-chromium-light-1-snap-actual.png
Diff: /__w/VKUI/VKUI/packages/vkui/__diff_output__/components-ActionSheet-Act-2442b-Width-DESKTOP-sizeY-regular-vkcom-chromium-•-light-retry1/actionsheet-viewwidth-desk-fe833-m-chromium-light-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:50:5
|
Run e2e tests for @vkontakte/vkui workspace:
packages/vkui/src/testing/e2e/index.playwright.ts#L63
2) [vkcom (chromium) • light] › components/CustomSelect/CustomSelect.e2e.tsx:22:3 › CustomSelect › no max height
Error: expect(Buffer).toMatchSnapshot(expected)
4335 pixels (ratio 0.04 of all image pixels) are different.
Expected: /__w/VKUI/VKUI/packages/vkui/src/components/CustomSelect/__image_snapshots__/customselect-no-max-height-vkcom-chromium-light-1-snap.png
Received: /__w/VKUI/VKUI/packages/vkui/__diff_output__/components-CustomSelect-Cu-9d1d2--CustomSelect-no-max-height-vkcom-chromium-•-light/customselect-no-max-height-vkcom-chromium-light-1-snap-actual.png
Diff: /__w/VKUI/VKUI/packages/vkui/__diff_output__/components-CustomSelect-Cu-9d1d2--CustomSelect-no-max-height-vkcom-chromium-•-light/customselect-no-max-height-vkcom-chromium-light-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/CustomSelect/CustomSelect.e2e.tsx:38:5
|
Run e2e tests for @vkontakte/vkui workspace:
packages/vkui/src/testing/e2e/index.playwright.ts#L63
2) [vkcom (chromium) • light] › components/CustomSelect/CustomSelect.e2e.tsx:22:3 › CustomSelect › no max height
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(Buffer).toMatchSnapshot(expected)
4335 pixels (ratio 0.04 of all image pixels) are different.
Expected: /__w/VKUI/VKUI/packages/vkui/src/components/CustomSelect/__image_snapshots__/customselect-no-max-height-vkcom-chromium-light-1-snap.png
Received: /__w/VKUI/VKUI/packages/vkui/__diff_output__/components-CustomSelect-Cu-9d1d2--CustomSelect-no-max-height-vkcom-chromium-•-light-retry1/customselect-no-max-height-vkcom-chromium-light-1-snap-actual.png
Diff: /__w/VKUI/VKUI/packages/vkui/__diff_output__/components-CustomSelect-Cu-9d1d2--CustomSelect-no-max-height-vkcom-chromium-•-light-retry1/customselect-no-max-height-vkcom-chromium-light-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/CustomSelect/CustomSelect.e2e.tsx:38:5
|
Run e2e tests for @vkontakte/vkui workspace:
packages/vkui/src/testing/e2e/index.playwright.ts#L63
3) [vkcom (chromium) • light] › components/HorizontalScroll/HorizontalScroll.e2e.tsx:50:3 › HorizontalScroll › has arrows on mouse hover
Error: expect(Buffer).toMatchSnapshot(expected)
2135 pixels (ratio 0.02 of all image pixels) are different.
Expected: /__w/VKUI/VKUI/packages/vkui/src/components/HorizontalScroll/__image_snapshots__/horizontalscroll-has-arrows-on-mouse-hover-vkcom-chromium-light-1-snap.png
Received: /__w/VKUI/VKUI/packages/vkui/__diff_output__/components-HorizontalScrol-8e099-l-has-arrows-on-mouse-hover-vkcom-chromium-•-light/horizontalscroll-has-arrow-d72db-m-chromium-light-1-snap-actual.png
Diff: /__w/VKUI/VKUI/packages/vkui/__diff_output__/components-HorizontalScrol-8e099-l-has-arrows-on-mouse-hover-vkcom-chromium-•-light/horizontalscroll-has-arrow-d72db-m-chromium-light-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/HorizontalScroll/HorizontalScroll.e2e.tsx:65:5
|
Run e2e tests for @vkontakte/vkui workspace:
packages/vkui/src/testing/e2e/index.playwright.ts#L63
3) [vkcom (chromium) • light] › components/HorizontalScroll/HorizontalScroll.e2e.tsx:50:3 › HorizontalScroll › has arrows on mouse hover
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(Buffer).toMatchSnapshot(expected)
2135 pixels (ratio 0.02 of all image pixels) are different.
Expected: /__w/VKUI/VKUI/packages/vkui/src/components/HorizontalScroll/__image_snapshots__/horizontalscroll-has-arrows-on-mouse-hover-vkcom-chromium-light-1-snap.png
Received: /__w/VKUI/VKUI/packages/vkui/__diff_output__/components-HorizontalScrol-8e099-l-has-arrows-on-mouse-hover-vkcom-chromium-•-light-retry1/horizontalscroll-has-arrow-d72db-m-chromium-light-1-snap-actual.png
Diff: /__w/VKUI/VKUI/packages/vkui/__diff_output__/components-HorizontalScrol-8e099-l-has-arrows-on-mouse-hover-vkcom-chromium-•-light-retry1/horizontalscroll-has-arrow-d72db-m-chromium-light-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/HorizontalScroll/HorizontalScroll.e2e.tsx:65:5
|
Run e2e tests for @vkontakte/vkui workspace:
packages/vkui/src/testing/e2e/index.playwright.ts#L63
4) [vkcom (chromium) • light] › components/HorizontalScroll/HorizontalScroll.e2e.tsx:70:3 › HorizontalScroll › does not have arrows without mouse
Error: expect(Buffer).toMatchSnapshot(expected)
2135 pixels (ratio 0.02 of all image pixels) are different.
Expected: /__w/VKUI/VKUI/packages/vkui/src/components/HorizontalScroll/__image_snapshots__/horizontalscroll-does-not-have-arrows-without-mouse-vkcom-chromium-light-1-snap.png
Received: /__w/VKUI/VKUI/packages/vkui/__diff_output__/components-HorizontalScrol-906a5-t-have-arrows-without-mouse-vkcom-chromium-•-light/horizontalscroll-does-not--8ab1b-m-chromium-light-1-snap-actual.png
Diff: /__w/VKUI/VKUI/packages/vkui/__diff_output__/components-HorizontalScrol-906a5-t-have-arrows-without-mouse-vkcom-chromium-•-light/horizontalscroll-does-not--8ab1b-m-chromium-light-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/HorizontalScroll/HorizontalScroll.e2e.tsx:85:5
|
Run e2e tests for @vkontakte/vkui workspace:
packages/vkui/src/testing/e2e/index.playwright.ts#L63
4) [vkcom (chromium) • light] › components/HorizontalScroll/HorizontalScroll.e2e.tsx:70:3 › HorizontalScroll › does not have arrows without mouse
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(Buffer).toMatchSnapshot(expected)
2135 pixels (ratio 0.02 of all image pixels) are different.
Expected: /__w/VKUI/VKUI/packages/vkui/src/components/HorizontalScroll/__image_snapshots__/horizontalscroll-does-not-have-arrows-without-mouse-vkcom-chromium-light-1-snap.png
Received: /__w/VKUI/VKUI/packages/vkui/__diff_output__/components-HorizontalScrol-906a5-t-have-arrows-without-mouse-vkcom-chromium-•-light-retry1/horizontalscroll-does-not--8ab1b-m-chromium-light-1-snap-actual.png
Diff: /__w/VKUI/VKUI/packages/vkui/__diff_output__/components-HorizontalScrol-906a5-t-have-arrows-without-mouse-vkcom-chromium-•-light-retry1/horizontalscroll-does-not--8ab1b-m-chromium-light-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/HorizontalScroll/HorizontalScroll.e2e.tsx:85:5
|
Run e2e tests for @vkontakte/vkui workspace:
packages/vkui/src/testing/e2e/index.playwright.ts#L63
5) [vkcom (chromium) • light] › components/OnboardingTooltip/OnboardingTooltip.e2e.tsx:4:1 › OnboardingTooltip
Error: expect(Buffer).toMatchSnapshot(expected)
9361 pixels (ratio 0.02 of all image pixels) are different.
Expected: /__w/VKUI/VKUI/packages/vkui/src/components/OnboardingTooltip/__image_snapshots__/onboardingtooltip-vkcom-chromium-light-1-snap.png
Received: /__w/VKUI/VKUI/packages/vkui/__diff_output__/components-OnboardingToolt-06227-p.e2e.tsx-OnboardingTooltip-vkcom-chromium-•-light/onboardingtooltip-vkcom-chromium-light-1-snap-actual.png
Diff: /__w/VKUI/VKUI/packages/vkui/__diff_output__/components-OnboardingToolt-06227-p.e2e.tsx-OnboardingTooltip-vkcom-chromium-•-light/onboardingtooltip-vkcom-chromium-light-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/OnboardingTooltip/OnboardingTooltip.e2e.tsx:10:3
|
Run e2e tests for @vkontakte/vkui workspace:
packages/vkui/src/testing/e2e/index.playwright.ts#L63
5) [vkcom (chromium) • light] › components/OnboardingTooltip/OnboardingTooltip.e2e.tsx:4:1 › OnboardingTooltip
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(Buffer).toMatchSnapshot(expected)
9361 pixels (ratio 0.02 of all image pixels) are different.
Expected: /__w/VKUI/VKUI/packages/vkui/src/components/OnboardingTooltip/__image_snapshots__/onboardingtooltip-vkcom-chromium-light-1-snap.png
Received: /__w/VKUI/VKUI/packages/vkui/__diff_output__/components-OnboardingToolt-06227-p.e2e.tsx-OnboardingTooltip-vkcom-chromium-•-light-retry1/onboardingtooltip-vkcom-chromium-light-1-snap-actual.png
Diff: /__w/VKUI/VKUI/packages/vkui/__diff_output__/components-OnboardingToolt-06227-p.e2e.tsx-OnboardingTooltip-vkcom-chromium-•-light-retry1/onboardingtooltip-vkcom-chromium-light-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/OnboardingTooltip/OnboardingTooltip.e2e.tsx:10:3
|
Run e2e tests for @vkontakte/vkui workspace:
packages/vkui/src/testing/e2e/index.playwright.ts#L63
6) [vkcom (chromium) • light] › components/PanelHeaderContext/PanelHeaderContext.e2e.tsx:4:1 › PanelHeaderContext
Error: expect(Buffer).toMatchSnapshot(expected)
473 pixels (ratio 0.01 of all image pixels) are different.
Expected: /__w/VKUI/VKUI/packages/vkui/src/components/PanelHeaderContext/__image_snapshots__/panelheadercontext-vkcom-chromium-light-1-snap.png
Received: /__w/VKUI/VKUI/packages/vkui/__diff_output__/components-PanelHeaderCont-aeea7-.e2e.tsx-PanelHeaderContext-vkcom-chromium-•-light/panelheadercontext-vkcom-chromium-light-1-snap-actual.png
Diff: /__w/VKUI/VKUI/packages/vkui/__diff_output__/components-PanelHeaderCont-aeea7-.e2e.tsx-PanelHeaderContext-vkcom-chromium-•-light/panelheadercontext-vkcom-chromium-light-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/PanelHeaderContext/PanelHeaderContext.e2e.tsx:14:3
|
Run e2e tests for @vkontakte/vkui workspace
7 failed
[vkcom (chromium) • light] › components/ActionSheet/ActionSheet.e2e.tsx:39:3 › ActionSheet › ViewWidth.DESKTOP sizeY=regular
[vkcom (chromium) • light] › components/CustomSelect/CustomSelect.e2e.tsx:22:3 › CustomSelect › no max height
[vkcom (chromium) • light] › components/HorizontalScroll/HorizontalScroll.e2e.tsx:50:3 › HorizontalScroll › has arrows on mouse hover
[vkcom (chromium) • light] › components/HorizontalScroll/HorizontalScroll.e2e.tsx:70:3 › HorizontalScroll › does not have arrows without mouse
[vkcom (chromium) • light] › components/OnboardingTooltip/OnboardingTooltip.e2e.tsx:4:1 › OnboardingTooltip
[vkcom (chromium) • light] › components/PanelHeaderContext/PanelHeaderContext.e2e.tsx:4:1 › PanelHeaderContext
[vkcom (chromium) • light] › components/Slider/Slider.e2e.tsx:15:3 › Slider with Tooltip › Slider with tooltip
27 skipped
123 passed (1.4m)
|
Loading