Download to read offline
![But there is more!
spyOn($, "ajax").and.callFake(function () {
// mock ajax call
var response = {
success: true,
data: {...}
};
arguments[0].success(response);
});](https://image.slidesharecdn.com/jasmine-testing-140714042155-phpapp01/75/Testing-Backbone-applications-with-Jasmine-12-2048.jpg)
![Using mocks
spyOn($, "ajax").and.callFake(function () {
// mock ajax call
var response = {
success: true,
data: {...}
};
arguments[0].success(response);
});](https://image.slidesharecdn.com/jasmine-testing-140714042155-phpapp01/75/Testing-Backbone-applications-with-Jasmine-17-2048.jpg)
Uploaded byLeon van der Grient
Testing Backbone applications with Jasmine
This document discusses testing Backbone applications with Jasmine. It provides examples of how to test models, views, user interactions, and more. Key points covered include: - Using Behavior Driven Development (BDD) style tests with Jasmine's describe and it blocks to test app behaviors. - Spying on and mocking functions like jQuery's ajax call to test view logic without external dependencies. - Testing models by calling methods and checking property values change as expected. - Testing views by triggering events and checking models and DOM update appropriately. - The jasmine-jquery plugin allows testing user interactions like clicks directly.
More Related Content
Similar to Testing Backbone applications with Jasmine
![[Js hcm] Java script- Testing the awesome](https://cdn.slidesharecdn.com/ss_thumbnails/js-hcmjavascript-testingtheawesome-2014-140305000220-phpapp01-thumbnail.jpg?width=640&height=640&fit=bounds)
Testing Backbone applications with Jasmine
- 1. Testing Backbone applications withJasmine Leon van der Grient 2014
- 2. You know youshould
- 3.
- 4.
- 5.
- 6. How? • qUnit • SinonJS •Mocha • Jasmine
- 7. Behavior Driven Testing "Usersshould be able to like a message"
- 8. Test suite | * Spec | * Expectations
- 9. describe("Users should beable to", function () { // Your specs });
- 10. describe("Users should beable to", function () { it("like a message", function () { var a = 1; var b = 2; var c = a + b; expect(c).toEqual(3); expect(c).not.toEqual(4); }); });
- 11. Spies and mocks spyOn($,"ajax"); $.ajax(arg); ! expect($).toHaveBeenCalled(); expect($).toHaveBeenCalledWith(arg); expect($.calls.count()).toEqual(1);
- 12. But there ismore! spyOn($, "ajax").and.callFake(function () { // mock ajax call var response = { success: true, data: {...} }; arguments[0].success(response); });
- 14.
- 15. Testing models it("like amessage", function () { this.message.set({liked:false}); this.message.like(); expect(this.message.get('liked').toBeTruthy(); });
- 16. Testing views it("like amessage", function () { this.message.set({liked:false}); this.view.likeMessage(); expect(this.message.get('liked').toBeTruthy(); });
- 17. Using mocks spyOn($, "ajax").and.callFake(function() { // mock ajax call var response = { success: true, data: {...} }; arguments[0].success(response); });
- 18. Test for triggers it("likea message", function () { var spy = jasmine.createSpy(); this.view.listenTo(this.model, "change", spy); this.view.likeMessage(); expect(spy).toHaveBeenCalled(); });
- 19. Test user interactionwith jasmine-jquery plugin it("follow a user", function () { var followBtn = $('.follow-btn'); followBtn.click(); expect(followBtn).toHaveClass("unfollow"); });
- 20.
- 21.
- 23. Again, what? • Methods •The el property • Events • ...?