Joakim Mörling
8cd7991603
Vitest:
- PaymentRedirect.spec.ts (8 tests): renders heading and 49 kr,
shows plate from query, Betalt button exists, calls payOrder on
click, navigates to /orders on success, shows error on failure,
disables button while paying, shows mock note
- ComposePage.spec.ts: update navigation test to expect /betalning
route with orderId param instead of /orders; add payment route
to test router; add PaymentRedirect import
Playwright E2E:
- payment-redirect.spec.ts (4 tests): compose→payment navigation,
Betalt→orders flow, auth guard redirects to login, mock note
visible
- compose.spec.ts: rename test and update assertion from /orders
to /betalning/ URL pattern; use getByRole('heading',
{ name: 'Betalning' }) to avoid strict mode violation with
mock-note paragraph containing the word 'Betalning'
52 lines
1.9 KiB
TypeScript
52 lines
1.9 KiB
TypeScript
import { test, expect } from '@playwright/test'
|
|
|
|
test.describe('Payment redirect', () => {
|
|
test.beforeEach(async ({ page }) => {
|
|
await page.goto('/logga-in')
|
|
await page.getByLabel('E-postadress').fill('test@bilhalsning.se')
|
|
await page.getByLabel('Lösenord').fill('test1234')
|
|
await page.getByRole('button', { name: 'Logga in' }).click()
|
|
await page.waitForURL('/')
|
|
})
|
|
|
|
test('can navigate to payment page from compose', async ({ page }) => {
|
|
await page.goto('/compose?plate=ABC123')
|
|
await page.getByLabel('Ditt meddelande').fill('Hej fin bil!')
|
|
await page.getByRole('button', { name: 'Skicka brev (49 kr)' }).click()
|
|
|
|
await expect(page).toHaveURL(/\/betalning\//)
|
|
await expect(page.getByRole('heading', { name: 'Betalning' })).toBeVisible()
|
|
await expect(page.getByText('49 kr')).toBeVisible()
|
|
await expect(page.getByText('ABC123')).toBeVisible()
|
|
})
|
|
|
|
test('Betalt button marks order as paid and redirects to orders', async ({
|
|
page,
|
|
}) => {
|
|
await page.goto('/compose?plate=DEF456')
|
|
await page.getByLabel('Ditt meddelande').fill('Vill köpa din bil.')
|
|
await page.getByRole('button', { name: 'Skicka brev (49 kr)' }).click()
|
|
|
|
await page.waitForURL(/\/betalning\//)
|
|
await page.getByRole('button', { name: 'Betalt' }).click()
|
|
|
|
await expect(page).toHaveURL('/orders')
|
|
await expect(page.getByText('DEF456').first()).toBeVisible()
|
|
})
|
|
|
|
test('payment page requires authentication', async ({ page }) => {
|
|
await page.evaluate(() => localStorage.clear())
|
|
await page.goto('/betalning/some-id')
|
|
|
|
await expect(page).toHaveURL(/\/logga-in/)
|
|
})
|
|
|
|
test('shows mock payment note', async ({ page }) => {
|
|
await page.goto('/compose?plate=GHI789')
|
|
await page.getByLabel('Ditt meddelande').fill('Hej!')
|
|
await page.getByRole('button', { name: 'Skicka brev (49 kr)' }).click()
|
|
|
|
await page.waitForURL(/\/betalning\//)
|
|
await expect(page.getByText(/mock-betalning/i)).toBeVisible()
|
|
})
|
|
})
|