Increased productivity and fewer bugs with Wallaby.js

Wallaby.js is an invaluable development tool that gives you testing superpowers by shortening the feedback loop and augmenting your IDE for tests.

Presented at AarhusJS, November 2023

Transcript

1. Increased productivity and fewer bugs with Wallaby.js AarhusJS
2. Lars Gyrup Brink Nielsen Co-organizer of AarhusJS Co-founder of This is Learning Open-source maintainer Published author GitHub Star Microsoft MVP Nx Champion Angular Hero of Education
3. Morten Kirstein AarhusJS alum Outdoor enthusiast Dog companion
4. A software development feedback loop Increased productivity and fewer bugs with Wallaby.js Image by iauro Systems & Enis Aksoy
5. The test-driven development feedback loop Write a failing test Make the test pass Refactor Increased productivity and fewer bugs with Wallaby.js
6. Jessica Kerr on DX ”When there’s an error, I can see what caused it quickly.” ”I can find out where each piece of data came from.” ”When it’s time to make a decision, all the information I need is right there.”
7. Inline error reporting Wallaby.js Increased productivity and fewer bugs with Wallaby.js
8. Is there a bug in this code? Increased productivity and fewer bugs with Wallaby.js
9. There is a bug in this code Increased productivity and fewer bugs with Wallaby.js
10. There is a bug in this code right there Increased productivity and fewer bugs with Wallaby.js
11. There is a bug in this code right there Like an ESLint editor extension but for tests Increased productivity and fewer bugs with Wallaby.js
12. Immediate code coverage Wallaby.js Increased productivity and fewer bugs with Wallaby.js
13. Is this class covered by tests? Increased productivity and fewer bugs with Wallaby.js
14. These lines are not covered by tests Increased productivity and fewer bugs with Wallaby.js
15. These statements are not covered by tests Increased productivity and fewer bugs with Wallaby.js
16. Feature overview Wallaby.js Increased productivity and fewer bugs with Wallaby.js
17. Blazingly fast Increased productivity and fewer bugs with Wallaby.js Time travel debugging
18. Smart start Increased productivity and fewer bugs with Wallaby.js Test stories
19. Inline runtime values Increased productivity and fewer bugs with Wallaby.js Inline error reporting
20. Inline code coverage Increased productivity and fewer bugs with Wallaby.js Test and coverage explorer
21. Test profiler Increased productivity and fewer bugs with Wallaby.js Output inspector
22. Runtime value explorer Increased productivity and fewer bugs with Wallaby.js Interactive tests output
23. Enhanced diffs & snapshops Increased productivity and fewer bugs with Wallaby.js Logpoints
24. Ecosystem compatibility Wallaby.js Increased productivity and fewer bugs with Wallaby.js
25. Does it work with… Oh yes! Increased productivity and fewer bugs with Wallaby.js
26. But how about… Also yes! Increased productivity and fewer bugs with Wallaby.js
27. Demo Wallaby.js Increased productivity and fewer bugs with Wallaby.js
28. Thank you for your attention Increased productivity and fewer bugs with Wallaby.js