db2fc33e99
## Pre-commit hook
- Add .husky/pre-commit at repo root: runs `cd frontend && npm run lint`
- Update prepare script in package.json to auto-configure git hooks path
on npm install (git -C .. config core.hooksPath .husky)
- Add lint step to CI unit-tests job so it catches issues before tests run
- Add generated dirs to .prettierignore (paraglide_bak*, test-results, .auth)
- Add src/lib/paraglide_bak* to .gitignore so ESLint can ignore them
## ESLint fixes (all pre-existing)
- Disable svelte/no-navigation-without-resolve: false positive in SvelteKit
(rule targets Svelte 5 standalone routing, not SvelteKit <a href>)
- Fix svelte/require-each-key: add (item.id)/(item) keys to all {#each} blocks
across 10 files — improves Svelte reconciliation performance
- Fix svelte/prefer-writable-derived in PersonTypeahead: $state+$effect → $derived
- Fix svelte/prefer-svelte-reactivity: URLSearchParams → SvelteURLSearchParams,
Map → SvelteMap (enables Svelte reactive tracking)
- Fix @typescript-eslint/no-unused-vars: remove dead imports/variables
## Prettier
- Run npm run format to bring all source files in line with .prettierrc
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
61 lines
2.4 KiB
TypeScript
61 lines
2.4 KiB
TypeScript
import { test, expect } from '@playwright/test';
|
|
|
|
test.describe('Language selector', () => {
|
|
test('shows DE, EN, ES buttons in the header', async ({ page }) => {
|
|
await page.goto('/');
|
|
await expect(
|
|
page.getByRole('banner').getByRole('button', { name: 'DE', exact: true })
|
|
).toBeVisible();
|
|
await expect(
|
|
page.getByRole('banner').getByRole('button', { name: 'EN', exact: true })
|
|
).toBeVisible();
|
|
await expect(
|
|
page.getByRole('banner').getByRole('button', { name: 'ES', exact: true })
|
|
).toBeVisible();
|
|
});
|
|
|
|
test('switching to EN translates the navigation', async ({ page }) => {
|
|
await page.goto('/');
|
|
await page.waitForSelector('[data-hydrated]');
|
|
await page.getByRole('banner').getByRole('button', { name: 'EN', exact: true }).click();
|
|
await expect(
|
|
page.getByRole('navigation').getByRole('link', { name: 'Documents' })
|
|
).toBeVisible();
|
|
await expect(page.getByRole('navigation').getByRole('link', { name: 'Persons' })).toBeVisible();
|
|
});
|
|
|
|
test('language choice persists after navigation', async ({ page }) => {
|
|
await page.goto('/');
|
|
await page.waitForSelector('[data-hydrated]');
|
|
await page.getByRole('banner').getByRole('button', { name: 'EN', exact: true }).click();
|
|
await page.goto('/persons');
|
|
await expect(
|
|
page.getByRole('navigation').getByRole('link', { name: 'Documents' })
|
|
).toBeVisible();
|
|
});
|
|
|
|
test('switching back to DE restores German', async ({ page }) => {
|
|
await page.goto('/');
|
|
await page.waitForSelector('[data-hydrated]');
|
|
await page.getByRole('banner').getByRole('button', { name: 'EN', exact: true }).click();
|
|
await expect(
|
|
page.getByRole('navigation').getByRole('link', { name: 'Documents' })
|
|
).toBeVisible();
|
|
await page.getByRole('banner').getByRole('button', { name: 'DE', exact: true }).click();
|
|
// In headless Chromium, cookie deletion via document.cookie can be unreliable.
|
|
// Delete the PARAGLIDE_LOCALE cookie directly so the next navigation defaults to DE.
|
|
await page.context().clearCookies({ name: 'PARAGLIDE_LOCALE' });
|
|
await page.goto('/');
|
|
await page.waitForSelector('[data-hydrated]');
|
|
await expect(
|
|
page.getByRole('navigation').getByRole('link', { name: 'Dokumente' })
|
|
).toBeVisible();
|
|
});
|
|
|
|
test('active language button is visually highlighted', async ({ page }) => {
|
|
await page.goto('/');
|
|
const deBtn = page.getByRole('banner').getByRole('button', { name: 'DE', exact: true });
|
|
await expect(deBtn).toHaveClass(/font-bold/);
|
|
});
|
|
});
|