[BREAKING CHANGE] feat: SSR, AppRoot: get rid of classes mutation on html elements #6132
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) • dark] › components/FixedLayout/FixedLayout.e2e.tsx:4:1 › FixedLayout with vertical=top
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(Buffer).toMatchSnapshot(expected)
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-chromium-dark-1-snap.png
Received: /__w/VKUI/VKUI/packages/vkui/__diff_output__/components-FixedLayout-Fix-5b4a8-xedLayout-with-vertical-top-vkcom-chromium-•-dark-retry1/fixedlayout-with-vertical-top-vkcom-chromium-dark-1-snap-actual.png
Diff: /__w/VKUI/VKUI/packages/vkui/__diff_output__/components-FixedLayout-Fix-5b4a8-xedLayout-with-vertical-top-vkcom-chromium-•-dark-retry1/fixedlayout-with-vertical-top-vkcom-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/FixedLayout/FixedLayout.e2e.tsx:10:3
|
|
Run e2e tests for @vkontakte/vkui workspace:
packages/vkui/src/testing/e2e/index.playwright.ts#L63
2) [vkcom (chromium) • dark] › components/FixedLayout/FixedLayout.e2e.tsx:13:1 › FixedLayout with vertical=bottom
Error: expect(Buffer).toMatchSnapshot(expected)
Expected an image 1280px by 720px, received 1280px by 691px. 36521 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-chromium-dark-1-snap.png
Received: /__w/VKUI/VKUI/packages/vkui/__diff_output__/components-FixedLayout-Fix-d88a9-Layout-with-vertical-bottom-vkcom-chromium-•-dark/fixedlayout-with-vertical--a484c-om-chromium-dark-1-snap-actual.png
Diff: /__w/VKUI/VKUI/packages/vkui/__diff_output__/components-FixedLayout-Fix-d88a9-Layout-with-vertical-bottom-vkcom-chromium-•-dark/fixedlayout-with-vertical--a484c-om-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/FixedLayout/FixedLayout.e2e.tsx:19:3
|
|
Run e2e tests for @vkontakte/vkui workspace:
packages/vkui/src/testing/e2e/index.playwright.ts#L63
2) [vkcom (chromium) • dark] › components/FixedLayout/FixedLayout.e2e.tsx:13:1 › FixedLayout with vertical=bottom
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(Buffer).toMatchSnapshot(expected)
Expected an image 1280px by 720px, received 1280px by 691px. 36521 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-chromium-dark-1-snap.png
Received: /__w/VKUI/VKUI/packages/vkui/__diff_output__/components-FixedLayout-Fix-d88a9-Layout-with-vertical-bottom-vkcom-chromium-•-dark-retry1/fixedlayout-with-vertical--a484c-om-chromium-dark-1-snap-actual.png
Diff: /__w/VKUI/VKUI/packages/vkui/__diff_output__/components-FixedLayout-Fix-d88a9-Layout-with-vertical-bottom-vkcom-chromium-•-dark-retry1/fixedlayout-with-vertical--a484c-om-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/FixedLayout/FixedLayout.e2e.tsx:19:3
|
|
Run e2e tests for @vkontakte/vkui workspace:
packages/vkui/src/testing/e2e/index.playwright.ts#L63
3) [vkcom (chromium) • dark] › components/FixedLayout/FixedLayout.e2e.tsx:22:1 › FixedLayout with vertical=top filled=true
Error: expect(Buffer).toMatchSnapshot(expected)
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-chromium-dark-1-snap.png
Received: /__w/VKUI/VKUI/packages/vkui/__diff_output__/components-FixedLayout-Fix-c1581-th-vertical-top-filled-true-vkcom-chromium-•-dark/fixedlayout-with-vertical--f3c57-om-chromium-dark-1-snap-actual.png
Diff: /__w/VKUI/VKUI/packages/vkui/__diff_output__/components-FixedLayout-Fix-c1581-th-vertical-top-filled-true-vkcom-chromium-•-dark/fixedlayout-with-vertical--f3c57-om-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/FixedLayout/FixedLayout.e2e.tsx:28:3
|
|
Run e2e tests for @vkontakte/vkui workspace:
packages/vkui/src/testing/e2e/index.playwright.ts#L63
3) [vkcom (chromium) • dark] › components/FixedLayout/FixedLayout.e2e.tsx:22:1 › FixedLayout with vertical=top filled=true
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(Buffer).toMatchSnapshot(expected)
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-chromium-dark-1-snap.png
Received: /__w/VKUI/VKUI/packages/vkui/__diff_output__/components-FixedLayout-Fix-c1581-th-vertical-top-filled-true-vkcom-chromium-•-dark-retry1/fixedlayout-with-vertical--f3c57-om-chromium-dark-1-snap-actual.png
Diff: /__w/VKUI/VKUI/packages/vkui/__diff_output__/components-FixedLayout-Fix-c1581-th-vertical-top-filled-true-vkcom-chromium-•-dark-retry1/fixedlayout-with-vertical--f3c57-om-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/FixedLayout/FixedLayout.e2e.tsx:28:3
|
|
Run e2e tests for @vkontakte/vkui workspace:
packages/vkui/src/testing/e2e/index.playwright.ts#L63
4) [vkcom (chromium) • dark] › components/FixedLayout/FixedLayout.e2e.tsx:31:1 › FixedLayout with vertical=bottom filled=true
Error: expect(Buffer).toMatchSnapshot(expected)
Expected an image 1280px by 720px, received 1280px by 691px. 36579 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-chromium-dark-1-snap.png
Received: /__w/VKUI/VKUI/packages/vkui/__diff_output__/components-FixedLayout-Fix-db418-vertical-bottom-filled-true-vkcom-chromium-•-dark/fixedlayout-with-vertical--0b74a-om-chromium-dark-1-snap-actual.png
Diff: /__w/VKUI/VKUI/packages/vkui/__diff_output__/components-FixedLayout-Fix-db418-vertical-bottom-filled-true-vkcom-chromium-•-dark/fixedlayout-with-vertical--0b74a-om-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/FixedLayout/FixedLayout.e2e.tsx:37:3
|
|
Run e2e tests for @vkontakte/vkui workspace:
packages/vkui/src/testing/e2e/index.playwright.ts#L63
4) [vkcom (chromium) • dark] › components/FixedLayout/FixedLayout.e2e.tsx:31:1 › FixedLayout with vertical=bottom filled=true
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(Buffer).toMatchSnapshot(expected)
Expected an image 1280px by 720px, received 1280px by 691px. 36579 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-chromium-dark-1-snap.png
Received: /__w/VKUI/VKUI/packages/vkui/__diff_output__/components-FixedLayout-Fix-db418-vertical-bottom-filled-true-vkcom-chromium-•-dark-retry1/fixedlayout-with-vertical--0b74a-om-chromium-dark-1-snap-actual.png
Diff: /__w/VKUI/VKUI/packages/vkui/__diff_output__/components-FixedLayout-Fix-db418-vertical-bottom-filled-true-vkcom-chromium-•-dark-retry1/fixedlayout-with-vertical--0b74a-om-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/FixedLayout/FixedLayout.e2e.tsx:37:3
|
|
Run e2e tests for @vkontakte/vkui workspace:
packages/vkui/src/testing/e2e/index.playwright.ts#L63
5) [vkcom (chromium) • dark] › components/OnboardingTooltip/OnboardingTooltip.e2e.tsx:4:1 › OnboardingTooltip
Error: expect(Buffer).toMatchSnapshot(expected)
9990 pixels (ratio 0.02 of all image pixels) are different.
Expected: /__w/VKUI/VKUI/packages/vkui/src/components/OnboardingTooltip/__image_snapshots__/onboardingtooltip-vkcom-chromium-dark-1-snap.png
Received: /__w/VKUI/VKUI/packages/vkui/__diff_output__/components-OnboardingToolt-06227-p.e2e.tsx-OnboardingTooltip-vkcom-chromium-•-dark/onboardingtooltip-vkcom-chromium-dark-1-snap-actual.png
Diff: /__w/VKUI/VKUI/packages/vkui/__diff_output__/components-OnboardingToolt-06227-p.e2e.tsx-OnboardingTooltip-vkcom-chromium-•-dark/onboardingtooltip-vkcom-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/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) • dark] › components/OnboardingTooltip/OnboardingTooltip.e2e.tsx:4:1 › OnboardingTooltip
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(Buffer).toMatchSnapshot(expected)
9990 pixels (ratio 0.02 of all image pixels) are different.
Expected: /__w/VKUI/VKUI/packages/vkui/src/components/OnboardingTooltip/__image_snapshots__/onboardingtooltip-vkcom-chromium-dark-1-snap.png
Received: /__w/VKUI/VKUI/packages/vkui/__diff_output__/components-OnboardingToolt-06227-p.e2e.tsx-OnboardingTooltip-vkcom-chromium-•-dark-retry1/onboardingtooltip-vkcom-chromium-dark-1-snap-actual.png
Diff: /__w/VKUI/VKUI/packages/vkui/__diff_output__/components-OnboardingToolt-06227-p.e2e.tsx-OnboardingTooltip-vkcom-chromium-•-dark-retry1/onboardingtooltip-vkcom-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/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) • dark] › components/PanelHeaderContext/PanelHeaderContext.e2e.tsx:4:1 › PanelHeaderContext
Error: expect(Buffer).toMatchSnapshot(expected)
557 pixels (ratio 0.01 of all image pixels) are different.
Expected: /__w/VKUI/VKUI/packages/vkui/src/components/PanelHeaderContext/__image_snapshots__/panelheadercontext-vkcom-chromium-dark-1-snap.png
Received: /__w/VKUI/VKUI/packages/vkui/__diff_output__/components-PanelHeaderCont-aeea7-.e2e.tsx-PanelHeaderContext-vkcom-chromium-•-dark/panelheadercontext-vkcom-chromium-dark-1-snap-actual.png
Diff: /__w/VKUI/VKUI/packages/vkui/__diff_output__/components-PanelHeaderCont-aeea7-.e2e.tsx-PanelHeaderContext-vkcom-chromium-•-dark/panelheadercontext-vkcom-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/PanelHeaderContext/PanelHeaderContext.e2e.tsx:14:3
|
|
Run e2e tests for @vkontakte/vkui workspace
7 failed
[vkcom (chromium) • dark] › components/FixedLayout/FixedLayout.e2e.tsx:4:1 › FixedLayout with vertical=top
[vkcom (chromium) • dark] › components/FixedLayout/FixedLayout.e2e.tsx:13:1 › FixedLayout with vertical=bottom
[vkcom (chromium) • dark] › components/FixedLayout/FixedLayout.e2e.tsx:22:1 › FixedLayout with vertical=top filled=true
[vkcom (chromium) • dark] › components/FixedLayout/FixedLayout.e2e.tsx:31:1 › FixedLayout with vertical=bottom filled=true
[vkcom (chromium) • dark] › components/OnboardingTooltip/OnboardingTooltip.e2e.tsx:4:1 › OnboardingTooltip
[vkcom (chromium) • dark] › components/PanelHeaderContext/PanelHeaderContext.e2e.tsx:4:1 › PanelHeaderContext
[vkcom (chromium) • dark] › components/Snackbar/Snackbar.e2e.tsx:5:3 › Snackbar › placement ────
38 skipped
112 passed (1.3m)
|
Loading