Slide 1

Slide 1 text

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