Effy Elden ~ ineffyble @effy@mastodon.social

https://youtu.be/nSTJ9xwNV0M

Exciting times! #LevelUp Build in Melbourne is now open for registrations! Head over to http://ow.ly/FiE250vvbRF to register your interest. We will be open till Aug 20th at 5pm so get in quick!

The Borg really are pros when it comes to mesh networking.

Had an amazing time at #dddmelb, including speaking at my second ever conference (only counting XConf once).

The slides for my talk at #dddmelb today, "False Assumptions Developers Make About Gender (and their sometimes hilarious results)" https://speakerdeck.com/ineffyble/false-assumptions-developers-make-about-gender-and-their-sometimes-hilarious-results

#dddmelb

If writing tests at a layer is hard, consider refactoring or changing your design. #dddmelb

Three key things to take away

Multi Layered
Outside In
Behaviour Driven Development (BDD)

#dddmelb

#dddmelb

Lots of layers of testing! #dddmelb

Mechanics focus on one part of the system (one view or page). #dddmelb

Highest layer can be "flows" - test the flows through the system. With duplicates that lead to same flow, you don't need to test entire flow. So it's almost like a unit acceptance test ("mechanics") #dddmelb

There was no change to app behaviour, only to implementation, which meant there was no need to change the acceptance test. A loosely coupled design. #dddmelb

Swapped out html input field for a react one. But it's not wired up. So let's write some react tests to prove that. #dddmelb

Time to add front-end JS to the app. Time for React! But how does it fit into the layered testing? Test parts of your view (components) in isolation. #dddmelb

So we only need to write more tests at the model level, and can loop over the invalid characters. #dddmelb

All passed, but now there's more scenarios of invalid characters. But there's no need to write more tests at the acceptance level. It doesn't matter which invalid character causes the error, the behaviour at that level is identical. #dddmelb

Now going to implement a unit test at the model to check the validation. Then write code to make it pass. #dddmelb

Oops, found a bug. Go back to the behaviour diagram we made before we wrote our tests. Work out what's missing. Need username validation. Let's write an acceptance test for an invalid username. #dddmelb

Now a sanity check in the browser. #dddmelb