Qual è il modo giusto per scrivere test di Jest verificati con Flow?

Question

Immagino che le persone usino comunemente Flow e Jest (e React) insieme, ma Flow non sembra conoscere le globali di Jest (o Jasmine). Quando aggiungo // @flow ai miei test, ricevo un errore di portata simile a questo:

src/__tests__/Thing-test.js:3 
    3: jest.unmock('../Thing') 
    ^^^^ identifier `jest`. Could not resolve name 

src/__tests__/Thing-test.js:7 
    7: describe('Thing',() => { 
    ^^^^^^^^ identifier `describe`. Could not resolve name 

src/__tests__/Thing-test.js:8 
    8: it('does stuff',() => { 
     ^^ identifier `it`. Could not resolve name 

potrei scrivere un interfaccia di flusso per Jest/Jasmine, ma che sembra lungo e come devo essere manca qualcosa. Il processo Letting Flow node_modules/jest-cli non sembra essere di aiuto.

Answer 1

Sebbene Jest sia stato scritto con le annotazioni di flusso, i tipi di strip sono disponibili per la versione npm, quindi non è necessario Babel per eseguirlo. Fortunatamente i tipi sono già in flusso di tipo quindi la soluzione è abbastanza facile (come menzionato nel commento):

npm install -g flow-typed 

# replace the version with the jest version in your package.json 
flow-typed install jest@21.x.x 

Anche se ho dovuto aggiungere questa linea anche per il mio .eslintrc.json:

{ 
    "env": { 
    "jest": true 
    } 
} 

E inoltre aggiungerlo al file .flowconfig come segue:

[libs] 
flow-typed 

Answer 2

Penso che declare var jest: any; dovrebbe fare il trucco (mettilo sia sopra ogni file di test, o da qualche parte nella directory di flusso lib).

Answer 3

Se hai creato il tuo proj ect con create-react-app devi aggiungere manualmente jest ai tuoi pacchetti.json. Altrimenti, la digitazione del flusso non installerà le definizioni dei tipi necessarie perché l'app crea-react non aggiunge questa dipendenza a packages.json.

yarn add --dev jest 
flow-typed install