fix: improve frontend i18n and mobile wallet UX #90
frontend-visual-regression.yml
on: pull_request
visual-regression
1m 48s
Annotations
7 errors, 1 warning, and 1 notice
|
visual-regression
Process completed with exit code 1.
|
|
[mobile-chrome] › tests/e2e/checkout.visual.spec.ts:16:7 › Checkout Visual Regression › checkout layout remains stable across viewports:
frontend/tests/e2e/checkout.visual.spec.ts#L19
2) [mobile-chrome] › tests/e2e/checkout.visual.spec.ts:16:7 › Checkout Visual Regression › checkout layout remains stable across viewports
Retry #2 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(locator).toBeVisible() failed
Locator: getByText('Styled payment')
Expected: visible
Error: strict mode violation: getByText('Styled payment') resolved to 2 elements:
1) <p class="text-xs text-[#6B6B6B] truncate mt-0.5">Styled payment</p> aka getByText('Styled payment').first()
2) <p class="text-sm text-[#6B6B6B]">Styled payment</p> aka getByText('Styled payment').nth(1)
Call log:
- Expect "toBeVisible" with timeout 5000ms
- waiting for getByText('Styled payment')
17 | const checkoutMain = page.locator("main");
18 | await expect(checkoutMain).toBeVisible();
> 19 | await expect(page.getByText("Styled payment")).toBeVisible();
| ^
20 | await expect(page.locator("code", { hasText: "GRECIPIENTADDRESS" })).toBeVisible();
21 |
22 | const noOverflow = await expectNoHorizontalOverflow(page);
at /home/runner/work/Stellar_Payment_API/Stellar_Payment_API/frontend/tests/e2e/checkout.visual.spec.ts:19:52
|
|
[mobile-chrome] › tests/e2e/checkout.visual.spec.ts:16:7 › Checkout Visual Regression › checkout layout remains stable across viewports:
frontend/tests/e2e/checkout.visual.spec.ts#L19
2) [mobile-chrome] › tests/e2e/checkout.visual.spec.ts:16:7 › Checkout Visual Regression › checkout layout remains stable across viewports
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(locator).toBeVisible() failed
Locator: getByText('Styled payment')
Expected: visible
Error: strict mode violation: getByText('Styled payment') resolved to 2 elements:
1) <p class="text-xs text-[#6B6B6B] truncate mt-0.5">Styled payment</p> aka getByText('Styled payment').first()
2) <p class="text-sm text-[#6B6B6B]">Styled payment</p> aka getByText('Styled payment').nth(1)
Call log:
- Expect "toBeVisible" with timeout 5000ms
- waiting for getByText('Styled payment')
17 | const checkoutMain = page.locator("main");
18 | await expect(checkoutMain).toBeVisible();
> 19 | await expect(page.getByText("Styled payment")).toBeVisible();
| ^
20 | await expect(page.locator("code", { hasText: "GRECIPIENTADDRESS" })).toBeVisible();
21 |
22 | const noOverflow = await expectNoHorizontalOverflow(page);
at /home/runner/work/Stellar_Payment_API/Stellar_Payment_API/frontend/tests/e2e/checkout.visual.spec.ts:19:52
|
|
[mobile-chrome] › tests/e2e/checkout.visual.spec.ts:16:7 › Checkout Visual Regression › checkout layout remains stable across viewports:
frontend/tests/e2e/checkout.visual.spec.ts#L19
2) [mobile-chrome] › tests/e2e/checkout.visual.spec.ts:16:7 › Checkout Visual Regression › checkout layout remains stable across viewports
Error: expect(locator).toBeVisible() failed
Locator: getByText('Styled payment')
Expected: visible
Error: strict mode violation: getByText('Styled payment') resolved to 2 elements:
1) <p class="text-xs text-[#6B6B6B] truncate mt-0.5">Styled payment</p> aka getByText('Styled payment').first()
2) <p class="text-sm text-[#6B6B6B]">Styled payment</p> aka getByText('Styled payment').nth(1)
Call log:
- Expect "toBeVisible" with timeout 5000ms
- waiting for getByText('Styled payment')
17 | const checkoutMain = page.locator("main");
18 | await expect(checkoutMain).toBeVisible();
> 19 | await expect(page.getByText("Styled payment")).toBeVisible();
| ^
20 | await expect(page.locator("code", { hasText: "GRECIPIENTADDRESS" })).toBeVisible();
21 |
22 | const noOverflow = await expectNoHorizontalOverflow(page);
at /home/runner/work/Stellar_Payment_API/Stellar_Payment_API/frontend/tests/e2e/checkout.visual.spec.ts:19:52
|
|
[desktop-chrome] › tests/e2e/checkout.visual.spec.ts:16:7 › Checkout Visual Regression › checkout layout remains stable across viewports:
frontend/tests/e2e/checkout.visual.spec.ts#L19
1) [desktop-chrome] › tests/e2e/checkout.visual.spec.ts:16:7 › Checkout Visual Regression › checkout layout remains stable across viewports
Retry #2 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(locator).toBeVisible() failed
Locator: getByText('Styled payment')
Expected: visible
Error: strict mode violation: getByText('Styled payment') resolved to 2 elements:
1) <p class="text-xs text-[#6B6B6B] truncate mt-0.5">Styled payment</p> aka getByText('Styled payment').first()
2) <p class="text-sm text-[#6B6B6B]">Styled payment</p> aka getByText('Styled payment').nth(1)
Call log:
- Expect "toBeVisible" with timeout 5000ms
- waiting for getByText('Styled payment')
17 | const checkoutMain = page.locator("main");
18 | await expect(checkoutMain).toBeVisible();
> 19 | await expect(page.getByText("Styled payment")).toBeVisible();
| ^
20 | await expect(page.locator("code", { hasText: "GRECIPIENTADDRESS" })).toBeVisible();
21 |
22 | const noOverflow = await expectNoHorizontalOverflow(page);
at /home/runner/work/Stellar_Payment_API/Stellar_Payment_API/frontend/tests/e2e/checkout.visual.spec.ts:19:52
|
|
[desktop-chrome] › tests/e2e/checkout.visual.spec.ts:16:7 › Checkout Visual Regression › checkout layout remains stable across viewports:
frontend/tests/e2e/checkout.visual.spec.ts#L19
1) [desktop-chrome] › tests/e2e/checkout.visual.spec.ts:16:7 › Checkout Visual Regression › checkout layout remains stable across viewports
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(locator).toBeVisible() failed
Locator: getByText('Styled payment')
Expected: visible
Error: strict mode violation: getByText('Styled payment') resolved to 2 elements:
1) <p class="text-xs text-[#6B6B6B] truncate mt-0.5">Styled payment</p> aka getByText('Styled payment').first()
2) <p class="text-sm text-[#6B6B6B]">Styled payment</p> aka getByText('Styled payment').nth(1)
Call log:
- Expect "toBeVisible" with timeout 5000ms
- waiting for getByText('Styled payment')
17 | const checkoutMain = page.locator("main");
18 | await expect(checkoutMain).toBeVisible();
> 19 | await expect(page.getByText("Styled payment")).toBeVisible();
| ^
20 | await expect(page.locator("code", { hasText: "GRECIPIENTADDRESS" })).toBeVisible();
21 |
22 | const noOverflow = await expectNoHorizontalOverflow(page);
at /home/runner/work/Stellar_Payment_API/Stellar_Payment_API/frontend/tests/e2e/checkout.visual.spec.ts:19:52
|
|
[desktop-chrome] › tests/e2e/checkout.visual.spec.ts:16:7 › Checkout Visual Regression › checkout layout remains stable across viewports:
frontend/tests/e2e/checkout.visual.spec.ts#L19
1) [desktop-chrome] › tests/e2e/checkout.visual.spec.ts:16:7 › Checkout Visual Regression › checkout layout remains stable across viewports
Error: expect(locator).toBeVisible() failed
Locator: getByText('Styled payment')
Expected: visible
Error: strict mode violation: getByText('Styled payment') resolved to 2 elements:
1) <p class="text-xs text-[#6B6B6B] truncate mt-0.5">Styled payment</p> aka getByText('Styled payment').first()
2) <p class="text-sm text-[#6B6B6B]">Styled payment</p> aka getByText('Styled payment').nth(1)
Call log:
- Expect "toBeVisible" with timeout 5000ms
- waiting for getByText('Styled payment')
17 | const checkoutMain = page.locator("main");
18 | await expect(checkoutMain).toBeVisible();
> 19 | await expect(page.getByText("Styled payment")).toBeVisible();
| ^
20 | await expect(page.locator("code", { hasText: "GRECIPIENTADDRESS" })).toBeVisible();
21 |
22 | const noOverflow = await expectNoHorizontalOverflow(page);
at /home/runner/work/Stellar_Payment_API/Stellar_Payment_API/frontend/tests/e2e/checkout.visual.spec.ts:19:52
|
|
visual-regression
Node.js 20 actions are deprecated. The following actions are running on Node.js 20 and may not work as expected: actions/cache@v4, actions/checkout@v4, actions/setup-node@v4, actions/upload-artifact@v4. Actions will be forced to run with Node.js 24 by default starting June 2nd, 2026. Node.js 20 will be removed from the runner on September 16th, 2026. Please check if updated versions of these actions are available that support Node.js 24. To opt into Node.js 24 now, set the FORCE_JAVASCRIPT_ACTIONS_TO_NODE24=true environment variable on the runner or in your workflow file. Once Node.js 24 becomes the default, you can temporarily opt out by setting ACTIONS_ALLOW_USE_UNSECURE_NODE_VERSION=true. For more information see: https://github.blog/changelog/2025-09-19-deprecation-of-node-20-on-github-actions-runners/
|
|
🎭 Playwright Run Summary
2 failed
[desktop-chrome] › tests/e2e/checkout.visual.spec.ts:16:7 › Checkout Visual Regression › checkout layout remains stable across viewports
[mobile-chrome] › tests/e2e/checkout.visual.spec.ts:16:7 › Checkout Visual Regression › checkout layout remains stable across viewports
2 passed (36.6s)
|
Artifacts
Produced during runtime
| Name | Size | Digest | |
|---|---|---|---|
|
frontend-visual-regression-artifacts
|
314 KB |
sha256:33005fa8f3cdb9cf4ab8828100f071f83949deb2cfa4735fb89f2e2c8625d3fd
|
|