Running and debugging Jest tests in WebStorm

on YouTube ↗10m

" summary

WebStorm runs and debugs Jest tests end to end: create a Jest run config, enable watch mode auto-runs tests, set a breakpoint and breakpoint and step into divide to inspect a type mismatch (string vs number) and fix it, view test-run UI and rerun only failed tests, generate coverage 83% → 100% by adding a missing assertion, and run React snapshot tests (with Enzyme) that show diffed snapshots which can be updated and committed.

AI-written summary · about

" chapters (6)

1. 0:00Start
2. 0:31Testing with Jest
3. 2:37Structure View
4. 5:41Code Coverage Reports
5. 7:03Snapshot Testing
6. 7:30Snap Files

" related talks

• 29mTest Like It's 2017Michele Bertoli · React Amsterdam 2017
• 20mJest TestingJesse Sanders · NGConf 2018
• 06mJest & Enzyme-testing your React applicationRūta Freimane · FrontCon 2018
• 29mTest-Driven Development with JestDavid Demirkhanyan, Narek Ghevondian · JavaScript Conference Armenia 2018
• 39mTesting, Testing, 1, 2, NaNGant Laborde · React Alicante 2018
• 14mSnapshot testingAnna Doubkova · React London 2017
• 25mBuilding High-Quality JavaScript ToolsChristoph Nakazawa · ReactEurope 2017
• 46mHow We Build WebStormEkaterina Prigara · RS Conf 2019