feat(search): panneau de filtres unifié, clavier/focus du typeahead
CI / build-and-test (push) Successful in 14m10s
CI / build-and-test (push) Successful in 14m10s
Barre de recherche - Panneau de filtres unifié (remplace le ProviderPicker) : sources, type (vidéos/shorts/direct/chaînes), période (heure/jour/semaine/mois/année), durée (<4 / 4-20 / >20 min) et tri. Pastilles + roving tabindex (←/→ dans un groupe, ↑/↓ entre groupes), focus trap, Échap, Ctrl/⌘+Maj+F, recherches récentes, « mémoriser par défaut », « Réinitialiser ». - Pastilles des filtres actifs sous la barre (retrait en un clic) + compteur. - Typeahead : un seul keydown (fin du double Enter), ↑/↓ bouclants, Home/End, PageUp/PageDown, Entrée valide la ligne surlignée (sinon recherche brute), Tab complète sans chercher, Échap ferme puis vide, ligne « Rechercher <q> », défilement de l'option active, aria à jour. - Focus : le panneau se referme dès que le focus quitte la barre (focusout + relatedTarget + activeElement), pointerdown neutralisé sur les lignes pour garder le focus dans l'input (plus de scintillement). - Opérateurs en clair : `linux live:`, `tuto today: long:` deviennent des filtres et sont retirés de la requête (autocomplétion après le `:`). Filtres côté serveur - Modèle partagé : src/app/search/filters.ts + server/search-filters.mjs. - /api/search?type=&duration=&period=&sort= : InnerTube (upload_date, type, duration, features), Data API v3 (type, videoDuration, publishedAfter), yt-dlp --dateafter ; post-filtrage pour les providers sans filtre natif. Un champ manquant ne fait jamais disparaître un résultat. - Filtres dans l'URL (partageables) + adapters + SearchService (clé de cache). - Correction : la recherche Shorts renvoyait 0 (ShortsLockupView/GridShelfView non mappés, id/titre dans l'endpoint) -> mappage + shelf + vignette/vues. Tests / docs - 23 tests unitaires (clavier, focus, opérateurs, panneau de filtres), server/tests/search-filters.test.mjs (npm run test:filters) + CI, scénarios e2e des filtres, README/api/README/todo/MCP à jour.
This commit is contained in:
@@ -155,6 +155,33 @@ function scenario(name, fn) {
|
||||
// 2b) Invalid providers fall back to all
|
||||
await scenario('invalid providers param falls back to the full registry', async () => validateProvidersFallback());
|
||||
|
||||
// 2c) Filtres de recherche : ils sont renvoyés tels quels, valeurs inconnues ignorées
|
||||
await scenario('search filters are echoed back and unknown values ignored', async () => {
|
||||
const res = await fetch(`${baseUrl}/api/search?q=test&providers=yt,dm&pageSize=3&type=live&duration=short&period=week&sort=date`);
|
||||
assert(res.ok, `search responds 200 (got ${res.status})`);
|
||||
const body = await res.json();
|
||||
assert(body.filters && body.filters.type === 'live', `type filter echoed (got ${JSON.stringify(body.filters)})`);
|
||||
assert(body.filters.duration === 'short', 'duration filter echoed');
|
||||
assert(body.filters.period === 'week', 'period filter echoed');
|
||||
assert(body.sort === 'date', 'sort comes from the filters');
|
||||
|
||||
// Valeurs inconnues : ignorées, jamais 400.
|
||||
const bad = await fetch(`${baseUrl}/api/search?q=test&providers=dm&type=plaid&period=yesterday&duration=epic`);
|
||||
assert(bad.ok, `unknown filter values do not fail (got ${bad.status})`);
|
||||
const badBody = await bad.json();
|
||||
assert(!badBody.filters || Object.keys(badBody.filters).length === 0,
|
||||
`unknown filters are dropped (got ${JSON.stringify(badBody.filters)})`);
|
||||
assert(badBody.sort === 'relevance', 'sort falls back to relevance');
|
||||
});
|
||||
|
||||
// 2d) Un filtre ne doit jamais renvoyer d'erreur 500 (post-filtrage sûr)
|
||||
await scenario('filters never break the fan-out (200 + groups)', async () => {
|
||||
const res = await fetch(`${baseUrl}/api/search?q=test&pageSize=3&period=today&duration=long`);
|
||||
assert(res.ok, `search responds 200 with filters (got ${res.status})`);
|
||||
const body = await res.json();
|
||||
assert(body.groups && typeof body.groups === 'object', 'groups present with filters');
|
||||
});
|
||||
|
||||
// 3) Preference: defaultProviders persisted and returned after re-login
|
||||
await scenario('default providers preference round-trip (persisted per user)', async () => {
|
||||
await patchPreferences(token, { defaultProviders: ['ru', 'od'] });
|
||||
|
||||
Reference in New Issue
Block a user