Det ble oppdaget at enhetstestene for komponenter for layout-strukturen ikke var dekket ved hjelp av automatiserte tester. Som øker risikoen forvisuelle feil og ødelagte koblinger. Opprettelse av testene for brukergrensesnittet ble igangsatt for å fange opp slike regresjoner tidlig i utviklingsløpet.

Hensikten var å opprette enhetstester for dato- og layoutkomponenter, samt rette opp i avdekket casing-feil og manglende type-eksport for å sikre at byggingen blir stabil.

• Opprette nye enhetstester for datokomponentene for å verifisere korrekt formatering av publiserte og oppdaterte datoer.
• Opprette strukturerte tester for layoutkomponenter for å sikre at navigasjonslenker, stilklasser og strukturelle tagger rendres riktig.
• Tilrettelegge gjenbrukbar mock-data for referanser i en egen testdatafil for å mate testene med stabile objekter.
• Korrigere en variabelbinding med feilaktig casing i topplinjen som ble avdekket under testing.
• Eksportere grensesnittet for dato-props slik at filen blir tilgjengelig for testmiljøet.

De nye enhetstestene vertifiserer komponenter som topplinjen og datovisningen fungerer stabilt ved fremtidige endringer. Ved å avdekke bindingfeilen i mal-filen ble det tydeliggjør automatisert testing sparer tid under feilsøking. Erfaringene viser at testing av asynkrone komponenter i Nuxt krever funksjoner som mountSuspended for å simulere riktig kontekst. Videre viser erfaringen at gjenbrukbare typer må eksporteres for at testkjøreren skal kunne kompilere testfilene uten feil.

• Nuxt Framework Dokumentasjon
• Vue.js Offisiell Dokumentasjon
• Vitest Testing Framework
• W3C WCAG 2.2 Retningslinjer for Universell Utforming