feat: conformite enonce - explorer, favoris, stats perso, tests, slots
Some checks failed
Deploy XIP / deploy (push) Failing after 37s
Some checks failed
Deploy XIP / deploy (push) Failing after 37s
Fonctionnel
- Backend messages : GET /api/messages/:id (detail) + recherche (q),
pagination par curseur (before/limit) avec enveloppe { items, nextCursor,
hasMore } ; le flux temps reel garde l'ancien format quand aucun parametre.
- Explorer (/explorer) : catalogue distant, recherche debouncee + annulable
(AbortController), filtre, defilement infini, etat garde (keep-alive).
- Details par id : /message/:id et /shop/p/:id (consomment route.params).
- Favoris (/favoris) : liste perso persistee en localStorage, notation
(note/rating/statut) via modale, refletee partout (bouton favori).
- Mes stats (/mes-stats) : agregats derives des favoris (note moyenne, top
pays/auteurs, statuts), auto-mis a jour, route gardee si liste vide.
- Routeur : pages secondaires en lazy-load + repli, garde beforeEnter.
Technique
- Slots : PrefSection (slot defaut + slot nomme) enveloppe les 5 sections
"Mes Persos" ; Modal (Teleport + slots).
- v-model custom : SearchBox (defineModel + debounce).
- Directive custom : v-click-outside.
- Tests Vitest : 25 tests (etat, fonctions, composants), ~86% du code metier.
- Retrait d'Ionic (inutilise). Script typecheck backend ; tsconfig @types/bun.
- Correctif type : garde stockLimit nullable dans l'achat (catalog.ts).
- README complet (URL, stack, run, tests, secrets, deploiement, mention IA).
This commit is contained in:
34
frontend/src/components/SearchBox.spec.ts
Normal file
34
frontend/src/components/SearchBox.spec.ts
Normal file
@@ -0,0 +1,34 @@
|
||||
import { describe, it, expect, vi, beforeEach, afterEach } from 'vitest';
|
||||
import { mount } from '@vue/test-utils';
|
||||
import SearchBox from './SearchBox.vue';
|
||||
|
||||
describe('SearchBox (interaction composant + v-model debouncé)', () => {
|
||||
beforeEach(() => vi.useFakeTimers());
|
||||
afterEach(() => vi.useRealTimers());
|
||||
|
||||
it('n’émet la valeur qu’après le délai de debounce', async () => {
|
||||
const wrapper = mount(SearchBox, { props: { modelValue: '', delay: 300 } });
|
||||
const input = wrapper.find('input');
|
||||
|
||||
await input.setValue('vue');
|
||||
// Avant le délai : rien n'est émis vers le parent.
|
||||
expect(wrapper.emitted('update:modelValue')).toBeFalsy();
|
||||
|
||||
vi.advanceTimersByTime(300);
|
||||
await wrapper.vm.$nextTick();
|
||||
|
||||
const emitted = wrapper.emitted('update:modelValue');
|
||||
expect(emitted).toBeTruthy();
|
||||
expect(emitted![emitted!.length - 1]).toEqual(['vue']);
|
||||
});
|
||||
|
||||
it('le bouton clear vide la valeur immédiatement', async () => {
|
||||
const wrapper = mount(SearchBox, { props: { modelValue: 'déjà', delay: 300 } });
|
||||
await wrapper.find('input').setValue('texte');
|
||||
await wrapper.find('.search-clear').trigger('click');
|
||||
|
||||
const emitted = wrapper.emitted('update:modelValue');
|
||||
expect(emitted).toBeTruthy();
|
||||
expect(emitted![emitted!.length - 1]).toEqual(['']);
|
||||
});
|
||||
});
|
||||
Reference in New Issue
Block a user