230f23e37c
All checks were successful
CI / Unit & Component Tests (pull_request) Successful in 3m17s
CI / OCR Service Tests (pull_request) Successful in 22s
CI / Backend Unit Tests (pull_request) Successful in 3m47s
CI / fail2ban Regex (pull_request) Successful in 46s
CI / Semgrep Security Scan (pull_request) Successful in 24s
CI / Compose Bucket Idempotency (pull_request) Successful in 1m6s
Mock POST /api/search/nl (delayed fixture: 2-name directional + applied keyword), assert loading announcement → chips render → axe-clean in light and dark → removing the keyword chip re-runs a keyword GET with the remaining sender+receiver params. Adds a data-testid wrapper on the NL results region for axe scoping. Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
84 lines
3.0 KiB
TypeScript
84 lines
3.0 KiB
TypeScript
import AxeBuilder from '@axe-core/playwright';
|
|
import { test, expect } from '@playwright/test';
|
|
|
|
// NL search is mocked at the network boundary — Ollama is not required in CI.
|
|
// CSRF enforcement is bypassed by page.route (the real request is never sent),
|
|
// so it is only verified in manual full-stack runs (see issue #739 DevOps notes).
|
|
const interpretation = {
|
|
resolvedPersons: [
|
|
{ id: '11111111-1111-1111-1111-111111111111', displayName: 'Walter Raddatz' },
|
|
{ id: '22222222-2222-2222-2222-222222222222', displayName: 'Emma Raddatz' }
|
|
],
|
|
ambiguousPersons: [],
|
|
dateFrom: '1914-01-01',
|
|
dateTo: '1918-12-31',
|
|
keywords: ['krieg'],
|
|
rawQuery: 'Was hat Walter an Emma im Krieg geschrieben?',
|
|
keywordsApplied: true
|
|
};
|
|
|
|
const nlResponse = {
|
|
result: {
|
|
items: [],
|
|
totalElements: 0,
|
|
pageNumber: 0,
|
|
pageSize: 20,
|
|
totalPages: 0,
|
|
undatedCount: 0
|
|
},
|
|
interpretation
|
|
};
|
|
|
|
test.describe('NL (smart) search — happy path', () => {
|
|
test('toggle → loading → chips → remove chip re-runs keyword search; axe clean light + dark', async ({
|
|
page
|
|
}) => {
|
|
// Deliberate delay so the loading state is assertable before the response arrives.
|
|
await page.route('**/api/search/nl', async (route) => {
|
|
await new Promise((resolve) => setTimeout(resolve, 150));
|
|
await route.fulfill({
|
|
status: 200,
|
|
contentType: 'application/json',
|
|
body: JSON.stringify(nlResponse)
|
|
});
|
|
});
|
|
|
|
await page.goto('/documents');
|
|
await page.waitForSelector('[data-hydrated]');
|
|
|
|
// Switch to smart mode via the toggle pill (keyword label = "Text").
|
|
await page.getByRole('button', { name: /Text/ }).click();
|
|
|
|
const input = page.getByPlaceholder('Titel, Personen, Tags durchsuchen…');
|
|
await input.fill('Was hat Walter an Emma im Krieg geschrieben?');
|
|
await input.press('Enter');
|
|
|
|
// Loading panel announced to screen readers.
|
|
await expect(page.getByText(/Archiv wird befragt/)).toBeVisible();
|
|
|
|
// Directional chip (Walter → Emma) + keyword chip render once the fixture resolves.
|
|
await expect(page.getByText('→')).toBeVisible();
|
|
await expect(page.getByText('Stichwort: krieg')).toBeVisible();
|
|
|
|
// Accessibility — light mode.
|
|
const lightScan = await new AxeBuilder({ page })
|
|
.include('[data-testid="smart-search-results"]')
|
|
.analyze();
|
|
expect(lightScan.violations).toEqual([]);
|
|
|
|
// Accessibility — dark mode.
|
|
await page.evaluate(() => document.documentElement.setAttribute('data-theme', 'dark'));
|
|
const darkScan = await new AxeBuilder({ page })
|
|
.include('[data-testid="smart-search-results"]')
|
|
.analyze();
|
|
expect(darkScan.violations).toEqual([]);
|
|
await page.evaluate(() => document.documentElement.setAttribute('data-theme', 'light'));
|
|
|
|
// Removing the keyword chip re-runs a keyword GET with the remaining resolved
|
|
// params (sender + receiver from the directional pair).
|
|
await page.getByRole('button', { name: 'Filter entfernen: Stichwort: krieg' }).click();
|
|
await page.waitForURL(/senderId=11111111-1111-1111-1111-111111111111/);
|
|
await expect(page).toHaveURL(/receiverId=22222222-2222-2222-2222-222222222222/);
|
|
});
|
|
});
|