Jest - Do more, spend less time

Transcript

1. Jest Do more, spend less time
2. Jest @chrisgfortes Jest? O que é? - Delightful JavaScript Testing - Designed for React / ES6 - Developed by Facebook
3. Jest @chrisgfortes - Easy setup - Built-in code coverage reports - Powerful mocking library - Snapshot Testing - Works with TypeScript - Complete library (No dependencies) Mas por que usar?
4. Jest @chrisgfortes Exemplo
5. Jest @chrisgfortes Código function sum(a, b) { return a + b; } module.exports = sum; sum.js
6. Jest @chrisgfortes Escrevendo o teste const sum = require('./sum'); test('adds 1 + 2 to equal 3', () => { expect(sum(1, 2)).toBe(3); }); sum.test.js
7. Jest @chrisgfortes Install and Run console$ npm install --save-dev jest console$ jest
8. Jest @chrisgfortes Result PASS ./sum.test.js ✓ adds 1 + 2 to equal 3 (5ms)
9. Jest @chrisgfortes Mas cadê a configuração????
10. Jest @chrisgfortes Zero configuration!!!!!!
11. Jest @chrisgfortes - sum.js (write a code js) - sum.test.js (write your test) - Run a command (jest) Configuração é:
12. Jest @chrisgfortes Coverage console$ jest --coverage --collectCoverageFrom=[src/**/*.js]
13. Jest @chrisgfortes Coverage result:
14. Jest @chrisgfortes Reports (Istanbul) Jest use the report of Istanbul https://github.com/gotwarlost/istanbul
15. Jest @chrisgfortes config.json { "verbose": true, "rootDir": "../../", "coverageDirectory": "test/coverage/", "coverageReporters": [ "html" ], "collectCoverage": true, "collectCoverageFrom": [ "src/**/*.js", "!**/node_modules/**" ] }
16. Jest @chrisgfortes Usando config.json console$ jest -c ./config.json console$ jest -c ./config.json --watchAll (Watch mode)
17. Jest Thanks! @chrisgfortes