Fix admin dashboard e2e tests for updated UI selectors.
All checks were successful
CI / Lint, type check, unit tests, coverage (push) Successful in 3m47s
CI / E2E browser tests (push) Successful in 1m42s

The admin search label and parallel compose tests made strict-mode
Playwright locators ambiguous after the dashboard rework.

- Assert table columns via columnheader roles instead of getByText
- Target seeded order by ID when opening the message modal

Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
Joakim Mörling 2026-05-21 15:41:03 +02:00
parent 350dfcfd7b
commit ec122e86b8

View file

@ -1,5 +1,8 @@
import { test, expect } from '@playwright/test'
const SEEDED_ORDER_ID = 'c1eebc99-9c0b-4ef8-bb6d-6bb9bd380a11'
const SEEDED_ORDER_SHORT_ID = SEEDED_ORDER_ID.slice(0, 8)
test.describe('Admin dashboard', () => {
test.beforeEach(async ({ page }) => {
await page.goto('/logga-in')
@ -33,10 +36,13 @@ test.describe('Admin dashboard', () => {
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()
await expect(page.getByRole('columnheader', { name: 'Datum' })).toBeVisible()
await expect(
page.getByRole('columnheader', { name: 'Beställnings-ID' }),
).toBeVisible()
await expect(page.getByRole('columnheader', { name: 'E-post' })).toBeVisible()
await expect(page.getByRole('columnheader', { name: 'Regnr' })).toBeVisible()
await expect(page.getByRole('columnheader', { name: 'Status' })).toBeVisible()
})
test('shows seeded order data', async ({ page }) => {
@ -51,11 +57,10 @@ test.describe('Admin dashboard', () => {
page,
}) => {
await page.goto('/admin')
await page.locator('#admin-order-search').fill(SEEDED_ORDER_SHORT_ID)
await page
.locator('.admin__row', { hasText: 'ABC123' })
.getByRole('button', { name: 'Visa meddelande' })
.click()
const row = page.locator('.admin__row', { hasText: SEEDED_ORDER_SHORT_ID })
await row.getByRole('button', { name: 'Visa meddelande' }).click()
const dialog = page.getByRole('dialog', { name: 'Brevtext' })
await expect(dialog).toBeVisible()