kristianwindandClaude Opus 5
7e981354c2
Indstillingerne er ti faner med syvogtredive afsnit, og den eneste vej til et bestemt af dem var at huske, hvilken fane det lå under. ⌘K kunne opgaver, projekter og noter — alt det, man selv har skrevet, og intet af det, programmet består af. Ét indeks, to steder det bruges: et felt øverst i indstillingerne og paletten. To lister over de samme afsnit ville være to steder at glemme et nyt et. Overskrifterne står ikke i indekset. Hver post peger på den nøgle, afsnittets egen overskrift allerede bruger, så et afsnit, der bliver omdøbt, følger med af sig selv, og søgningen kan begge sprog uden at kende nogen af dem. `words` er derimod skrevet i indekset, og det er med vilje: det er søgeord, ingen får at se. Det danske afsnit hedder "Tælling af installationer", men det ord, man kender det ved, er "beacon" — og på samme måde 2fa, imap, webcal, webhook. De er de samme på begge sprog, hvilket er hele grunden til, at de virker som søgeord. Ankrene er nye id'er på afsnittene. Tre af dem stødte sammen med et felt inde i afsnittet — to ens id'er gør <label for> tvetydig og getElementById tilfældig — og hedder derfor to-faktor, kalenderfeed og caldav-server. Springet dertil kan ikke overlades til browseren: siden hentes af ruteren, og afsnittet findes først, når dens data er hjemme. Der prøves i to sekunder og gives så op. Blinket bagefter er ikke pynt — man er landet midt i en side med otte afsnit, man ikke selv rullede hen til. Prøverne læser filerne frem for at klikke: halvdelen af afsnittene vises kun under en betingelse, så en prøve, der ledte efter dem i en browser, ville melde fejl på det, der med rette var skjult. Og palettens pladsholder sagde "Søg i opgaver og projekter". Den har kunnet noter længe, og kan nu også indstillinger. Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
90 lines
3.6 KiB
JavaScript
90 lines
3.6 KiB
JavaScript
import { test, expect } from '@playwright/test';
|
|
import { readFileSync } from 'node:fs';
|
|
import { fileURLToPath } from 'node:url';
|
|
import { dirname, join } from 'node:path';
|
|
import { SETTINGS, findSettings } from '../src/lib/settingsindex.js';
|
|
|
|
/**
|
|
* Indekset over indstillingerne skal passe på siderne.
|
|
*
|
|
* Et indeks ved siden af det, det beskriver, er en kopi, og en kopi driver. Den
|
|
* dag et afsnit flyttes til en anden fane eller får et nyt anker, holder
|
|
* søgningen op med at kunne finde det — og det fejler ikke: man får bare ingen
|
|
* træffere, hvilket ligner en søgning, der virker, på noget der ikke findes.
|
|
*
|
|
* Derfor læses filerne her frem for at blive klikket igennem. Halvdelen af
|
|
* afsnittene vises kun under en betingelse — en kalenderkonto, en afventende
|
|
* invitation, en administrator — så en prøve, der leder efter dem i en browser,
|
|
* ville melde fejl på det, der med rette var skjult.
|
|
*/
|
|
|
|
const here = dirname(fileURLToPath(import.meta.url));
|
|
const routes = join(here, '..', 'src', 'routes');
|
|
const locales = join(here, '..', 'src', 'lib', 'locales');
|
|
|
|
/** `/indstillinger/data` → filen, den side tegnes af. */
|
|
function pageFile(path) {
|
|
return join(routes, path, '+page.svelte');
|
|
}
|
|
|
|
test('hvert afsnit i indekset findes på den side, det peger på', () => {
|
|
const missing = [];
|
|
for (const entry of SETTINGS) {
|
|
const src = readFileSync(pageFile(entry.path), 'utf8');
|
|
const hits = src.split(`id="${entry.anchor}"`).length - 1;
|
|
if (hits !== 1) missing.push(`${entry.path}#${entry.anchor}: ${hits} steder, ventede 1`);
|
|
}
|
|
expect(missing).toEqual([]);
|
|
});
|
|
|
|
test('to afsnit deler ikke et anker', () => {
|
|
// Ankeret slås op med getElementById, som vælger vilkårligt mellem to ens. Det
|
|
// er kun et problem inden for den samme side, så nøglen er sti plus anker.
|
|
const seen = new Set();
|
|
const dupes = [];
|
|
for (const entry of SETTINGS) {
|
|
const key = `${entry.path}#${entry.anchor}`;
|
|
if (seen.has(key)) dupes.push(key);
|
|
seen.add(key);
|
|
}
|
|
expect(dupes).toEqual([]);
|
|
});
|
|
|
|
test('overskrifterne, indekset peger på, findes på begge sprog', () => {
|
|
const missing = [];
|
|
for (const locale of ['da', 'en']) {
|
|
const src = readFileSync(join(locales, `${locale}.js`), 'utf8');
|
|
for (const entry of SETTINGS) {
|
|
for (const key of [entry.key, entry.tab]) {
|
|
if (!src.includes(`'${key}':`)) missing.push(`${locale}: ${key}`);
|
|
}
|
|
}
|
|
}
|
|
expect(missing).toEqual([]);
|
|
});
|
|
|
|
test('søgningen finder det, man ville skrive', () => {
|
|
// t() er her den, der ikke oversætter: prøven skal måle indekset og ikke
|
|
// sprogfilen, og de tekniske ord er dem, der bærer en søgning uanset sprog.
|
|
const t = (key) => key;
|
|
const found = (q, admin = true) =>
|
|
findSettings(q, { t, isAdmin: admin }).map((hit) => `${hit.path}#${hit.anchor}`);
|
|
|
|
expect(found('beacon')).toContain('/indstillinger/data#beacon');
|
|
expect(found('webhook')).toContain('/indstillinger/integrationer#krog');
|
|
expect(found('imap')).toContain('/indstillinger/integrationer#postkasser');
|
|
expect(found('2fa')).toContain('/indstillinger#to-faktor');
|
|
expect(found('ical')).toContain('/indstillinger/integrationer#kalenderfeed');
|
|
|
|
// Tomt felt giver ingenting frem for alt: en liste over seksogtredive afsnit
|
|
// er ikke et svar på et spørgsmål, nogen endnu ikke har stillet.
|
|
expect(found('')).toEqual([]);
|
|
expect(found(' ')).toEqual([]);
|
|
|
|
// Det, der kun er en administrators, må ikke kunne findes af andre. Siden
|
|
// afviser dem, og en træffer, der fører til en 403, er et løfte, fladen ikke
|
|
// kan holde.
|
|
expect(found('backup', false)).toEqual([]);
|
|
expect(found('backup', true)).toContain('/indstillinger/data#sikkerhedskopier');
|
|
});
|