integration testing Backbone.js

integration-test.js

it("should show error message when pagination fails", function() {

  // ajax responses
  var response = readFixtures("responses/persons.json");
  var errorResponse = readFixtures("responses/errors.json");

  // create our initial view
  var view = new PersonsView({ collection: new Persons() });
  view.render(); // show header and other static stuff

  // mock out all requests
  fakeResponse(response, headers, function() {
    view.collection.fetch(); // trigger Ajax request
  });

  // now we have set up our initial state, and can go on to doing things
  // in the view.

  // we ensure that errors are not present
  expect(view.$('.errors')).not.toExist();

  // we set up an error response ...
  fakeResponse(errorResponse, { statusCode: 503 }, function() {

    // ... and we trigger the error by clicking the next button
    // (in our view we listen for the click event and start the
    // pagination process)
    view.$('a.more').click();

  });

  // ensure that errors are present
  expect(view.$('.errors')).toExist();
});