e4b0c8358e
Revise test helpers and specs to use stricter role-based selectors for document actions, including delete buttons and document links. Improve accessibility and upload tests by asserting document presence via explicit file lists instead of generic text checks. Remove redundant summary assertion from delete flow.
88 lines
3.3 KiB
TypeScript
88 lines
3.3 KiB
TypeScript
import { test, expect } from '@playwright/test';
|
|
import {
|
|
setupTest,
|
|
uploadFiles,
|
|
ensureDocumentsListed,
|
|
uploadAndDisplay,
|
|
expectProcessingTransition,
|
|
pauseTTSAndVerify,
|
|
} from './helpers';
|
|
|
|
test.describe('Accessibility smoke', () => {
|
|
test.beforeEach(async ({ page }, testInfo) => {
|
|
await setupTest(page, testInfo);
|
|
});
|
|
|
|
test('dropzone input and hint text are accessible', async ({ page }) => {
|
|
// Input is present and visible
|
|
await expect(page.locator('input[type="file"]').first()).toBeVisible({ timeout: 10000 });
|
|
|
|
// Hint text present (supports compact or default variants)
|
|
await expect(
|
|
page.getByText(/Drop your file\(s\) here|Drop files or click|Drop your file\(s\) here, or click to select/i)
|
|
).toBeVisible();
|
|
});
|
|
|
|
test('document links have roles and accessible names', async ({ page }) => {
|
|
await uploadFiles(page, 'sample.pdf', 'sample.epub', 'sample.txt');
|
|
await ensureDocumentsListed(page, ['sample.pdf', 'sample.epub', 'sample.txt']);
|
|
|
|
await expect(page.getByRole('link', { name: /^sample\.pdf$/i })).toBeVisible();
|
|
await expect(page.getByRole('link', { name: /^sample\.epub$/i })).toBeVisible();
|
|
await expect(page.getByRole('link', { name: /^sample\.txt$/i })).toBeVisible();
|
|
});
|
|
|
|
test('ConfirmDialog exposes role=dialog with title and actions', async ({ page }) => {
|
|
await uploadFiles(page, 'sample.pdf');
|
|
await ensureDocumentsListed(page, ['sample.pdf']);
|
|
|
|
// Open the confirm dialog by clicking the row delete button
|
|
await page.getByRole('button', { name: /^Delete sample\.pdf$/i }).first().click();
|
|
|
|
// Title and dialog role visible
|
|
const heading = page.getByRole('heading', { name: 'Delete Document' });
|
|
await expect(heading).toBeVisible({ timeout: 10000 });
|
|
const dialog = heading.locator('xpath=ancestor::*[@role="dialog"][1]');
|
|
await expect(dialog).toBeVisible();
|
|
|
|
// Has a destructive action (Delete)
|
|
await expect(dialog.getByRole('button', { name: 'Delete' })).toBeVisible();
|
|
|
|
// Close with Escape to avoid deleting test data
|
|
await page.keyboard.press('Escape');
|
|
});
|
|
|
|
test('TTS controls expose aria labels and are keyboard focusable', async ({ page }) => {
|
|
test.setTimeout(120_000);
|
|
await uploadAndDisplay(page, 'sample.pdf');
|
|
|
|
// TTS bar present
|
|
const ttsbar = page.locator('[data-app-ttsbar]');
|
|
await expect(ttsbar).toBeVisible();
|
|
|
|
// Verify control labels
|
|
const backBtn = page.getByRole('button', { name: 'Skip backward' });
|
|
const playBtn = page.getByRole('button', { name: 'Play' });
|
|
const fwdBtn = page.getByRole('button', { name: 'Skip forward' });
|
|
|
|
await expect(backBtn).toBeVisible();
|
|
await expect(playBtn).toBeVisible();
|
|
await expect(fwdBtn).toBeVisible();
|
|
|
|
// Keyboard focus checks
|
|
await page.focus('button[aria-label="Skip backward"]');
|
|
await expect(backBtn).toBeFocused();
|
|
|
|
await page.focus('button[aria-label="Play"]');
|
|
await expect(playBtn).toBeFocused();
|
|
|
|
await page.focus('button[aria-label="Skip forward"]');
|
|
await expect(fwdBtn).toBeFocused();
|
|
|
|
// Toggle play and verify aria-label swap to Pause, then back to Play
|
|
await playBtn.click();
|
|
await expectProcessingTransition(page);
|
|
await expect(page.getByRole('button', { name: 'Pause' })).toBeVisible();
|
|
await pauseTTSAndVerify(page);
|
|
});
|
|
});
|