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"]')).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 document' }).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);
|
|
});
|
|
});
|