Acceptance testing in Ember.js

Transcript

1. ACT II - ACCEPTANCE TESTING In which our hero ventures into uncharted territory
2. TO MOCK OR NOT TO MOCK? To mock!! Drugs are BAAD! Using the real server is slow & an added dependency is even more BAAAAD
3. IC-AJAX Very simple interface! Supports returning server errors! Ships with the ember-app-kit (EAK) and the future-proof ember-cli
4. ALTERNATIVES ember-testing-httpRespond! Ships with EAK! sinon.js! great for mocking out timers
5. FIXTURES Rosie! Rolling your own! DS.FixtureAdapter
6. ROSIE https://github.com/bkeepers/rosie
7. DS.FIXTUREADAPTER Can’t test server error responses! Depends on ember-data! Mostly useful for development
8. TEST HELPERS
9. ASYNC HELPERS FROM EMBER-TESTING visit! click! fillIn! keyEvent! triggerEvent! andThen
10. BUT WAIT! All these (async) helpers return wait(), a promise that waits for all async operations to finish
11. SYNC HELPERS FROM EMBER-TESTING find(cssSelector)! currentPath! currentRouteName! currentURL
12. EXAMPLE I testing for content
13. CODE EXAMPLE FOR A TEST testing location
14. EXAMPLES sync and async
15. RUN’EM! via qunit in the browser! via testem from the command line! EAK has both these already set up
16. EXAMPLE qunit in the browser
17. EXAMPLE testem from the cmdline