Ember Testing: is it a mirage?

Transcript

1. Ember Testing is it a mirage? @gogogarrett
2. Testing Rocks
3. Not Testing Sucks
4. A land where everything just works — every ruby developer
5. A tail of ember-rails testing · tons of setup · very manual process · copy-a-pasta files ! · asset pipeline biz · never had any real success
9. Most of our test look like this..
15. Yeah..
17. It is mostly our fault
18. Why did we struggle so much? · Stubbing current_user reliably · Mocking out current_user's progress · setup data in test · Stubbing out side-loaded content · reqiurejs dependencies caused test to timeout
19. Luckily, ember-cli tooling makes this much easier
20. Welcome to the world of ember-cli-mirage
21. What do we get? · mock server · runs in development & testing · simple to setup
22. Getting Started Installing ember install ember-cli-mirage
23. What's it made of? · fixtures · factories · scenarios · config.js - aka - routes
24. Fixtures Simple json to stub out your objects
25. · Export raw json to use for objects · Simple to get started · Might be easier to manage associations this way (for now)
26. Factories A simple way to create dynamic data
27. · Comes built in with Faker to create dynamic values · Allows for functions to build information · Supports all/most data types
28. Scenarios Create seed data to be used in development
29. Create seed data in mirage's internal store to be used when making request
30. config.js / route stubs Stub your api endpoints to return the data you want
32. · Import fixtures · Helper method to find a specific object · stub endpoints to return data we need
33. config.js - stubbing api endpoints // GET shorthands // Collections this.get('/contacts'); this.get('/contacts', 'users'); // define which resource to use // Single objects this.get('/contacts/:id'); // POST shorthands this.post('/contacts'); // PUT shorthands this.put('/contacts/:id'); DELETE shorthands this.del('/contacts/:id');
34. Now we're setup..
35. A real test
36. Additional Resources · http://www.ember-cli-mirage.com/ · http://www.ember-cli-mirage.com/docs/v0.1.x/ shorthands/ · http://www.ember-cli-mirage.com/docs/v0.1.x/ database/ · https://github.com/marak/Faker.js/
37. Fin