Skip to content

#399 [UX] Toast Notification System Refactor #75

#399 [UX] Toast Notification System Refactor

#399 [UX] Toast Notification System Refactor #75

Triggered via pull request March 30, 2026 05:10
@0xElyte0xElyte
synchronize #504
0xElyte:main
Status Failure
Total duration 3m 1s
Artifacts 1
visual-regression
2m 55s
visual-regression
Fit to window
Zoom out
Zoom in

Annotations

10 errors, 1 warning, and 1 notice
[mobile-chrome] › tests/e2e/create-payment.visual.spec.ts:15:7 › Create Payment Visual Regression › create payment form remains visually stable: frontend/tests/e2e/create-payment.visual.spec.ts#L19
4) [mobile-chrome] › tests/e2e/create-payment.visual.spec.ts:15:7 › Create Payment Visual Regression › create payment form remains visually stable Error: expect(locator).toBeVisible() failed Locator: getByRole('heading', { name: 'Create Payment Link' }) Expected: visible Timeout: 5000ms Error: element(s) not found Call log: - Expect "toBeVisible" with timeout 5000ms - waiting for getByRole('heading', { name: 'Create Payment Link' }) 17 | const formShell = heading.locator("xpath=ancestor::main[1]"); 18 | > 19 | await expect(heading).toBeVisible(); | ^ 20 | await expect(formShell).toBeVisible(); 21 | await expect(page.locator("select#trusted-address")).toBeVisible(); 22 | at /home/runner/work/Stellar_Payment_API/Stellar_Payment_API/frontend/tests/e2e/create-payment.visual.spec.ts:19:27
[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#L18
3) [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: locator('main') Expected: visible Timeout: 5000ms Error: element(s) not found Call log: - Expect "toBeVisible" with timeout 5000ms - waiting for locator('main') 16 | test("checkout layout remains stable across viewports", async ({ page }) => { 17 | const checkoutMain = page.locator("main"); > 18 | await expect(checkoutMain).toBeVisible(); | ^ 19 | await expect(page.getByText("Complete Payment")).toBeVisible(); 20 | await expect(page.getByText("Styled payment")).toBeVisible(); 21 | at /home/runner/work/Stellar_Payment_API/Stellar_Payment_API/frontend/tests/e2e/checkout.visual.spec.ts:18:32
[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#L18
3) [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: locator('main') Expected: visible Timeout: 5000ms Error: element(s) not found Call log: - Expect "toBeVisible" with timeout 5000ms - waiting for locator('main') 16 | test("checkout layout remains stable across viewports", async ({ page }) => { 17 | const checkoutMain = page.locator("main"); > 18 | await expect(checkoutMain).toBeVisible(); | ^ 19 | await expect(page.getByText("Complete Payment")).toBeVisible(); 20 | await expect(page.getByText("Styled payment")).toBeVisible(); 21 | at /home/runner/work/Stellar_Payment_API/Stellar_Payment_API/frontend/tests/e2e/checkout.visual.spec.ts:18:32
[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#L18
3) [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: locator('main') Expected: visible Timeout: 5000ms Error: element(s) not found Call log: - Expect "toBeVisible" with timeout 5000ms - waiting for locator('main') 16 | test("checkout layout remains stable across viewports", async ({ page }) => { 17 | const checkoutMain = page.locator("main"); > 18 | await expect(checkoutMain).toBeVisible(); | ^ 19 | await expect(page.getByText("Complete Payment")).toBeVisible(); 20 | await expect(page.getByText("Styled payment")).toBeVisible(); 21 | at /home/runner/work/Stellar_Payment_API/Stellar_Payment_API/frontend/tests/e2e/checkout.visual.spec.ts:18:32
[desktop-chrome] › tests/e2e/create-payment.visual.spec.ts:15:7 › Create Payment Visual Regression › create payment form remains visually stable: frontend/tests/e2e/create-payment.visual.spec.ts#L19
2) [desktop-chrome] › tests/e2e/create-payment.visual.spec.ts:15:7 › Create Payment Visual Regression › create payment form remains visually stable Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(locator).toBeVisible() failed Locator: getByRole('heading', { name: 'Create Payment Link' }) Expected: visible Timeout: 5000ms Error: element(s) not found Call log: - Expect "toBeVisible" with timeout 5000ms - waiting for getByRole('heading', { name: 'Create Payment Link' }) 17 | const formShell = heading.locator("xpath=ancestor::main[1]"); 18 | > 19 | await expect(heading).toBeVisible(); | ^ 20 | await expect(formShell).toBeVisible(); 21 | await expect(page.locator("select#trusted-address")).toBeVisible(); 22 | at /home/runner/work/Stellar_Payment_API/Stellar_Payment_API/frontend/tests/e2e/create-payment.visual.spec.ts:19:27
[desktop-chrome] › tests/e2e/create-payment.visual.spec.ts:15:7 › Create Payment Visual Regression › create payment form remains visually stable: frontend/tests/e2e/create-payment.visual.spec.ts#L19
2) [desktop-chrome] › tests/e2e/create-payment.visual.spec.ts:15:7 › Create Payment Visual Regression › create payment form remains visually stable Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(locator).toBeVisible() failed Locator: getByRole('heading', { name: 'Create Payment Link' }) Expected: visible Timeout: 5000ms Error: element(s) not found Call log: - Expect "toBeVisible" with timeout 5000ms - waiting for getByRole('heading', { name: 'Create Payment Link' }) 17 | const formShell = heading.locator("xpath=ancestor::main[1]"); 18 | > 19 | await expect(heading).toBeVisible(); | ^ 20 | await expect(formShell).toBeVisible(); 21 | await expect(page.locator("select#trusted-address")).toBeVisible(); 22 | at /home/runner/work/Stellar_Payment_API/Stellar_Payment_API/frontend/tests/e2e/create-payment.visual.spec.ts:19:27
[desktop-chrome] › tests/e2e/create-payment.visual.spec.ts:15:7 › Create Payment Visual Regression › create payment form remains visually stable: frontend/tests/e2e/create-payment.visual.spec.ts#L19
2) [desktop-chrome] › tests/e2e/create-payment.visual.spec.ts:15:7 › Create Payment Visual Regression › create payment form remains visually stable Error: expect(locator).toBeVisible() failed Locator: getByRole('heading', { name: 'Create Payment Link' }) Expected: visible Timeout: 5000ms Error: element(s) not found Call log: - Expect "toBeVisible" with timeout 5000ms - waiting for getByRole('heading', { name: 'Create Payment Link' }) 17 | const formShell = heading.locator("xpath=ancestor::main[1]"); 18 | > 19 | await expect(heading).toBeVisible(); | ^ 20 | await expect(formShell).toBeVisible(); 21 | await expect(page.locator("select#trusted-address")).toBeVisible(); 22 | at /home/runner/work/Stellar_Payment_API/Stellar_Payment_API/frontend/tests/e2e/create-payment.visual.spec.ts:19:27
[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#L18
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: locator('main') Expected: visible Timeout: 5000ms Error: element(s) not found Call log: - Expect "toBeVisible" with timeout 5000ms - waiting for locator('main') 16 | test("checkout layout remains stable across viewports", async ({ page }) => { 17 | const checkoutMain = page.locator("main"); > 18 | await expect(checkoutMain).toBeVisible(); | ^ 19 | await expect(page.getByText("Complete Payment")).toBeVisible(); 20 | await expect(page.getByText("Styled payment")).toBeVisible(); 21 | at /home/runner/work/Stellar_Payment_API/Stellar_Payment_API/frontend/tests/e2e/checkout.visual.spec.ts:18:32
[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#L18
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: locator('main') Expected: visible Timeout: 5000ms Error: element(s) not found Call log: - Expect "toBeVisible" with timeout 5000ms - waiting for locator('main') 16 | test("checkout layout remains stable across viewports", async ({ page }) => { 17 | const checkoutMain = page.locator("main"); > 18 | await expect(checkoutMain).toBeVisible(); | ^ 19 | await expect(page.getByText("Complete Payment")).toBeVisible(); 20 | await expect(page.getByText("Styled payment")).toBeVisible(); 21 | at /home/runner/work/Stellar_Payment_API/Stellar_Payment_API/frontend/tests/e2e/checkout.visual.spec.ts:18:32
[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#L18
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: locator('main') Expected: visible Timeout: 5000ms Error: element(s) not found Call log: - Expect "toBeVisible" with timeout 5000ms - waiting for locator('main') 16 | test("checkout layout remains stable across viewports", async ({ page }) => { 17 | const checkoutMain = page.locator("main"); > 18 | await expect(checkoutMain).toBeVisible(); | ^ 19 | await expect(page.getByText("Complete Payment")).toBeVisible(); 20 | await expect(page.getByText("Styled payment")).toBeVisible(); 21 | at /home/runner/work/Stellar_Payment_API/Stellar_Payment_API/frontend/tests/e2e/checkout.visual.spec.ts:18:32
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
4 failed [desktop-chrome] › tests/e2e/checkout.visual.spec.ts:16:7 › Checkout Visual Regression › checkout layout remains stable across viewports [desktop-chrome] › tests/e2e/create-payment.visual.spec.ts:15:7 › Create Payment Visual Regression › create payment form remains visually stable [mobile-chrome] › tests/e2e/checkout.visual.spec.ts:16:7 › Checkout Visual Regression › checkout layout remains stable across viewports [mobile-chrome] › tests/e2e/create-payment.visual.spec.ts:15:7 › Create Payment Visual Regression › create payment form remains visually stable

Artifacts

Produced during runtime
Name Size Digest
frontend-visual-regression-artifacts
202 KB
sha256:5eb29b4ab7b6526eedd934e2963c26707165709b46879fc42f59cad9a55a31a3