jasmine-ajax/spec/javascripts/webmock-style-spec.js

describe("Webmock style mocking", function() {
  var successSpy, errorSpy, response, fakeGlobal, mockAjax;

  var sendRequest = function(fakeGlobal, url) {
    url = url || "http://example.com/someApi"
    var xhr = new fakeGlobal.XMLHttpRequest();
    xhr.onreadystatechange = function(arguments) {
      if (this.readyState == (this.DONE || 4)) { // IE 8 doesn't support DONE
        response = this;
        successSpy();
      }
    };

    xhr.open("GET", url);
    xhr.send();
  };

  beforeEach(function() {
    successSpy = jasmine.createSpy('success');
    fakeGlobal = {XMLHttpRequest: jasmine.createSpy('realXMLHttpRequest')};
    mockAjax = new MockAjax(fakeGlobal);
    mockAjax.install();

    mockAjax.stubRequest("http://example.com/someApi").andReturn({responseText: "hi!"});
  });

  it("allows a url to be setup as a stub", function() {
    sendRequest(fakeGlobal);
    expect(successSpy).toHaveBeenCalled();
  });

  it("should allow you to clear all the ajax stubs", function() {
    mockAjax.stubs.reset();
    sendRequest(fakeGlobal);
    expect(successSpy).not.toHaveBeenCalled();
  });

  it("should set the contentType", function() {
    sendRequest(fakeGlobal);
    expect(response.responseHeaders['Content-type']).toEqual('application/json');
  });

  it("should set the responseText", function() {
    sendRequest(fakeGlobal);
    expect(response.responseText).toEqual('hi!');
  });

  it("should default the status to 200", function() {
    sendRequest(fakeGlobal);
    expect(response.status).toEqual(200);
  });

  describe("with another stub for the same url", function() {
    beforeEach(function() {
      mockAjax.stubRequest("http://example.com/someApi").andReturn({responseText: "no", status: 403});
      sendRequest(fakeGlobal);
    });

    it("should set the status", function() {
      expect(response.status).toEqual(403);
    });

    it("should allow the latest stub to win", function() {
      expect(response.responseText).toEqual('no');
    });
  });

  describe("with a query string", function() {
    beforeEach(function() {
      mockAjax.stubRequest("http://example.com/someApi?foo=bar&baz=quux").andReturn({responseText: "greetings", status: 422});
    });

    it("should match the query string in any order", function() {
      sendRequest(fakeGlobal, "http://example.com/someApi?baz=quux&foo=bar");
      expect(response.status).toEqual(422);
      expect(response.responseText).toEqual('greetings');
    });
  });

  describe("stubbing with form data", function() {
    beforeEach(function() {
      mockAjax.stubRequest("http://example.com/someApi", 'foo=bar&baz=quux').andReturn({responseText: "form", status: 201});
    });

    var postRequest = function(data) {
      var xhr = new fakeGlobal.XMLHttpRequest();
      xhr.onreadystatechange = function(arguments) {
        if (this.readyState == (this.DONE || 4)) { // IE 8 doesn't support DONE
          response = this;
          successSpy();
        }
      };

      xhr.open("POST", "http://example.com/someApi");
      xhr.send(data);
    };

    it("uses the form data stub when the data matches", function() {
      postRequest('foo=bar&baz=quux');

      expect(response.status).toEqual(201);
      expect(response.responseText).toEqual('form');
    });

    it("matches data params in any order", function() {
      postRequest('baz=quux&foo=bar');

      expect(response.status).toEqual(201);
      expect(response.responseText).toEqual('form');
    });

    it("falls back to the stub without data specified if the data doesn't match", function() {
      postRequest('foo=bar');

      expect(response.status).toEqual(200);
      expect(response.responseText).toEqual('hi!');
    });

    it("uses the stub without data specified if no data is passed", function() {
      postRequest();

      expect(response.status).toEqual(200);
      expect(response.responseText).toEqual('hi!');
    });
  });
});