Second draft for react foo delhi

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. 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.

9. 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.

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
» Shouldnt render a black 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. <Example of Stoybook in react
>
**CODE DEMO**»

28. <Example of Automation
tseting in react >
**CODE DEMO**»

29. Automation testing
» Nightwatch
» Cypress
» Selenium

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