17 Maggio 2022
Expand search form

Cos’è la modalità di osservazione di jest?

Jest viene distribuito con una modalità di controllo interattivo piuttosto sorprendente, che si può avviare con jest –watch . Impariamo a conoscere i bit di interattività e come questo può davvero migliorare il vostro flusso di lavoro.

Corso

Testare JavaScript con Jest

[00:00] Per questa lezione, interagirò un po’ con Jest-Tli. Ho impostato il mio comando Jest per essere mappato al binario Jest locale, installato. Jest ha un’incredibile modalità di osservazione interattiva. Per avviare Jest in modalità watch, basta passargli il flag watch, così.

[00:13] Per impostazione predefinita, Jest eseguirà solo testfound relativi ai file cambiati dall’ultimo commit git. Questa è una caratteristica piuttosto sorprendente, specialmente quando si sta sviluppando in una grande codebase con molti test. Esploriamo un po’ questa caratteristica.

[00:27] Cambiamo il file getauto.test.js aggiungendo una singola linea e salvandolo. Vedrete che esegue il test getauto. Se lo revochiamo e invece aggiungiamo una linea al modulo getauto stesso, e facciamo una modifica e la salviamo, il test getauto verrà eseguito anche qui.

[00:43] Questo modulo getauto dipende dal modulo sum. Andiamo avanti e facciamo una modifica a quel modulo, sostituendo + con – e premiamo save. Questo farà sì che Jest identifichi due suite di test da eseguire.

[00:56] Una di queste è il file sum.test.js, e l’altra è il file getauto.test.js. Questo è possibile perché Jest è intelligente, e dopo aver identificato i file che sono cambiati, percorre l’albero delle dipendenze dei file di test per determinare il test rilevante da rieseguire.

[01:10] Andiamo avanti e sistemiamo la somma per rendere tutto di nuovo felice. Ora se eseguiamo getlog, vedremo che il mio ultimo commit dal modulo getauto, e il suo test. Per impostazione predefinita, Jest fa riferimento a gethead per trovare i file che sono stati modificati.

[01:23] Ma se vogliamo che esegua i test che sono stati interessati dall’ultimo commit, allora possiamo specificare il flag dell’ultimo commit per ottenere quelli, così.

[01:32] A volte volete eseguire tutti i test. Per farlo, basta premere A per eseguirli, come dice qui. Poi Jest eseguirà tutti i test che trova nel tuo progetto, proprio come se avessimo eseguito il nostro script di test.

[01:42] Notate che questo vi mette in una modalità Run All, dove ogni cambiamento risulterà nell’esecuzione di tutti i test. Per esempio, nessuno dei test in questo progetto dipende dal modulo subtract, ma tutti i test vengono rieseguiti quando salvo una modifica a quel file, così.

[01:57] Potete tornare alla modalità Only change digitando la lettera O come dice qui. Se, per qualche ragione, Jest non riesegue il vostro test per voi, allora premete semplicemente il tasto enter, e questo farà scattare la ripetizione, come questo.

[02:09] Andiamo avanti e iniziamo a scrivere nuovi test. Creeremo un nuovo file per testare questo modulo subtract, e lo chiameremo subtract.test.js. Con questo nuovo file, i nostri test vengono rieseguiti, e Jest salta perché questo file non ha test, quindi mettiamocene uno.

[02:22] Copiamo semplicemente il test sum e cambiamo alcuni bit qui. Rinomineremo sum in subtract, e diremo che sottrae 3-2=1. Salveremo il nostro file, e ora i nostri test stanno passando.

[02:36] Diciamo che vogliamo eseguire il test della somma, ma non l’intero test base. Per farlo, possiamo premere il tasto P per specificare una regex per un nome di file, come questa. Ora siamo in modalità pattern.

[02:48] Possiamo cambiare il pattern per far corrispondere entrambi i test di somma e sottrazione specificando questa regex con source/s.start.test.js. Ora, man mano che apporto modifiche ai file, solo i test che corrispondono a questo pattern saranno rieseguiti. Infine, per uscire dalla modalità di osservazione, premiamo semplicemente il tasto Q, e questo terminerà il processo.

[03:07] Per concludere, aggiungiamo uno script chiamato watch:test e specifichiamo Jest con il flag watch. Ora, se eseguiamo mpm run watch test, questo avvierà la modalità interattiva watch.

Potresti anche essere interessato agli argomenti

Cosa fa Jest — watch?

–watch. Guarda i file per le modifiche e riesegue i test relativi ai file modificati. Se vuoi rieseguire tutti i test quando un file è cambiato, usa invece l’opzione –watchAll.Sep 29, 2021

Continua…

Come si esegue Jest in modalità interattiva?

Sto eseguendo i test usando il Jest, config che è venuto con Create React App. Si lancia sempre in modalità interattiva: ‘ Premere a per eseguire tutti i test. ‘ Premere o per eseguire solo i test relativi ai file modificati. Premere p per filtrare in base a un pattern regex del nome del file. ‘ Premi q per uscire dalla modalità di osservazione. ‘ Premere Invio per avviare l’esecuzione di un test.Dec 5, 2019

Continua…

Per cosa viene usato Jest?

Jest è un framework di test open-source costruito su JavaScript, progettato principalmente per lavorare con applicazioni web basate su React e React Native. Spesso, i test unitari non sono molto utili quando vengono eseguiti sul frontend di qualsiasi software.Dec 15, 2020

Continua…

Qual è meglio Jest o mocha?

JavaScript potrebbe essere testato utilizzando molte librerie, anche se due degli strumenti di test più popolari con cui gli sviluppatori di Node. js usano lavorare sono Mocha e Jest….Mocha vs. Jest: confronto tra due strumenti di test per Node. js.MochaJestoffre un’enorme dose di flessibilità per quanto riguarda lo sviluppo di testfocalizzato sulla semplicitàoriginariamente progettato per Node.jsoriginariamente progettato per React2 più righe-Apr 28, 2021

Continua…

Cos’è la copertura Jest?

Jest: Rapporto di copertura. … Jest ha la funzione Coverage Report che ci permette di controllare se il nostro codice copre tutte le linee dei file che scegliamo generando un file HTML che possiamo aprire.17 agosto 2020

Continua…

Come posso ottenere la copertura di Jest?

Jest riporterà che avete il 100% di copertura del codice! Aggiungendo –collectCoverageFrom, Jest calcolerà la copertura del codice per tutti i file specificati. Anche quelli senza alcun test….Questo significa che se avete i seguenti file:Foo. js.Foo. test. js (testa il codice di Foo. js).Bar. js.Nov 21, 2020

Continua…

Cos’è la copertura di jest?

Jest: Rapporto di copertura. … Jest ha la funzione Coverage Report che ci permette di controllare se il nostro codice copre tutte le linee dei file che scegliamo generando un file HTML che possiamo aprire.17 agosto 2020

Continua…

Come faccio a eseguire la copertura di jest?

installare yarn npm install –save-dev yarn.install jest-cli npm install –save-dev jest-cli.aggiungere questo al package.json “jest-coverage”: “yarn run jest — –coverage “15 dic 2014

Continua…

Perché dovrei usare Jest?

Inizialmente, Jest è stato creato da Facebook specificamente per testare le applicazioni React. È uno dei modi più popolari per testare i componenti di React. Dalla sua introduzione, lo strumento ha guadagnato molta popolarità. Questa popolarità ha portato all’uso di Jest per testare sia applicazioni JavaScript front-end che back-end.Aug 27, 2021

Continua…

Perché Jest è così popolare?

Jest è un framework di test molto completo che viene fornito non solo con un test runner, ma anche con una propria libreria di asserzioni e mocking. … Uno dei motivi della popolarità di Jest nella comunità React è che permette all’utente di creare test istantanei per i componenti.14 agosto 2020

Continua…

Perché dovrei usare Jest?

Inizialmente, Jest è stato creato da Facebook specificamente per testare le applicazioni React. È uno dei modi più popolari per testare i componenti React. Dalla sua introduzione, lo strumento ha guadagnato molta popolarità. Questa popolarità ha portato all’uso di Jest per testare sia applicazioni JavaScript front-end che back-end.Aug 27, 2021

Continua…

Cos’è Jest FN?

Il jest. Il metodo fn ci permette di creare direttamente una nuova funzione mock. Se stai prendendo in giro un metodo oggetto, puoi usare jest. … metodo fn, il modo più semplice per creare una funzione mock. Questo metodo può ricevere un’implementazione di funzione opzionale, che verrà eseguita in modo trasparente.Aug 14, 2019

Continua…

Cosa usa jest per la copertura?

Jest: Rapporto di copertura. I framework JavaScript più popolari possono utilizzare Jest di Facebook per eseguire i test unitari. Jest ha la funzione Coverage Report che ci permette di controllare se il nostro codice copre tutte le linee dei file che scegliamo generando un file HTML che possiamo aprire.17 agosto 2020

Continua…

Come si esegue un singolo test di jest?

Un altro modo è quello di eseguire i test in modalità watch, jest –watch , e poi premere P per filtrare i test digitando il nome del file di test o T per eseguire un singolo nome di test.Mar 16, 2017

Continua…

Cos’è la copertura dei test di jest?

Continua…

Jest usa chai?

js o Tape puoi migrare automaticamente con Jest Codemods (vedi sotto). Se ti piace chai, puoi aggiornare a Jest e continuare ad usare chai. Tuttavia, raccomandiamo di provare le asserzioni di Jest e i loro messaggi di fallimento. Jest Codemods può migrare da chai (vedi sotto).Sep 13, 2021

Continua…

Articolo precedente

Cosa significa la pietra natale di maggio?

Articolo successivo

La langbeinite è organica?

You might be interested in …

Quale film Disney ha una montagna?

Disney ha trovato l’oro con i Pirati dei Caraibi il franchise cinematografico dei Pirati dei Caraibi. Non è stato il primo film basato su un’attrazione di un parco a tema Disney, ma è stato quello […]

Cosa sono le protezioni delle rotte?

Angular è dotato di un certo numero di caratteristiche incorporate che sono tremendamente utili per gestire l’autenticazione. Penso che la mia preferita sia probabilmente la sua interfaccia HttpInterceptor, ma proprio accanto ad essa ci sono […]