TDD Nightwatch Storybook

1. DEPLOYING
WITH
CONFIDENCE

2. HELLO!
I am Vaibhav Lokhande
Manager Engineering
Shaadi.com

3. Arn’t we confident
about our
deploys?

5. We had to deal with...
» Insanely long QA cycles
» Solving bugs take most of the sprints
» Longer development cycles
» Panic of production

6. Getting
confident

7. To the rescue
» TDD
» Storybook
» Automated testing

8. The Three Laws of TDD
» You may not write production code until you have
written a failing test.
» You may not write more of a test than is sufficient
to fail.
» You may not write more production code than is
sufficient to pass the current failing test.

9. Three things about TDD
» Writing tests in React is easy.
» Test driven development (writing tests before
code) is easy too.
» This is an arbitrary third thing as we need to
always have three things.

11. Specs for next component
» Must show a button “Upgrade now” if user is free
» Must show a button “Extend membership” is user
is paid
» Should Not render a blank button

12. Remember this?

13. Writing failing test

14. The red....

15. Writing code to pass test....

16. Passing the test

17. Failing test for next spec

18. The red...

19. Adding code to pass test...

20. Test passed

21. Failing test for next spec

22. The red...

23. Adding code to pass test...

24. Code complete....

25. Testing in ReactJS
» Enzyme
» Mocha
» Chai
» Jest
» Jasmine

26. » A component library
» Test and Develop
» Documentation
» Product Review

27. Story book : Experiment A
»

28. Story book : Experiment B
»

29. Story book : With Knobs
»

30. Automation testing
» Nightwatch
» Cypress
» Selenium

31. Automated testing with
nightwatch

32. Automated testing : Fail case

33. Automated testing : Passed
case

34. <
»

35. THANKS!
Any questions?
You can find me at
» @vaibhav7779
» vaibhav@vaibhav.io