Press "Enter" to skip to content

Unit testing in JavaScript Part 6 – Red, Green, Refactor and Jest mocks


buon lunedì mattina oggi siamo
continuando il nostro viaggio di test unitari
in JavaScript è possibile controllare l’intero
playlist di serie di episodi qui prendiamo
andando sono mpj e stai guardando divertente
funzione divertente
[Musica]
[Musica]
[Musica]
oggi faremo due cose che siamo
cominciando rimuovendone alcuni
duplicazione che abbiamo creato in
nei nostri episodi precedenti e poi lo siamo
andando a continuare con il refactoring nel nostro
codice invece di utilizzare il nostro su misura
funzioni finte useremo il
libreria di funzioni fittizie integrata
appena cominciamo saltando in ordine
totale qui la duplicazione che sono
riferendosi a questo qui questo qui
è esattamente lo stesso codice di questo qui
una cosa grandiosa con test unitari o TDD
ecco il ciclo la metodologia
che ne hai ricavato ne ho parlato un po ‘
un po ‘prima del bel rosso verde rosso
ciclo verde rosso verde che otteniamo dove
solo il nostro test è rosso, mmm è brutto
quello è unbreak che viene verde ed esso
ti dà questo costante senso di
progressione, ma quello che ho trascurato è
che in realtà non sono due passi nel
ciclo verde rosso è in realtà verde rosso
refactoring in modo da scrivere un test che è R
ed è rotto perché il codice che
vuoi non esiste ancora ancora
giusto il codice diventa verde e poi ora
solo allora tu lo fattori perché ora
quando si dispone di una suite di test o test che
è verde puoi refactoring sicuro in sicurezza
cose che sanno che testa tutti i test
stanno eseguendo o verificando che il tuo
il codice funziona come previsto anche se tu
refactoring dal modo in cui non lo sei
familiarità con il termine refactoring it
significa cambiare roba così forse
dobbiamo solo fare una sorta di contro alcuni
ordinare gli articoli e basta copiare questa cosa
Qui
rendi questa una funzione che prende un ordine
e poi tocca qui dentro per chiamarlo
ordine ho detto okay funziona ancora allora io
basta fare questo alcuni articoli per incollare il
ordinando lì oh ok è stato facile
era troppo facile
Devo solo rompere questo e vedere se
sì , in realtà è così
è stato così facile che era davvero così
facile che spero di soffermarmi su di esso per a
un po ‘ perché è successo qualcosa di incredibile
lì IIST ha spostato casualmente le cose
in una funzione e ho avuto cinque test per
casi di test che hanno appena controllato che
tutto ha funzionato mentre ero
refactoring e ora siamo sicuri è
questo è il motivo per cui fai test unitari così
che puoi fare il refactoring in modo sicuro e
facilmente next up che stiamo per iniziare
suonare in giro
bene le funzioni fittizie che sono state costruite
nel giusto e come vedi qui abbiamo costruito
il nostro finto recupero qui e anche noi
ho creato il nostro processo falso, credo
che noi il processo falso è così semplice
che stiamo probabilmente vuoi lasciare che essere
ma il finto recupero potrebbe giovare a
un po ‘da usare le funzioni di simulazione
ingerito o almeno non li danneggerà
e impareremo come funziona la melma
semplicemente funziona andiamo su Google e vai
basta fingere funzioni per trovare il
la documentazione di simulazione funziona correttamente
Codice Facebook blue questo è come lo fai
devi solo iniziare a riempire o frazionare così
cerchiamo in realtà di iniziare
questo e vai per afferrarti questa donna
vieni strike fetch – e fai solo punto
punto punto punto ma i cani come fa questo
lavoro Blee Blee Blee Blee Bloo okay è
marchio
valore di ritorno e volevamo tornare
questa cosa qui sto andando copia che
incollato e ho intenzione di incollare nel
finta di recuperare qui e vedere cosa succede
okay sembra che sia ancora
verde che è bene rendersi conto di questo e qui
stiamo andando a controllare questo
visto che il pesce finto è freddo, lo faremo
con Jess stiamo andando a ispezionare
dopo quella funzione chiamali con
il giusto è tutto
argomenti e ha fatto il bit per fare ciao
sopra
quindi è normale che Moxa non sia fredda
abbastanza da chiamare larghezza da chiamare
larghezza in modo cerchiamo di realtà poi bisogno di
espandi un po ‘quello che stiamo per fare
aspettarsi che il falso diventi freddo dove si trova
che ora è come se si aspettasse il falso
52 essere freddo con immagino che il conte qui
prima di tutto saltiamo li
come quello non ha funzionato niente mob
funzione con cui è stato chiamato
non definito come argomento per quello che era
chiamato con API di Heather va bene così
in realtà vuole la firma esatta
va bene così sai cosa sono
in realtà lo copierò solo perché noi
sappi che questo è corretto perché noi
Stavo rifacendo un test di lavoro così sono
Basta incollare intenzione che qui dentro come quello
e abbiamo un test passivo lasciatemi solo
correggi un po ‘di invito qui un po’
spaziatura di bit lo lascerò così
Sono fantastico e ora possiamo rimuovere il
in realtà possiamo ora rimuovere l’ intero
finto di recuperare qui perché non è più essere
usato e posso rinominare il recupero falso in
fingere flip flip ed è ancora
lavorare una cosa davvero interessante qui è
che noi quando abbiamo questo quando eravamo
test di factoring e sappiamo che il codice è
lavorando possiamo possiamo effettivamente usare il
codice funzionante come test per il nostro test
refactoring è un po ‘come questo funky
doppia relazione è per questo che abbiamo pensato
è stato davvero bello quando abbiamo potuto
copia questo dal test fallente fallito
messaggio perché sapevamo che cosa cosa
il codice stava facendo era corretto
bello ma sono scettico su un altro
cosa che è tutto il giusto finto
funziona come perché siamo perché siamo noi
usando questi sono in realtà dandoci
molto beneficio direi non tanto in
questo caso vorrei dire questo
questo non è risultato più breve di
il nostro esempio precedente è proprio così
praticamente la stessa tuttavia ancora
ha il vantaggio di essere un modo standard
di fare più funzioni perché ciò che noi
appena fatto lì era solo il nostro
stile personale e se fossimo solo un
team di sviluppatori che stavano inventando
queste cose mentre andavamo avanti allora tutte
ogni prova di ogni modulo del modello
probabilmente un aspetto un grande po ‘diverso
vantaggio nell’usare qualcosa che semplicemente
è qualcuno che ha familiarità con la volontà
vedi che va bene che il mock sembrava così
e non hanno bisogno di imparare di nuovo il
implementazione ogni volta che è carina
molto e c’è anche noi abbiamo fatto uso
qui di finto valore di ritorno che è il
la cosa più elementare di base è la cosa-cosa
ma ci sono beffe più complicate
casi, ad esempio, possiamo usare finta
implementazione una volta per avere la funzione
restituire qualcosa solo alla prima chiamata
e poi tu chiami più complementare
quelli e restituirà un altro valore
la seconda chiamata
e queste cose sono come un po ‘
più prolisso per implementare te stesso
non è troppo complicato, devi piacerti
crea un int e quindi incrementalo in questo modo
che restituisce che su altre chiamate è
non la chirurgia missilistica, ma questo sarà a
molto più breve ancora di quello
implementazione così ogni volta che fai un
beffardo che è leggermente più leggero
più complicato di te che potresti
ottenere qualche vantaggio utilizzando semplicemente
bene come da probabilmente solo rudezza
punto di vista mi permetta di impegnarmi in questo boom
e siamo chiamerete che mmm quali sono
chiameremo ciò che abbiamo fatto
fammi controllare la morte noi oh sì, noi
riflette questo per usare il giusto finto
funzioni che abbiamo preso in considerazione per usare yes mock
funzioni e ci andiamo e che è
per oggi se hai qualche domanda
o confusioni o come ciò che è questo o
suggerimenti su cosa vuoi vedere dopo
in questa serie
pubblica un commento in basso o se il tuo
patron si può controllare l’dedicato
argomento di discussione per questo episodio sul
divertente forum frontale c’è un link nel
descrizione dell’episodio non essere estraneo
e questo è che hai appena guardato un
episodio di fun fun function che rilascio
questi ogni lunedì mattina o 800 GMT se
tu stai guardando dal futuro che puoi
controlla l’episodio della prossima settimana qui o se
tu stai guardando dal presente puoi
iscriviti qui in modo da non perdere
quell’episodio è anche possibile attivare la
notifiche nell’app YouTube che sono
MPJ fino al prossimo soggiorno Lunedi mattina
curioso
Please follow and like us: