fix(CellButton): decrease space between icon and text #5604
pull_request_packages.yml
on: pull_request
Detect what files changed
7s
Call reusable workflow
/
Run unit tests
2m 2s
Run linters
2m 6s
Call reusable workflow
/
get_playwright_docker_image
19s
Upload docs dist artifact (styleguide)
2m 13s
Upload docs dist artifact (storybook)
1m 26s
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/CellButton/CellButton.e2e.tsx:4:5 › CellButton:
packages/vkui/src/testing/e2e/index.playwright.ts#L58
1) [android (chromium) • dark] › components/CellButton/CellButton.e2e.tsx:4:5 › CellButton ───────
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: Screenshot comparison failed:
Expected an image 320px by 737px, received 320px by 842px. 56642 pixels (ratio 0.22 of all image pixels) are different.
Expected: /__w/VKUI/VKUI/packages/vkui/src/components/CellButton/__image_snapshots__/cellbutton-android-chromium-dark-1-snap.png
Received: /__w/VKUI/VKUI/packages/vkui/__diff_output__/components-CellButton-CellButton.e2e.tsx-CellButton-android-chromium-•-dark-retry1/cellbutton-android-chromium-dark-1-snap-actual.png
Diff: /__w/VKUI/VKUI/packages/vkui/__diff_output__/components-CellButton-CellButton.e2e.tsx-CellButton-android-chromium-•-dark-retry1/cellbutton-android-chromium-dark-1-snap-diff.png
at testing/e2e/index.playwright.ts:58
56 | expectCallCount,
57 | );
> 58 | expect(await screenshotWithClipToContent(page, options, browserName)).toMatchSnapshot(
| ^
59 | customScreenshotName,
60 | toMatchSnapshot,
61 | );
at result (/__w/VKUI/VKUI/packages/vkui/src/testing/e2e/index.playwright.ts:58:77)
at /__w/VKUI/VKUI/packages/vkui/src/components/CellButton/CellButton.e2e.tsx:10:3
|
Call reusable workflow / Run e2e tests for (shard 6/10)
Process completed with exit code 1.
|
[android (chromium) • light] › components/CellButton/CellButton.e2e.tsx:4:5 › CellButton:
packages/vkui/src/testing/e2e/index.playwright.ts#L58
1) [android (chromium) • light] › components/CellButton/CellButton.e2e.tsx:4:5 › CellButton ──────
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: Screenshot comparison failed:
Expected an image 320px by 737px, received 320px by 842px. 33650 pixels (ratio 0.13 of all image pixels) are different.
Expected: /__w/VKUI/VKUI/packages/vkui/src/components/CellButton/__image_snapshots__/cellbutton-android-chromium-light-1-snap.png
Received: /__w/VKUI/VKUI/packages/vkui/__diff_output__/components-CellButton-CellButton.e2e.tsx-CellButton-android-chromium-•-light-retry1/cellbutton-android-chromium-light-1-snap-actual.png
Diff: /__w/VKUI/VKUI/packages/vkui/__diff_output__/components-CellButton-CellButton.e2e.tsx-CellButton-android-chromium-•-light-retry1/cellbutton-android-chromium-light-1-snap-diff.png
at testing/e2e/index.playwright.ts:58
56 | expectCallCount,
57 | );
> 58 | expect(await screenshotWithClipToContent(page, options, browserName)).toMatchSnapshot(
| ^
59 | customScreenshotName,
60 | toMatchSnapshot,
61 | );
at result (/__w/VKUI/VKUI/packages/vkui/src/testing/e2e/index.playwright.ts:58:77)
at /__w/VKUI/VKUI/packages/vkui/src/components/CellButton/CellButton.e2e.tsx:10:3
|
Call reusable workflow / Run e2e tests for (shard 1/10)
Process completed with exit code 1.
|
[vkcom (chromium) • dark] › components/CellButton/CellButton.e2e.tsx:4:5 › CellButton:
packages/vkui/src/testing/e2e/index.playwright.ts#L58
1) [vkcom (chromium) • dark] › components/CellButton/CellButton.e2e.tsx:4:5 › CellButton ─────────
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: Screenshot comparison failed:
Expected an image 458px by 572px, received 458px by 635px. 52933 pixels (ratio 0.19 of all image pixels) are different.
Expected: /__w/VKUI/VKUI/packages/vkui/src/components/CellButton/__image_snapshots__/cellbutton-vkcom-chromium-dark-1-snap.png
Received: /__w/VKUI/VKUI/packages/vkui/__diff_output__/components-CellButton-CellButton.e2e.tsx-CellButton-vkcom-chromium-•-dark-retry1/cellbutton-vkcom-chromium-dark-1-snap-actual.png
Diff: /__w/VKUI/VKUI/packages/vkui/__diff_output__/components-CellButton-CellButton.e2e.tsx-CellButton-vkcom-chromium-•-dark-retry1/cellbutton-vkcom-chromium-dark-1-snap-diff.png
at testing/e2e/index.playwright.ts:58
56 | expectCallCount,
57 | );
> 58 | expect(await screenshotWithClipToContent(page, options, browserName)).toMatchSnapshot(
| ^
59 | customScreenshotName,
60 | toMatchSnapshot,
61 | );
at result (/__w/VKUI/VKUI/packages/vkui/src/testing/e2e/index.playwright.ts:58:77)
at /__w/VKUI/VKUI/packages/vkui/src/components/CellButton/CellButton.e2e.tsx:10:3
|
Call reusable workflow / Run e2e tests for (shard 8/10)
Process completed with exit code 1.
|
[vkcom (chromium) • light] › components/CellButton/CellButton.e2e.tsx:4:5 › CellButton:
packages/vkui/src/testing/e2e/index.playwright.ts#L58
1) [vkcom (chromium) • light] › components/CellButton/CellButton.e2e.tsx:4:5 › CellButton ────────
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: Screenshot comparison failed:
Expected an image 458px by 572px, received 458px by 635px. 32906 pixels (ratio 0.12 of all image pixels) are different.
Expected: /__w/VKUI/VKUI/packages/vkui/src/components/CellButton/__image_snapshots__/cellbutton-vkcom-chromium-light-1-snap.png
Received: /__w/VKUI/VKUI/packages/vkui/__diff_output__/components-CellButton-CellButton.e2e.tsx-CellButton-vkcom-chromium-•-light-retry1/cellbutton-vkcom-chromium-light-1-snap-actual.png
Diff: /__w/VKUI/VKUI/packages/vkui/__diff_output__/components-CellButton-CellButton.e2e.tsx-CellButton-vkcom-chromium-•-light-retry1/cellbutton-vkcom-chromium-light-1-snap-diff.png
at testing/e2e/index.playwright.ts:58
56 | expectCallCount,
57 | );
> 58 | expect(await screenshotWithClipToContent(page, options, browserName)).toMatchSnapshot(
| ^
59 | customScreenshotName,
60 | toMatchSnapshot,
61 | );
at result (/__w/VKUI/VKUI/packages/vkui/src/testing/e2e/index.playwright.ts:58:77)
at /__w/VKUI/VKUI/packages/vkui/src/components/CellButton/CellButton.e2e.tsx:10:3
|
Call reusable workflow / Run e2e tests for (shard 3/10)
Process completed with exit code 1.
|
[vkcom (firefox) • light] › components/CellButton/CellButton.e2e.tsx:4:5 › CellButton:
packages/vkui/src/testing/e2e/index.playwright.ts#L58
1) [vkcom (firefox) • light] › components/CellButton/CellButton.e2e.tsx:4:5 › CellButton ─────────
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: Screenshot comparison failed:
Expected an image 458px by 572px, received 458px by 635px. 31608 pixels (ratio 0.11 of all image pixels) are different.
Expected: /__w/VKUI/VKUI/packages/vkui/src/components/CellButton/__image_snapshots__/cellbutton-vkcom-firefox-light-1-snap.png
Received: /__w/VKUI/VKUI/packages/vkui/__diff_output__/components-CellButton-CellButton.e2e.tsx-CellButton-vkcom-firefox-•-light-retry1/cellbutton-vkcom-firefox-light-1-snap-actual.png
Diff: /__w/VKUI/VKUI/packages/vkui/__diff_output__/components-CellButton-CellButton.e2e.tsx-CellButton-vkcom-firefox-•-light-retry1/cellbutton-vkcom-firefox-light-1-snap-diff.png
at testing/e2e/index.playwright.ts:58
56 | expectCallCount,
57 | );
> 58 | expect(await screenshotWithClipToContent(page, options, browserName)).toMatchSnapshot(
| ^
59 | customScreenshotName,
60 | toMatchSnapshot,
61 | );
at result (/__w/VKUI/VKUI/packages/vkui/src/testing/e2e/index.playwright.ts:58:77)
at /__w/VKUI/VKUI/packages/vkui/src/components/CellButton/CellButton.e2e.tsx:10:3
|
Call reusable workflow / Run e2e tests for (shard 4/10)
Process completed with exit code 1.
|
[vkcom (firefox) • dark] › components/CellButton/CellButton.e2e.tsx:4:5 › CellButton:
packages/vkui/src/testing/e2e/index.playwright.ts#L58
1) [vkcom (firefox) • dark] › components/CellButton/CellButton.e2e.tsx:4:5 › CellButton ──────────
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: Screenshot comparison failed:
Expected an image 458px by 572px, received 458px by 635px. 51613 pixels (ratio 0.18 of all image pixels) are different.
Expected: /__w/VKUI/VKUI/packages/vkui/src/components/CellButton/__image_snapshots__/cellbutton-vkcom-firefox-dark-1-snap.png
Received: /__w/VKUI/VKUI/packages/vkui/__diff_output__/components-CellButton-CellButton.e2e.tsx-CellButton-vkcom-firefox-•-dark-retry1/cellbutton-vkcom-firefox-dark-1-snap-actual.png
Diff: /__w/VKUI/VKUI/packages/vkui/__diff_output__/components-CellButton-CellButton.e2e.tsx-CellButton-vkcom-firefox-•-dark-retry1/cellbutton-vkcom-firefox-dark-1-snap-diff.png
at testing/e2e/index.playwright.ts:58
56 | expectCallCount,
57 | );
> 58 | expect(await screenshotWithClipToContent(page, options, browserName)).toMatchSnapshot(
| ^
59 | customScreenshotName,
60 | toMatchSnapshot,
61 | );
at result (/__w/VKUI/VKUI/packages/vkui/src/testing/e2e/index.playwright.ts:58:77)
at /__w/VKUI/VKUI/packages/vkui/src/components/CellButton/CellButton.e2e.tsx:10:3
|
Call reusable workflow / Run e2e tests for (shard 9/10)
Process completed with exit code 1.
|
[ios (webkit) • dark] › components/CellButton/CellButton.e2e.tsx:4:5 › CellButton:
packages/vkui/src/testing/e2e/index.playwright.ts#L58
1) [ios (webkit) • dark] › components/CellButton/CellButton.e2e.tsx:4:5 › CellButton ─────────────
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: Screenshot comparison failed:
Expected an image 320px by 737px, received 320px by 842px. 57562 pixels (ratio 0.22 of all image pixels) are different.
Expected: /__w/VKUI/VKUI/packages/vkui/src/components/CellButton/__image_snapshots__/cellbutton-ios-webkit-dark-1-snap.png
Received: /__w/VKUI/VKUI/packages/vkui/__diff_output__/components-CellButton-CellButton.e2e.tsx-CellButton-ios-webkit-•-dark-retry1/cellbutton-ios-webkit-dark-1-snap-actual.png
Diff: /__w/VKUI/VKUI/packages/vkui/__diff_output__/components-CellButton-CellButton.e2e.tsx-CellButton-ios-webkit-•-dark-retry1/cellbutton-ios-webkit-dark-1-snap-diff.png
at testing/e2e/index.playwright.ts:58
56 | expectCallCount,
57 | );
> 58 | expect(await screenshotWithClipToContent(page, options, browserName)).toMatchSnapshot(
| ^
59 | customScreenshotName,
60 | toMatchSnapshot,
61 | );
at result (/__w/VKUI/VKUI/packages/vkui/src/testing/e2e/index.playwright.ts:58:77)
at /__w/VKUI/VKUI/packages/vkui/src/components/CellButton/CellButton.e2e.tsx:10:3
|
Call reusable workflow / Run e2e tests for (shard 7/10)
Process completed with exit code 1.
|
[vkcom (webkit) • dark] › components/CellButton/CellButton.e2e.tsx:4:5 › CellButton:
packages/vkui/src/testing/e2e/index.playwright.ts#L58
1) [vkcom (webkit) • dark] › components/CellButton/CellButton.e2e.tsx:4:5 › CellButton ───────────
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: Screenshot comparison failed:
Expected an image 457px by 572px, received 457px by 635px. 53494 pixels (ratio 0.19 of all image pixels) are different.
Expected: /__w/VKUI/VKUI/packages/vkui/src/components/CellButton/__image_snapshots__/cellbutton-vkcom-webkit-dark-1-snap.png
Received: /__w/VKUI/VKUI/packages/vkui/__diff_output__/components-CellButton-CellButton.e2e.tsx-CellButton-vkcom-webkit-•-dark-retry1/cellbutton-vkcom-webkit-dark-1-snap-actual.png
Diff: /__w/VKUI/VKUI/packages/vkui/__diff_output__/components-CellButton-CellButton.e2e.tsx-CellButton-vkcom-webkit-•-dark-retry1/cellbutton-vkcom-webkit-dark-1-snap-diff.png
at testing/e2e/index.playwright.ts:58
56 | expectCallCount,
57 | );
> 58 | expect(await screenshotWithClipToContent(page, options, browserName)).toMatchSnapshot(
| ^
59 | customScreenshotName,
60 | toMatchSnapshot,
61 | );
at result (/__w/VKUI/VKUI/packages/vkui/src/testing/e2e/index.playwright.ts:58:77)
at /__w/VKUI/VKUI/packages/vkui/src/components/CellButton/CellButton.e2e.tsx:10:3
|
Call reusable workflow / Run e2e tests for (shard 10/10)
Process completed with exit code 1.
|
[ios (webkit) • light] › components/CellButton/CellButton.e2e.tsx:4:5 › CellButton:
packages/vkui/src/testing/e2e/index.playwright.ts#L58
1) [ios (webkit) • light] › components/CellButton/CellButton.e2e.tsx:4:5 › CellButton ────────────
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: Screenshot comparison failed:
Expected an image 320px by 737px, received 320px by 842px. 34646 pixels (ratio 0.13 of all image pixels) are different.
Expected: /__w/VKUI/VKUI/packages/vkui/src/components/CellButton/__image_snapshots__/cellbutton-ios-webkit-light-1-snap.png
Received: /__w/VKUI/VKUI/packages/vkui/__diff_output__/components-CellButton-CellButton.e2e.tsx-CellButton-ios-webkit-•-light-retry1/cellbutton-ios-webkit-light-1-snap-actual.png
Diff: /__w/VKUI/VKUI/packages/vkui/__diff_output__/components-CellButton-CellButton.e2e.tsx-CellButton-ios-webkit-•-light-retry1/cellbutton-ios-webkit-light-1-snap-diff.png
at testing/e2e/index.playwright.ts:58
56 | expectCallCount,
57 | );
> 58 | expect(await screenshotWithClipToContent(page, options, browserName)).toMatchSnapshot(
| ^
59 | customScreenshotName,
60 | toMatchSnapshot,
61 | );
at result (/__w/VKUI/VKUI/packages/vkui/src/testing/e2e/index.playwright.ts:58:77)
at /__w/VKUI/VKUI/packages/vkui/src/components/CellButton/CellButton.e2e.tsx:10:3
|
Call reusable workflow / Run e2e tests for (shard 2/10)
Process completed with exit code 1.
|
[vkcom (webkit) • light] › components/CellButton/CellButton.e2e.tsx:4:5 › CellButton:
packages/vkui/src/testing/e2e/index.playwright.ts#L58
1) [vkcom (webkit) • light] › components/CellButton/CellButton.e2e.tsx:4:5 › CellButton ──────────
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: Screenshot comparison failed:
Expected an image 457px by 572px, received 457px by 635px. 33489 pixels (ratio 0.12 of all image pixels) are different.
Expected: /__w/VKUI/VKUI/packages/vkui/src/components/CellButton/__image_snapshots__/cellbutton-vkcom-webkit-light-1-snap.png
Received: /__w/VKUI/VKUI/packages/vkui/__diff_output__/components-CellButton-CellButton.e2e.tsx-CellButton-vkcom-webkit-•-light-retry1/cellbutton-vkcom-webkit-light-1-snap-actual.png
Diff: /__w/VKUI/VKUI/packages/vkui/__diff_output__/components-CellButton-CellButton.e2e.tsx-CellButton-vkcom-webkit-•-light-retry1/cellbutton-vkcom-webkit-light-1-snap-diff.png
at testing/e2e/index.playwright.ts:58
56 | expectCallCount,
57 | );
> 58 | expect(await screenshotWithClipToContent(page, options, browserName)).toMatchSnapshot(
| ^
59 | customScreenshotName,
60 | toMatchSnapshot,
61 | );
at result (/__w/VKUI/VKUI/packages/vkui/src/testing/e2e/index.playwright.ts:58:77)
at /__w/VKUI/VKUI/packages/vkui/src/components/CellButton/CellButton.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/CellButton/CellButton.e2e.tsx:4:5 › CellButton ────────
35 skipped
121 passed (1.1m)
|
🎭 Playwright Run Summary
1 failed
[android (chromium) • light] › components/CellButton/CellButton.e2e.tsx:4:5 › CellButton ───────
16 skipped
140 passed (1.2m)
|
🎭 Playwright Run Summary
1 failed
[vkcom (chromium) • dark] › components/CellButton/CellButton.e2e.tsx:4:5 › CellButton ──────────
37 skipped
119 passed (1.1m)
|
🎭 Playwright Run Summary
1 failed
[vkcom (chromium) • light] › components/CellButton/CellButton.e2e.tsx:4:5 › CellButton ─────────
26 skipped
130 passed (1.2m)
|
🎭 Playwright Run Summary
1 failed
[vkcom (firefox) • light] › components/CellButton/CellButton.e2e.tsx:4:5 › CellButton ──────────
26 skipped
130 passed (1.7m)
|
🎭 Playwright Run Summary
1 failed
[vkcom (firefox) • dark] › components/CellButton/CellButton.e2e.tsx:4:5 › CellButton ───────────
37 skipped
119 passed (1.6m)
|
🎭 Playwright Run Summary
1 failed
[ios (webkit) • dark] › components/CellButton/CellButton.e2e.tsx:4:5 › CellButton ──────────────
37 skipped
119 passed (2.1m)
|
🎭 Playwright Run Summary
1 failed
[vkcom (webkit) • dark] › components/CellButton/CellButton.e2e.tsx:4:5 › CellButton ────────────
37 skipped
119 passed (2.2m)
|
🎭 Playwright Run Summary
1 failed
[ios (webkit) • light] › components/CellButton/CellButton.e2e.tsx:4:5 › CellButton ─────────────
30 skipped
126 passed (2.2m)
|
🎭 Playwright Run Summary
1 failed
[vkcom (webkit) • light] › components/CellButton/CellButton.e2e.tsx:4:5 › CellButton ───────────
26 skipped
130 passed (2.4m)
|
Artifacts
Produced during runtime
Name | Size | |
---|---|---|
all-blob-reports-1-10
Expired
|
742 KB |
|
all-blob-reports-10-10
Expired
|
706 KB |
|
all-blob-reports-2-10
Expired
|
727 KB |
|
all-blob-reports-3-10
Expired
|
684 KB |
|
all-blob-reports-4-10
Expired
|
780 KB |
|
all-blob-reports-5-10
Expired
|
703 KB |
|
all-blob-reports-6-10
Expired
|
695 KB |
|
all-blob-reports-7-10
Expired
|
704 KB |
|
all-blob-reports-8-10
Expired
|
684 KB |
|
all-blob-reports-9-10
Expired
|
785 KB |
|
playwright-report
|
5.28 MB |
|
pr_workflow_payload
|
147 Bytes |
|
storybook-dist
|
5.99 MB |
|
styleguide-dist
|
2.28 MB |
|
test-output
|
512 KB |
|