116 lines
4.3 KiB
TypeScript
116 lines
4.3 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'],
|
|
resolvedTags: [{ id: '33333333-3333-3333-3333-333333333333', name: 'Weltkrieg', color: 'sage' }],
|
|
rawQuery: 'Was hat Walter an Emma im Krieg geschrieben?',
|
|
keywordsApplied: true,
|
|
tagsApplied: 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) => {
|
|
const body = route.request().postDataJSON();
|
|
expect(body.lang).toBeTruthy();
|
|
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 + theme chip render once the fixture resolves.
|
|
await expect(page.getByText('→')).toBeVisible();
|
|
await expect(page.getByText('Stichwort: krieg')).toBeVisible();
|
|
await expect(page.getByText(/Thema:.*Weltkrieg/)).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/);
|
|
});
|
|
|
|
test('removing the last theme chip drops tag/tagOp but keeps person params', async ({ page }) => {
|
|
await page.route('**/api/search/nl', async (route) => {
|
|
await route.fulfill({
|
|
status: 200,
|
|
contentType: 'application/json',
|
|
body: JSON.stringify(nlResponse)
|
|
});
|
|
});
|
|
|
|
await page.goto('/documents');
|
|
await page.waitForSelector('[data-hydrated]');
|
|
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');
|
|
|
|
await expect(page.getByText(/Thema:.*Weltkrieg/)).toBeVisible();
|
|
|
|
// Remove the single theme chip — URL must carry sender UUID but no tag/tagOp.
|
|
await page.getByRole('button', { name: 'Filter entfernen: Thema: Weltkrieg' }).click();
|
|
await page.waitForURL(/senderId=11111111-1111-1111-1111-111111111111/);
|
|
const url = page.url();
|
|
expect(url).not.toMatch(/tag=/);
|
|
expect(url).not.toMatch(/tagOp=/);
|
|
});
|
|
});
|