PDXNode: Real-time code coverage analysis

A talk at the local PDXNode group to talk about getting real-time feedback on your code coverage analysis.

Transcript

1. Real-time code coverage analysis Justin Abrahms
2. 2 Who am I? • BetterDif • Python / JavaScript • @justinabrahms
3. 3 Who are you?
4. 4 Definitions • Testing – Validating the effects of your code • Coverage – How much code is tested • Line Coverage • Branch Coverage
5. 5 How do I get code coverage? Logically: 1) Instrument your code 2) Run your code 3) Report on the results
6. 6 How do I get code coverage? Tools: 1) Istanbul 2) Mocha 3) Istanbul
7. 7 What is our code?
8. 8 How to instrument your code node_modules/.bin/istanbul instrument src/index.js
9. 9 Let's run it... istanbul cover -x '**/*_test.js' _mocha -- `find . -name '*_test.js'`
10. 10 Ooh, fancy things!
11. 11 When we open that index.html
12. 12 Look at the file specifically...
13. 13 Digression: BrowserSync Auto-reloading proxy ..with websockets.
14. 14 Digression: BrowserSync When you change a backing static file, it live updates the page in the browser. Without a refresh.
15. 15 Digression: npm-watch
16. 16 What about code coverage? 1. Edit js files. 2. Code coverage run 3. index.html generated 4. BrowserSync refreshes 5. New code coverage displayed
17. 17 Thanks. GitHub Repo https://goo.gl/4AOLCI Blog post https://goo.gl/NqHbEC Newsletter http://eepurl.com/HgRl9 Questions? @justinabrahms