bilhej/frontend/e2e/admin-dashboard.spec.ts
Joakim Mörling 0f34d29a2a test: add tracking entry vitest and e2e tests, fix pre-existing flaky tests
- AdminDashboard.spec.ts (+6 tests):
  - tracking input and save button visible in expanded row
  - PostNord link visible when trackingId is set
  - PostNord link hidden when trackingId is null
  - save button fires PATCH to correct URL
  - tracking error shown on failed save
- admin-dashboard.spec.ts (+4 tests):
  - tracking input and save button visible after row expand
  - PostNord link with postnord href visible for orders with tracking
  - PostNord link hidden for orders without tracking
  - fix row selector to use .last() for deterministic tracking check
    (compose test creates extra ABC123 order that shifts row order)
- compose.spec.ts: fix strict mode violation — getByText('ABC123')
  resolved to 2 elements (strong + preview paragraph) after admin
  test expanded an ABC123 row; use .first()
- order-history.spec.ts: fix strict mode violations — ABC123 and
  Levererat resolve to 2 elements due to compose test creating
  an extra ABC123 order with status changed to delivered; use
  .first() on affected assertions
2026-05-15 19:59:00 +02:00

118 lines
3.9 KiB
TypeScript

import { test, expect } from '@playwright/test'
test.describe('Admin dashboard', () => {
test.beforeEach(async ({ page }) => {
await page.goto('/logga-in')
await page.getByLabel('E-postadress').fill('admin@bilhalsning.se')
await page.getByLabel('Lösenord').fill('test1234')
await page.getByRole('button', { name: 'Logga in' }).click()
await page.waitForURL('/')
})
test('admin can navigate to admin page', async ({ page }) => {
await page.goto('/admin')
await expect(
page.getByRole('heading', { name: 'Administration' }),
).toBeVisible()
})
test('non-admin user is redirected away from admin', async ({ page }) => {
await page.evaluate(() => localStorage.clear())
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('/')
await page.goto('/admin')
await expect(page).toHaveURL('/')
})
test('shows orders table with columns', async ({ page }) => {
await page.goto('/admin')
await expect(page.getByText('Datum')).toBeVisible()
await expect(page.getByText('E-post')).toBeVisible()
await expect(page.getByText('Regnr')).toBeVisible()
await expect(page.getByText('Status')).toBeVisible()
})
test('shows seeded order data', async ({ page }) => {
await page.goto('/admin')
await expect(page.locator('.admin-dashboard__plate').first()).toBeVisible()
await expect(page.getByText('DEF456')).toBeVisible()
await expect(page.getByText('GHI789')).toBeVisible()
})
test('click row expands letter content', async ({ page }) => {
await page.goto('/admin')
const rows = page.locator('.admin-dashboard__row')
await rows.first().click()
await expect(page.getByText('Brevtext')).toBeVisible()
})
test('click expanded row collapses it', async ({ page }) => {
await page.goto('/admin')
const rows = page.locator('.admin-dashboard__row')
await rows.first().click()
await expect(page.getByText('Brevtext')).toBeVisible()
await rows.first().click()
await expect(page.getByText('Brevtext')).not.toBeVisible()
})
test('status dropdown changes update order status', async ({ page }) => {
await page.goto('/admin')
const selects = page.locator('.admin-dashboard__status-select')
await selects.first().selectOption('delivered')
const updatedSelect = selects.first()
await expect(updatedSelect).toHaveValue('delivered')
})
test('admin cannot access admin page without auth', async ({ page }) => {
await page.evaluate(() => localStorage.clear())
await page.goto('/admin')
await expect(page).toHaveURL(/\/logga-in\?redirect=\/admin/)
})
test('expanded row shows tracking input and save button', async ({ page }) => {
await page.goto('/admin')
const rows = page.locator('.admin-dashboard__row')
await rows.first().click()
await expect(page.getByText('Spårnings-ID')).toBeVisible()
await expect(page.locator('.admin-dashboard__tracking-input')).toBeVisible()
await expect(page.getByRole('button', { name: 'Spara spårning' })).toBeVisible()
})
test('shows PostNord link when trackingId exists', async ({ page }) => {
await page.goto('/admin')
const rows = page.locator('.admin-dashboard__row')
await rows.last().click()
const trackingLink = page.locator('.admin-dashboard__tracking-link')
await expect(trackingLink).toBeVisible()
await expect(trackingLink).toHaveAttribute('href', /postnord/)
})
test('hides PostNord link when trackingId is null', async ({ page }) => {
await page.goto('/admin')
const defRow = page.locator('.admin-dashboard__row', { hasText: 'DEF456' })
await defRow.click()
const trackingLink = page.locator('.admin-dashboard__tracking-link')
await expect(trackingLink).not.toBeVisible()
})
})