Kort om testene.(disse er laget i sammarbeid med Albert, Joannes og meg(Clemens)). 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.