The document discusses Project AutoMock, a tool developed by Adobe to automatically generate mocks for API calls in tests. It reduced bugs found by QA, regression bugs, and integration bugs at Adobe. The document introduces Jasmine, a JavaScript testing framework, and how Adobe used it along with test-driven development practices. It then describes Project AutoMock, which automatically captures API requests and responses to generate stubs, improving test speed by mocking the backend without manual effort.
Polkadot JAM Slides - Token2049 - By Dr. Gavin Wood
Tdd final submission
1. Project AutoMock and Jasmine:
Testing Auto-magically!!
The inside story of how we stopped breaking our own code at Adobe…
2. About Me
• Neha Singhal
– Developer at Adobe.
– Active in web development and UI for the past 2.5 years.
– Likes solving interesting problems involving UI and UX
– On a personal front she is an avid dancer, loves to travel and is a big fan of
animated movies.
4. Our Journey @ Adobe
4
Version 2.0 Version 3.0
Bugs by QA Team 156 15 (so far)
Regression Bugs 52 0 (so far)
Integration Bugs > 50 < 5
Bug fixing (in days) ~14 ~3
Dev validation before handoff 5 days 4 hours
Dead code (lines) ~1470 < 50
Impressed? This isn’t even the best part!
8. Just Kidding..
Jasmine is..
• Javascript Testing Framework
• Independent of browsers, DOM
• Supports multiple Javascript frameworks
• Headless running out of the box
• Clean Syntax
10. Let’s meet our mighty heroes...
• Suite : to describe a section of your code
• Specs: it creates a new spec
• Expectations : what you expect the code block to do
11. Let’s meet our mighty heroes...
• Matchers : utility functions
– toEqual
– toMatch
– toBeTruthy
– And lots more to list here..
15. Unpredictable Minions of Jasmine
(Async callbacks)
• You never know when and what they are going to do.. (just
like async callbacks)
• Jasmine now supports async methods through done leaving it
up to the developer to control the execution flow.
• Setup
– Jasmine lets you setup tests by running code before all/each test
• Teardown
– You can also run cleanup after all tests or after each test
16. Let’s pull the rabbit out of the hat..
• What if we told you there was a way to
automatically mock your entire backend without
having to touch the source code or add specific test
code…
– Feels like magic doesn’t it?
.
.
.
.
.
.
Wait for it..
17. Let’s pull the rabbit out of the hat..
Introducing…
“Project AutoMock”!!
19. Tired??
• Tired of waiting for the backend API to be ready?
• Tired of waiting for API calls to return in your test cases?
• Tired of test data ruining your DB?
• Tired of the long, slow process of stubbing each and
every API call?
Yeah. So were we…
Let me tell you what we did about it…
21. What it does
• Automatically captures AJAX requests and responses
• Integrates well with testing frameworks like Jasmine
• Automatically creates API stubs for testing using the
real captured data
22. The Best Part…
• Integration Guide:
– For React.js
– For Angular.js
– For Backbone.js
Spot The Difference
23. What we have achieved so far
• No manual effort at all
– Mocking API calls is now essentially an automatic process
– Little to no developer intervention required to create the API stubs
• Built for speed
– Test cases run much faster now that no network requests are made
– The testing process is speed up considerably
• Test cases for AJAX calls no longer require async test cases. It’s
instantaneous.
• No more messy code required to test each API call
24. It’s not the end…
It’s the beginning of a
new era…
24
