Joakim Mörling
ca5ce12812
Redesigns the order list so unpaid and paid orders share a consistent card layout, with clearer payment context and labeled metadata users need before paying via Swish. - Split list into Obetalda/Tidigare sections with pending orders first - Pending cards: preview box, labeled Beställnings-ID, price row, Betala 49 kr - Completed cards: same header/preview layout, prominent Spåra brev button - Replace em-dash pay label and update unit/E2E selectors Co-authored-by: Cursor <cursoragent@cursor.com>
94 lines
3.6 KiB
TypeScript
94 lines
3.6 KiB
TypeScript
import { test, expect } from '@playwright/test'
|
|
|
|
test.describe('Order history', () => {
|
|
test('redirects unauthenticated user to login', async ({ page }) => {
|
|
await page.goto('/orders')
|
|
await expect(page).toHaveURL(/\/logga-in\?redirect=\/orders/)
|
|
await expect(page.getByRole('heading', { name: 'Logga in' })).toBeVisible()
|
|
})
|
|
|
|
test('can navigate from home to orders via header link', 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('/')
|
|
|
|
const header = page.locator('header')
|
|
await header.getByRole('link', { name: 'Mina beställningar' }).click()
|
|
|
|
await expect(page).toHaveURL('/orders')
|
|
await expect(
|
|
page.getByRole('heading', { name: 'Mina beställningar' }),
|
|
).toBeVisible()
|
|
})
|
|
|
|
test('displays page heading and seeded orders', 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('/')
|
|
|
|
await page.goto('/orders')
|
|
|
|
await expect(page.getByRole('heading', { name: 'Mina beställningar' })).toBeVisible()
|
|
await expect(page.getByText('ABC123').first()).toBeVisible()
|
|
await expect(page.getByText('DEF456').first()).toBeVisible()
|
|
await expect(page.getByText('GHI789').first()).toBeVisible()
|
|
})
|
|
|
|
test('shows correct status badges', 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('/')
|
|
|
|
await page.goto('/orders')
|
|
|
|
await expect(page.getByText('Skickat')).toBeVisible()
|
|
await expect(page.getByText('Väntar på betalning').first()).toBeVisible()
|
|
await expect(page.getByText('Levererat').first()).toBeVisible()
|
|
})
|
|
|
|
test('shows pay button for unpaid order and opens payment page', 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('/')
|
|
|
|
await page.goto('/orders')
|
|
|
|
const unpaidCard = page.locator('.orders__card', { hasText: 'DEF456' })
|
|
await expect(unpaidCard.getByRole('link', { name: 'Betala 49 kr' })).toBeVisible()
|
|
await unpaidCard.getByRole('link', { name: 'Betala 49 kr' }).click()
|
|
|
|
await expect(page).toHaveURL(/\/betalning\/c2eebc99/)
|
|
await expect(page.getByRole('heading', { name: 'Betalning' })).toBeVisible()
|
|
await expect(page.getByText('DEF456')).toBeVisible()
|
|
})
|
|
|
|
test('shows tracking links for orders with tracking ID', 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('/')
|
|
|
|
await page.goto('/orders')
|
|
|
|
const trackingLink1 = page.getByRole('link', { name: 'PN123456789' })
|
|
await expect(trackingLink1).toBeVisible()
|
|
await expect(trackingLink1).toHaveAttribute('href', /postnord/)
|
|
await expect(trackingLink1).toHaveAttribute('target', '_blank')
|
|
|
|
const trackingLink2 = page.getByRole('link', { name: 'PN987654321' })
|
|
await expect(trackingLink2).toBeVisible()
|
|
})
|
|
})
|