Feature/fe payment success settings dashboard 1179 1182 #204
frontend-visual-regression.yml
on: pull_request
visual-regression
1m 34s
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 is deprecated. The following actions target Node.js 20 but are being forced to run on Node.js 24: actions/cache@v4, actions/checkout@v4, actions/setup-node@v4, actions/upload-artifact@v4, pnpm/action-setup@v3. 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 (41.1s)
|
Artifacts
Produced during runtime
| Name | Size | Digest | |
|---|---|---|---|
|
frontend-visual-regression-artifacts
|
256 KB |
sha256:7ae13e35f54f04bfeaf6f1e52bbc89db49cb6bb47ce541871eec0fc7cc61896b
|
|