Jennie Robinson Faber
c40f2c7c63
Add aria-labels to form controls (selects, checkboxes, switches), set html lang attribute and page title, fix color contrast for --candle-dim and --text-faint tokens, underline inline links, remove opacity hack. Harden dev login endpoints with atomic findOneAndUpdate and tokenVersion in JWT. Update Playwright timeouts and E2E test helpers.
58 lines
2.2 KiB
JavaScript
58 lines
2.2 KiB
JavaScript
import { test, expect } from './helpers/fixtures.js'
|
|
|
|
test.describe('Admin members page', () => {
|
|
test('members list loads for admin', async ({ adminPage }) => {
|
|
await adminPage.goto('/admin/members')
|
|
|
|
await expect(adminPage.locator('h1')).toHaveText('Members')
|
|
await expect(adminPage.getByText('Manage members, contributions, and access')).toBeVisible()
|
|
})
|
|
|
|
test('search bar works', async ({ adminPage }) => {
|
|
await adminPage.goto('/admin/members')
|
|
|
|
const searchInput = adminPage.getByPlaceholder('Search members...')
|
|
await expect(searchInput).toBeVisible({ timeout: 10000 })
|
|
|
|
// Wait for the initial member list to load before searching
|
|
await expect(
|
|
adminPage.locator('table').or(adminPage.getByText('No members found matching your criteria'))
|
|
).toBeVisible({ timeout: 15000 })
|
|
|
|
await searchInput.fill('nonexistent-query-xyz')
|
|
|
|
// Page should not crash -- either shows filtered results or the empty state
|
|
await expect(
|
|
adminPage.locator('table').or(adminPage.getByText('No members found matching your criteria'))
|
|
).toBeVisible({ timeout: 10000 })
|
|
})
|
|
|
|
test('non-admin redirect', async ({ browser }) => {
|
|
const context = await browser.newContext()
|
|
const page = await context.newPage()
|
|
|
|
await page.goto('/admin/members')
|
|
|
|
// Admin middleware redirects non-admin users to / or /members
|
|
await page.waitForURL((url) => !url.pathname.startsWith('/admin'))
|
|
expect(page.url()).not.toContain('/admin/members')
|
|
|
|
await context.close()
|
|
})
|
|
|
|
test('add member button opens modal', async ({ adminPage }) => {
|
|
await adminPage.goto('/admin/members')
|
|
|
|
// Wait for page to fully load and hydrate
|
|
await expect(adminPage.locator('h1')).toHaveText('Members')
|
|
await adminPage.waitForLoadState('networkidle')
|
|
|
|
const addBtn = adminPage.getByRole('button', { name: 'Add Member' })
|
|
await expect(addBtn).toBeVisible({ timeout: 10000 })
|
|
await addBtn.click()
|
|
|
|
// Modal should appear with the form heading and fields
|
|
await expect(adminPage.getByPlaceholder('Full name')).toBeVisible({ timeout: 10000 })
|
|
await expect(adminPage.getByPlaceholder('email@example.com')).toBeVisible()
|
|
})
|
|
})
|