Skip to content

fix: improve frontend i18n and mobile wallet UX #90

fix: improve frontend i18n and mobile wallet UX

fix: improve frontend i18n and mobile wallet UX #90

Triggered via pull request April 22, 2026 21:46
Status Failure
Total duration 1m 52s
Artifacts 1
visual-regression
1m 48s
visual-regression
Fit to window
Zoom out
Zoom in

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