fix(FormLayoutGroup): FormItem width with long text in top prop makes second FormItem overflows #5793
andrey-medvedev-vkpull_request_packages.yml
on: pull_request
Detect what files changed
5s
Call reusable workflow
/
Run unit tests
2m 5s
Run linters
2m 13s
Call reusable workflow
/
get_playwright_docker_image
17s
Upload docs dist artifact (styleguide)
2m 17s
Upload docs dist artifact (storybook)
1m 28s
Report unit test results
3s
Matrix: Call reusable workflow / test_e2e
Call reusable workflow
/
Download PR workflow payload artifact
0s
Call reusable workflow
/
Upload PR workflow payload artifact
3s
Annotations
20 errors and 10 notices
|
[android (chromium) • dark] › components/FormLayoutGroup/FormLayoutGroup.e2e.tsx:4:5 › FormLayoutGroup:
packages/vkui/src/testing/e2e/index.playwright.ts#L63
1) [android (chromium) • dark] › components/FormLayoutGroup/FormLayoutGroup.e2e.tsx:4:5 › FormLayoutGroup
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: Screenshot comparison failed:
4899 pixels (ratio 0.01 of all image pixels) are different.
Expected: /__w/VKUI/VKUI/packages/vkui/src/components/FormLayoutGroup/__image_snapshots__/formlayoutgroup-android-chromium-dark-1-snap.png
Received: /__w/VKUI/VKUI/packages/vkui/__diff_output__/components-FormLayoutGroup-9d8a7-oup.e2e.tsx-FormLayoutGroup-android-chromium-•-dark-retry1/formlayoutgroup-android-chromium-dark-1-snap-actual.png
Diff: /__w/VKUI/VKUI/packages/vkui/__diff_output__/components-FormLayoutGroup-9d8a7-oup.e2e.tsx-FormLayoutGroup-android-chromium-•-dark-retry1/formlayoutgroup-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/FormLayoutGroup/FormLayoutGroup.e2e.tsx:10:3
|
|
Call reusable workflow / Run e2e tests for (shard 6/10)
Process completed with exit code 1.
|
|
[vkcom (chromium) • dark] › components/FormLayoutGroup/FormLayoutGroup.e2e.tsx:4:5 › FormLayoutGroup:
packages/vkui/src/testing/e2e/index.playwright.ts#L63
1) [vkcom (chromium) • dark] › components/FormLayoutGroup/FormLayoutGroup.e2e.tsx:4:5 › FormLayoutGroup
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: Screenshot comparison failed:
Expected an image 881px by 2687px, received 1272px by 2687px. 1136051 pixels (ratio 0.34 of all image pixels) are different.
Expected: /__w/VKUI/VKUI/packages/vkui/src/components/FormLayoutGroup/__image_snapshots__/formlayoutgroup-vkcom-chromium-dark-1-snap.png
Received: /__w/VKUI/VKUI/packages/vkui/__diff_output__/components-FormLayoutGroup-9d8a7-oup.e2e.tsx-FormLayoutGroup-vkcom-chromium-•-dark-retry1/formlayoutgroup-vkcom-chromium-dark-1-snap-actual.png
Diff: /__w/VKUI/VKUI/packages/vkui/__diff_output__/components-FormLayoutGroup-9d8a7-oup.e2e.tsx-FormLayoutGroup-vkcom-chromium-•-dark-retry1/formlayoutgroup-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/FormLayoutGroup/FormLayoutGroup.e2e.tsx:10:3
|
|
Call reusable workflow / Run e2e tests for (shard 8/10)
Process completed with exit code 1.
|
|
[android (chromium) • light] › components/FormLayoutGroup/FormLayoutGroup.e2e.tsx:4:5 › FormLayoutGroup:
packages/vkui/src/testing/e2e/index.playwright.ts#L63
1) [android (chromium) • light] › components/FormLayoutGroup/FormLayoutGroup.e2e.tsx:4:5 › FormLayoutGroup
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: Screenshot comparison failed:
4822 pixels (ratio 0.01 of all image pixels) are different.
Expected: /__w/VKUI/VKUI/packages/vkui/src/components/FormLayoutGroup/__image_snapshots__/formlayoutgroup-android-chromium-light-1-snap.png
Received: /__w/VKUI/VKUI/packages/vkui/__diff_output__/components-FormLayoutGroup-9d8a7-oup.e2e.tsx-FormLayoutGroup-android-chromium-•-light-retry1/formlayoutgroup-android-chromium-light-1-snap-actual.png
Diff: /__w/VKUI/VKUI/packages/vkui/__diff_output__/components-FormLayoutGroup-9d8a7-oup.e2e.tsx-FormLayoutGroup-android-chromium-•-light-retry1/formlayoutgroup-android-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/FormLayoutGroup/FormLayoutGroup.e2e.tsx:10:3
|
|
Call reusable workflow / Run e2e tests for (shard 1/10)
Process completed with exit code 1.
|
|
[vkcom (chromium) • light] › components/FormLayoutGroup/FormLayoutGroup.e2e.tsx:4:5 › FormLayoutGroup:
packages/vkui/src/testing/e2e/index.playwright.ts#L63
1) [vkcom (chromium) • light] › components/FormLayoutGroup/FormLayoutGroup.e2e.tsx:4:5 › FormLayoutGroup
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: Screenshot comparison failed:
Expected an image 881px by 2687px, received 1272px by 2687px. 700044 pixels (ratio 0.21 of all image pixels) are different.
Expected: /__w/VKUI/VKUI/packages/vkui/src/components/FormLayoutGroup/__image_snapshots__/formlayoutgroup-vkcom-chromium-light-1-snap.png
Received: /__w/VKUI/VKUI/packages/vkui/__diff_output__/components-FormLayoutGroup-9d8a7-oup.e2e.tsx-FormLayoutGroup-vkcom-chromium-•-light-retry1/formlayoutgroup-vkcom-chromium-light-1-snap-actual.png
Diff: /__w/VKUI/VKUI/packages/vkui/__diff_output__/components-FormLayoutGroup-9d8a7-oup.e2e.tsx-FormLayoutGroup-vkcom-chromium-•-light-retry1/formlayoutgroup-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/FormLayoutGroup/FormLayoutGroup.e2e.tsx:10:3
|
|
Call reusable workflow / Run e2e tests for (shard 3/10)
Process completed with exit code 1.
|
|
[vkcom (firefox) • light] › components/FormLayoutGroup/FormLayoutGroup.e2e.tsx:4:5 › FormLayoutGroup:
packages/vkui/src/testing/e2e/index.playwright.ts#L63
1) [vkcom (firefox) • light] › components/FormLayoutGroup/FormLayoutGroup.e2e.tsx:4:5 › FormLayoutGroup
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: Screenshot comparison failed:
Expected an image 858px by 2711px, received 1280px by 2711px. 759912 pixels (ratio 0.22 of all image pixels) are different.
Expected: /__w/VKUI/VKUI/packages/vkui/src/components/FormLayoutGroup/__image_snapshots__/formlayoutgroup-vkcom-firefox-light-1-snap.png
Received: /__w/VKUI/VKUI/packages/vkui/__diff_output__/components-FormLayoutGroup-9d8a7-oup.e2e.tsx-FormLayoutGroup-vkcom-firefox-•-light-retry1/formlayoutgroup-vkcom-firefox-light-1-snap-actual.png
Diff: /__w/VKUI/VKUI/packages/vkui/__diff_output__/components-FormLayoutGroup-9d8a7-oup.e2e.tsx-FormLayoutGroup-vkcom-firefox-•-light-retry1/formlayoutgroup-vkcom-firefox-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/FormLayoutGroup/FormLayoutGroup.e2e.tsx:10:3
|
|
Call reusable workflow / Run e2e tests for (shard 4/10)
Process completed with exit code 1.
|
|
[vkcom (firefox) • dark] › components/FormLayoutGroup/FormLayoutGroup.e2e.tsx:4:5 › FormLayoutGroup:
packages/vkui/src/testing/e2e/index.playwright.ts#L63
1) [vkcom (firefox) • dark] › components/FormLayoutGroup/FormLayoutGroup.e2e.tsx:4:5 › FormLayoutGroup
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: Screenshot comparison failed:
Expected an image 858px by 2711px, received 1280px by 2711px. 1229643 pixels (ratio 0.36 of all image pixels) are different.
Expected: /__w/VKUI/VKUI/packages/vkui/src/components/FormLayoutGroup/__image_snapshots__/formlayoutgroup-vkcom-firefox-dark-1-snap.png
Received: /__w/VKUI/VKUI/packages/vkui/__diff_output__/components-FormLayoutGroup-9d8a7-oup.e2e.tsx-FormLayoutGroup-vkcom-firefox-•-dark-retry1/formlayoutgroup-vkcom-firefox-dark-1-snap-actual.png
Diff: /__w/VKUI/VKUI/packages/vkui/__diff_output__/components-FormLayoutGroup-9d8a7-oup.e2e.tsx-FormLayoutGroup-vkcom-firefox-•-dark-retry1/formlayoutgroup-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/FormLayoutGroup/FormLayoutGroup.e2e.tsx:10:3
|
|
Call reusable workflow / Run e2e tests for (shard 9/10)
Process completed with exit code 1.
|
|
[ios (webkit) • light] › components/FormLayoutGroup/FormLayoutGroup.e2e.tsx:4:5 › FormLayoutGroup:
packages/vkui/src/testing/e2e/index.playwright.ts#L63
1) [ios (webkit) • light] › components/FormLayoutGroup/FormLayoutGroup.e2e.tsx:4:5 › FormLayoutGroup
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: Screenshot comparison failed:
3269 pixels (ratio 0.01 of all image pixels) are different.
Expected: /__w/VKUI/VKUI/packages/vkui/src/components/FormLayoutGroup/__image_snapshots__/formlayoutgroup-ios-webkit-light-1-snap.png
Received: /__w/VKUI/VKUI/packages/vkui/__diff_output__/components-FormLayoutGroup-9d8a7-oup.e2e.tsx-FormLayoutGroup-ios-webkit-•-light-retry1/formlayoutgroup-ios-webkit-light-1-snap-actual.png
Diff: /__w/VKUI/VKUI/packages/vkui/__diff_output__/components-FormLayoutGroup-9d8a7-oup.e2e.tsx-FormLayoutGroup-ios-webkit-•-light-retry1/formlayoutgroup-ios-webkit-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/FormLayoutGroup/FormLayoutGroup.e2e.tsx:10:3
|
|
Call reusable workflow / Run e2e tests for (shard 2/10)
Process completed with exit code 1.
|
|
[ios (webkit) • dark] › components/FormLayoutGroup/FormLayoutGroup.e2e.tsx:4:5 › FormLayoutGroup:
packages/vkui/src/testing/e2e/index.playwright.ts#L63
1) [ios (webkit) • dark] › components/FormLayoutGroup/FormLayoutGroup.e2e.tsx:4:5 › FormLayoutGroup
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: Screenshot comparison failed:
3399 pixels (ratio 0.01 of all image pixels) are different.
Expected: /__w/VKUI/VKUI/packages/vkui/src/components/FormLayoutGroup/__image_snapshots__/formlayoutgroup-ios-webkit-dark-1-snap.png
Received: /__w/VKUI/VKUI/packages/vkui/__diff_output__/components-FormLayoutGroup-9d8a7-oup.e2e.tsx-FormLayoutGroup-ios-webkit-•-dark-retry1/formlayoutgroup-ios-webkit-dark-1-snap-actual.png
Diff: /__w/VKUI/VKUI/packages/vkui/__diff_output__/components-FormLayoutGroup-9d8a7-oup.e2e.tsx-FormLayoutGroup-ios-webkit-•-dark-retry1/formlayoutgroup-ios-webkit-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/FormLayoutGroup/FormLayoutGroup.e2e.tsx:10:3
|
|
Call reusable workflow / Run e2e tests for (shard 7/10)
Process completed with exit code 1.
|
|
[vkcom (webkit) • dark] › components/FormLayoutGroup/FormLayoutGroup.e2e.tsx:4:5 › FormLayoutGroup:
packages/vkui/src/testing/e2e/index.playwright.ts#L63
1) [vkcom (webkit) • dark] › components/FormLayoutGroup/FormLayoutGroup.e2e.tsx:4:5 › FormLayoutGroup
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: Screenshot comparison failed:
Expected an image 824px by 2687px, received 1271px by 2687px. 1284887 pixels (ratio 0.38 of all image pixels) are different.
Expected: /__w/VKUI/VKUI/packages/vkui/src/components/FormLayoutGroup/__image_snapshots__/formlayoutgroup-vkcom-webkit-dark-1-snap.png
Received: /__w/VKUI/VKUI/packages/vkui/__diff_output__/components-FormLayoutGroup-9d8a7-oup.e2e.tsx-FormLayoutGroup-vkcom-webkit-•-dark-retry1/formlayoutgroup-vkcom-webkit-dark-1-snap-actual.png
Diff: /__w/VKUI/VKUI/packages/vkui/__diff_output__/components-FormLayoutGroup-9d8a7-oup.e2e.tsx-FormLayoutGroup-vkcom-webkit-•-dark-retry1/formlayoutgroup-vkcom-webkit-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/FormLayoutGroup/FormLayoutGroup.e2e.tsx:10:3
|
|
Call reusable workflow / Run e2e tests for (shard 10/10)
Process completed with exit code 1.
|
|
[vkcom (webkit) • light] › components/FormLayoutGroup/FormLayoutGroup.e2e.tsx:4:5 › FormLayoutGroup:
packages/vkui/src/testing/e2e/index.playwright.ts#L63
1) [vkcom (webkit) • light] › components/FormLayoutGroup/FormLayoutGroup.e2e.tsx:4:5 › FormLayoutGroup
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: Screenshot comparison failed:
Expected an image 824px by 2687px, received 1271px by 2687px. 788629 pixels (ratio 0.24 of all image pixels) are different.
Expected: /__w/VKUI/VKUI/packages/vkui/src/components/FormLayoutGroup/__image_snapshots__/formlayoutgroup-vkcom-webkit-light-1-snap.png
Received: /__w/VKUI/VKUI/packages/vkui/__diff_output__/components-FormLayoutGroup-9d8a7-oup.e2e.tsx-FormLayoutGroup-vkcom-webkit-•-light-retry1/formlayoutgroup-vkcom-webkit-light-1-snap-actual.png
Diff: /__w/VKUI/VKUI/packages/vkui/__diff_output__/components-FormLayoutGroup-9d8a7-oup.e2e.tsx-FormLayoutGroup-vkcom-webkit-•-light-retry1/formlayoutgroup-vkcom-webkit-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/FormLayoutGroup/FormLayoutGroup.e2e.tsx:10:3
|
|
Call reusable workflow / Run e2e tests for (shard 5/10)
Process completed with exit code 1.
|
|
🎭 Playwright Run Summary
1 failed
[android (chromium) • dark] › components/FormLayoutGroup/FormLayoutGroup.e2e.tsx:4:5 › FormLayoutGroup
34 skipped
122 passed (1.1m)
|
|
🎭 Playwright Run Summary
1 failed
[vkcom (chromium) • dark] › components/FormLayoutGroup/FormLayoutGroup.e2e.tsx:4:5 › FormLayoutGroup
37 skipped
119 passed (1.1m)
|
|
🎭 Playwright Run Summary
1 failed
[android (chromium) • light] › components/FormLayoutGroup/FormLayoutGroup.e2e.tsx:4:5 › FormLayoutGroup
15 skipped
141 passed (1.3m)
|
|
🎭 Playwright Run Summary
1 failed
[vkcom (chromium) • light] › components/FormLayoutGroup/FormLayoutGroup.e2e.tsx:4:5 › FormLayoutGroup
26 skipped
130 passed (1.3m)
|
|
🎭 Playwright Run Summary
1 failed
[vkcom (firefox) • light] › components/FormLayoutGroup/FormLayoutGroup.e2e.tsx:4:5 › FormLayoutGroup
26 skipped
130 passed (1.7m)
|
|
🎭 Playwright Run Summary
1 failed
[vkcom (firefox) • dark] › components/FormLayoutGroup/FormLayoutGroup.e2e.tsx:4:5 › FormLayoutGroup
37 skipped
119 passed (1.5m)
|
|
🎭 Playwright Run Summary
1 failed
[ios (webkit) • light] › components/FormLayoutGroup/FormLayoutGroup.e2e.tsx:4:5 › FormLayoutGroup
29 skipped
127 passed (2.2m)
|
|
🎭 Playwright Run Summary
1 failed
[ios (webkit) • dark] › components/FormLayoutGroup/FormLayoutGroup.e2e.tsx:4:5 › FormLayoutGroup
36 skipped
120 passed (2.1m)
|
|
🎭 Playwright Run Summary
1 failed
[vkcom (webkit) • dark] › components/FormLayoutGroup/FormLayoutGroup.e2e.tsx:4:5 › FormLayoutGroup
37 skipped
119 passed (2.2m)
|
|
🎭 Playwright Run Summary
1 failed
[vkcom (webkit) • light] › components/FormLayoutGroup/FormLayoutGroup.e2e.tsx:4:5 › FormLayoutGroup
26 skipped
130 passed (2.3m)
|
Artifacts
Produced during runtime
| Name | Size | |
|---|---|---|
|
all-blob-reports-1-10
Expired
|
1.47 MB |
|
|
all-blob-reports-10-10
Expired
|
1.54 MB |
|
|
all-blob-reports-2-10
Expired
|
1.55 MB |
|
|
all-blob-reports-3-10
Expired
|
1.57 MB |
|
|
all-blob-reports-4-10
Expired
|
1.96 MB |
|
|
all-blob-reports-5-10
Expired
|
1.48 MB |
|
|
all-blob-reports-6-10
Expired
|
1.4 MB |
|
|
all-blob-reports-7-10
Expired
|
1.54 MB |
|
|
all-blob-reports-8-10
Expired
|
1.5 MB |
|
|
all-blob-reports-9-10
Expired
|
1.85 MB |
|
|
playwright-report
Expired
|
11.3 MB |
|
|
pr_workflow_payload
|
147 Bytes |
|
|
storybook-dist
|
6.02 MB |
|
|
styleguide-dist
|
2.28 MB |
|
|
test-output
|
507 KB |
|