40
Kapittel 2
20 21 22 23 24 25 26 27 28 29 30 31 32 33 34
* blir andre argument og så videre. */ resultat = funksjon(...inndata) erLike = resultat === forventetUtdata } catch (error) { /* * Fordi "funksjon" er under utvikling mens vi tester, * kan den krasje. I så fall lagrer vi feilen * til variabelen "feil" og logger den til konsollen. */ feil = error console.log(error) } </script>
35 <!-36 Emojier som gjør det lett å se om testene 37 passerte, feilet eller krasjet. 38 39
Vi har valgt emojier med forskjellig form i tillegg til farge for å hjelpe fargeblinde.
40 --> 41 {#if feil}💥{:else if erLike}✅{:else}❌{/if} 42 <!-43 44 45
Viser forventet inndata og utdata. Bruker JSON.stringify for å vise kodedetaljer, som hakeparenteser og hermetegn, rundt dataene.
46 --> 47 <span class="data">{JSON.stringify(inndata)}</span> 48 ->
49 <span class="data">{JSON.stringify(forventetUtdata)}</span> 50 <!-- Hvis testen feilet eller krasjet, vil vi vise mer --> 51 {#if feil || !erLike} 52 <ul> 53 <li> 54 {#if feil} 55 <!-56 57 58 59 60 61
62 63 64 65 66
Begrenser oss til "feil.message", som er en oppsummering. Brukeren kan åpne konsollen for å se hele feilmeldingen.
--> KRASJET: <span class="data">"{feil.message}"</span> {:else} Fikk -> <span class="data">{JSON.stringify(resultat)}</span> {/if} </li> </ul> {/if}
67 <style> 68 .data { 69 font-family: monospace; /* Kodeskrift */ 70 white-space: pre; /* La alle mellomrom stå */ 71 } 72 </style>
Øverst i komponenten har vi angitt følgende egenskaper: funksjon, inndata og forventetUtdata. Ovenfor disse har vi skrevet kommentarer som forklarer hva slags data de skal motta. Like nedenfor har vi angitt de tre variablene feil, erLike og resultat, som vi skal bruke til å lagre utfallet av testen.
