Increased productivity and
fewer bugs with Wallaby.js
AarhusJS
Slide 2
Slide 2 text
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
Slide 3
Slide 3 text
Morten Kirstein
AarhusJS alum
Outdoor enthusiast
Dog companion
Slide 4
Slide 4 text
A software development feedback loop
Increased productivity and fewer bugs with Wallaby.js
Image by iauro Systems & Enis Aksoy
Slide 5
Slide 5 text
The test-driven development feedback
loop
Write a
failing
test
Make the test
pass
Refactor
Increased productivity and fewer bugs with Wallaby.js
Slide 6
Slide 6 text
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.”
Slide 7
Slide 7 text
Inline error reporting
Wallaby.js
Increased productivity and fewer bugs with Wallaby.js
Slide 8
Slide 8 text
Is there a bug in this
code?
Increased productivity and fewer bugs with Wallaby.js
Slide 9
Slide 9 text
There is a bug in this
code
Increased productivity and fewer bugs with Wallaby.js
Slide 10
Slide 10 text
There is a bug in this
code right there
Increased productivity and fewer bugs with Wallaby.js
Slide 11
Slide 11 text
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
Slide 12
Slide 12 text
Immediate code coverage
Wallaby.js
Increased productivity and fewer bugs with Wallaby.js
Slide 13
Slide 13 text
Is this class covered
by tests?
Increased productivity and fewer bugs with Wallaby.js
Slide 14
Slide 14 text
These lines are not
covered by tests
Increased productivity and fewer bugs with Wallaby.js
Slide 15
Slide 15 text
These statements
are not covered by
tests
Increased productivity and fewer bugs with Wallaby.js
Slide 16
Slide 16 text
Feature overview
Wallaby.js
Increased productivity and fewer bugs with Wallaby.js
Slide 17
Slide 17 text
Blazingly fast
Increased productivity and fewer bugs with Wallaby.js
Time travel
debugging
Slide 18
Slide 18 text
Smart start
Increased productivity and fewer bugs with Wallaby.js
Test stories
Slide 19
Slide 19 text
Inline runtime
values
Increased productivity and fewer bugs with Wallaby.js
Inline error
reporting
Slide 20
Slide 20 text
Inline code
coverage
Increased productivity and fewer bugs with Wallaby.js
Test and
coverage explorer
Slide 21
Slide 21 text
Test profiler
Increased productivity and fewer bugs with Wallaby.js
Output inspector
Slide 22
Slide 22 text
Runtime value
explorer
Increased productivity and fewer bugs with Wallaby.js
Interactive tests
output
Slide 23
Slide 23 text
Enhanced diffs
& snapshops
Increased productivity and fewer bugs with Wallaby.js
Logpoints
Slide 24
Slide 24 text
Ecosystem compatibility
Wallaby.js
Increased productivity and fewer bugs with Wallaby.js
Slide 25
Slide 25 text
Does it work with…
Oh yes!
Increased productivity and fewer bugs with Wallaby.js
Slide 26
Slide 26 text
But how about…
Also yes!
Increased productivity and fewer bugs with Wallaby.js
Slide 27
Slide 27 text
Demo
Wallaby.js
Increased productivity and fewer bugs with Wallaby.js
Slide 28
Slide 28 text
Thank you for
your attention
Increased productivity and fewer bugs with Wallaby.js