Closed in vitest-oppsett branchen. Denne ble gjort i sammardbeid med Albert, Clemens og Johannes. Var lettere å bare lage de samtidig da ingen av oss ville bruke veldig lang tid på testene. Testene kjører godt og gjør det de skal.

Kort om testene.

setup.ts kjører før hver testfil. Den legger inn en stub for window.matchMedia,
som ikke finnes i jsdom. Uten den krasjer alt som rendrer Sidebar, fordi
useMediaQuery kaller den med en gang.

utils.tsx er to hjelpere: lagFilm bygger en testfilm så vi slipper å skrive ut
alle feltene hver gang, og renderMedQuery pakker komponenten i en
QueryClientProvider, som alt som bruker TanStack Query trenger.

sortAndFilterMovies: filtrering, alle tre sorteringene, og at funksjonen ikke
endrer lista den får inn.

SearchField: at feltet finnes via labelen, altså at htmlFor og id henger sammen,
og at onChange kalles én gang per tastetrykk. Det siste bekrefter at feltet er
kontrollert.

Sidebar: at klikk på pila endrer både menyen og aria-expanded samtidig, og at
FAVORITTER setter riktig visning.

MovieCard: props og snapshot. Snapshotet venter til skuespillerne er lastet,
ellers ville det feilet tilfeldig.

MovieList: mocking. Bytter ut api-modulen, og sjekker i tillegg at global fetch
aldri kalles, så vi vet at testene ikke går på nettet.

Testene fant to ekte feil: MovieList mangler key, og MovieCard sender tom streng
som src når en film mangler plakat. Egne issues på begge.