Lately, there’s been a lot of attention going to testing in the Ember.js community but I feel it focuses almost exclusively on the Ember side of things. However, most applications interface with a back-end and I don’t think much has been written how to do integration tests in Ember.js that test your whole stack, including the back-end. Hence this talk. Particularly, I go into how you can seed your data before running each test. The presentation was given at the Boston Ember.js meetup on the 10th of July 2014. You can find the video here: https://www.youtube.com/watch?v=S4M78SO3gAc#t=3740

1. Integration tests for your
Ember.js application
@YoranBrondsema

2. About me
Full-stack developer at Hstry
~10 months intensive Ember.js user

4. From my experiences working on Hstry

5. Integration tests
Test the whole stack from the user's perspective
Were driven by back-end back in the "old" days

6. This is how the application was tested too...Hstry

7. ... but the tests were slow, brittle and flaky.

8. Ember.js now provides a nice framework to do
integration tests...
visit
fillIn
click
find
currentRouteName
... plus your own

9. ... and Hstry converted (almost) all its integration
tests successfully!

10. What to test?

11. What the user is supposed to see.
Click on button X, should see Y.
Go on page X, should see Y.

12. That the data is correctly persisted.
Click on this "Submit" button, issues POST request to endpoint XXX with parameters
YYY.

13. What do you need?
Testing framework: QUnit (default for Ember), Mocha,
Jasmine,...
Test runner: Teaspoon (Rails), Testem (Node.js)

14. DEMO

15. What about seed data?
I want to test the /blog_posts/POST_IDroute.
Need to set up data in back-end beforehand

16. How?
An API endpoint /seed_db
Call this endpoint before each test
Do not open this endpoint in production!

17. DEMO

18. is hiringHstry
Looking for an experienced Rails and Ember.js full-stack developer

19. Thank you