tristan
d72f67d374
Auto Tag Develop / tag (push) Successful in 7s
Page liste `/suppliers` (ERP-93, étape front 6/7 du M2).
## Périmètre
Répertoire fournisseurs uniquement (datatable + filtres + export). Les écrans new/consultation/edit sont d'autres tickets.
- `MalioDataTable` branché sur `usePaginatedList<Supplier>({url:'/suppliers'})`
- Colonnes : Nom, Catégories (`categories[].name`), Site (`sites[].name`, badges colorés), Dernière activité (`updatedAt`) ; clic ligne → `/suppliers/{id}`
- Boutons : « + Ajouter » (manage), « Filtrer » (drawer : search / categoryCode / siteId / includeArchived + badge + Réinitialiser), « Exporter » (XLSX)
- État filtres/pagination 100 % local (règle n°6) ; pagination 10/25/50 ; `useApi()` + composants `Malio*` only
## Différences vs Répertoire clients
- filtre `includeArchived` (au lieu de `archivedOnly`)
- colonne Catégories = `name` (clients affiche `code`)
- catégories du filtre = `?typeCode=FOURNISSEUR` ; export `/suppliers/export.xlsx`
## Tests
- `make nuxt-test` : 284 passed (11 nouveaux : useSuppliersRepository ×3, page index ×8)
- ESLint propre ; typecheck sans erreur sur les fichiers suppliers
- Golden path navigateur OK (page + drawer)
Aucun mirror RBAC à toucher (sidebar + permissions posés par #90/#92).
Reviewed-on: #81
Co-authored-by: tristan <tristan@yuno.malio.fr>
Co-committed-by: tristan <tristan@yuno.malio.fr>
86 lines
2.9 KiB
TypeScript
86 lines
2.9 KiB
TypeScript
import { describe, it, expect, vi, beforeEach } from 'vitest'
|
|
import type { HydraCollection } from '~/shared/utils/api'
|
|
import type { Supplier } from '../useSuppliersRepository'
|
|
|
|
// `useApi` est un auto-import Nuxt : on le stubbe globalement pour intercepter
|
|
// les appels declenches par usePaginatedList (que useSuppliersRepository enveloppe)
|
|
// et controler les reponses. Meme pattern que useClientsRepository.spec.ts.
|
|
const mockGet = vi.hoisted(() => vi.fn())
|
|
vi.stubGlobal('useApi', () => ({
|
|
get: mockGet,
|
|
post: vi.fn(),
|
|
put: vi.fn(),
|
|
patch: vi.fn(),
|
|
delete: vi.fn(),
|
|
}))
|
|
|
|
// Import APRES le stub pour que useApi soit bien resolu au top-level du module.
|
|
const { useSuppliersRepository } = await import('../useSuppliersRepository')
|
|
|
|
/** Envelope Hydra minimale (la liste reelle des membres importe peu ici). */
|
|
function makeHydra(total: number): HydraCollection<Supplier> {
|
|
return { totalItems: total, member: [] }
|
|
}
|
|
|
|
describe('useSuppliersRepository', () => {
|
|
beforeEach(() => {
|
|
mockGet.mockReset()
|
|
// 25 items → 3 pages a 10/page : permet de tester la navigation page 2.
|
|
mockGet.mockResolvedValue(makeHydra(25))
|
|
})
|
|
|
|
it('cible la ressource /suppliers en page 1 par defaut', async () => {
|
|
const repo = useSuppliersRepository()
|
|
await repo.fetch()
|
|
|
|
expect(mockGet).toHaveBeenLastCalledWith(
|
|
'/suppliers',
|
|
{ page: 1, itemsPerPage: 10 },
|
|
expect.objectContaining({ toast: false }),
|
|
)
|
|
})
|
|
|
|
it('pousse les filtres du drawer (categories multi, sites, archives inclus) et retombe en page 1', async () => {
|
|
const repo = useSuppliersRepository()
|
|
await repo.fetch()
|
|
await repo.goToPage(2)
|
|
expect(repo.currentPage.value).toBe(2)
|
|
|
|
await repo.setFilters(
|
|
{
|
|
search: 'acme',
|
|
'categoryCode[]': ['NEGOCIANT', 'TRANSPORTEUR'],
|
|
'siteId[]': ['86', '17'],
|
|
includeArchived: true,
|
|
},
|
|
{ replace: true },
|
|
)
|
|
|
|
expect(repo.currentPage.value).toBe(1)
|
|
expect(mockGet).toHaveBeenLastCalledWith(
|
|
'/suppliers',
|
|
{
|
|
search: 'acme',
|
|
'categoryCode[]': ['NEGOCIANT', 'TRANSPORTEUR'],
|
|
'siteId[]': ['86', '17'],
|
|
includeArchived: true,
|
|
page: 1,
|
|
itemsPerPage: 10,
|
|
},
|
|
expect.objectContaining({ toast: false }),
|
|
)
|
|
})
|
|
|
|
it('repasse a une query propre apres reinitialisation des filtres', async () => {
|
|
const repo = useSuppliersRepository()
|
|
await repo.setFilters({ search: 'acme', includeArchived: true }, { replace: true })
|
|
await repo.setFilters({}, { replace: true })
|
|
|
|
expect(mockGet).toHaveBeenLastCalledWith(
|
|
'/suppliers',
|
|
{ page: 1, itemsPerPage: 10 },
|
|
expect.objectContaining({ toast: false }),
|
|
)
|
|
})
|
|
})
|