00d1f48218
Replace manual "type the number and order ID" flow with: - Client-side QR code (qrcode npm package) for desktop users - Pre-filled Swish payment URL (app.swish.nu) for mobile users - Manual number fallback + "Jag har betalat" confirmation The Swish C2B URL scheme pre-fills amount and message (order ID) without requiring any Swish Commerce API certificate or bank agreement. Supports both personal phone numbers (070...) and Swish Företag business numbers (123...) via number normalization in buildSwishPaymentUrl(). Set SWISH_NUMBER in .env to a Företags number once set up.
79 lines
3.1 KiB
TypeScript
79 lines
3.1 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@bilhej.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: 'Fortsätt till betalning' }).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('payment 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: 'Fortsätt till betalning' }).click()
|
|
|
|
await page.waitForURL(/\/betalning\//)
|
|
await page.getByRole('button', { name: 'Jag har betalat' }).click()
|
|
await page.getByRole('button', { name: 'Ja, jag har betalat' }).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 Swish payment instructions', async ({ page }) => {
|
|
await page.goto('/compose?plate=GHI789')
|
|
await page.getByLabel('Ditt meddelande').fill('Hej!')
|
|
await page.getByRole('button', { name: 'Fortsätt till betalning' }).click()
|
|
|
|
await page.waitForURL(/\/betalning\//)
|
|
await expect(page.getByText('Swisha till')).toBeVisible()
|
|
await expect(
|
|
page.getByRole('button', { name: 'Jag har betalat' }),
|
|
).toBeVisible()
|
|
})
|
|
|
|
test('shows QR code for desktop scanning', async ({ page }) => {
|
|
await page.goto('/compose?plate=JKL012')
|
|
await page.getByLabel('Ditt meddelande').fill('Fin bil!')
|
|
await page.getByRole('button', { name: 'Fortsätt till betalning' }).click()
|
|
|
|
await page.waitForURL(/\/betalning\//)
|
|
await expect(page.getByRole('img', { name: 'Swish QR-kod' })).toBeVisible()
|
|
await expect(page.getByText('Skanna QR-koden')).toBeVisible()
|
|
})
|
|
|
|
test('shows Swish payment link with pre-filled data', async ({ page }) => {
|
|
await page.goto('/compose?plate=MNO345')
|
|
await page.getByLabel('Ditt meddelande').fill('Hej där!')
|
|
await page.getByRole('button', { name: 'Fortsätt till betalning' }).click()
|
|
|
|
await page.waitForURL(/\/betalning\//)
|
|
const swishLink = page.getByRole('link', { name: 'Betala med Swish' })
|
|
await expect(swishLink).toBeVisible()
|
|
const href = await swishLink.getAttribute('href')
|
|
expect(href).toContain('app.swish.nu')
|
|
expect(href).toContain('amt=49.00')
|
|
})
|
|
})
|