jasmine-ajax/spec/javascripts/fake-xml-http-request-spec.js

describe("FakeXMLHttpRequest", function() {
  var xhr;
  var xhr2;
  beforeEach(function() {
    var realXMLHttpRequest = {someOtherProperty: 'someValue'},
        realXMLHttpRequestCtor = spyOn(window, 'XMLHttpRequest').and.returnValue(realXMLHttpRequest),
        fakeGlobal = {XMLHttpRequest: realXMLHttpRequestCtor},
        mockAjax = new MockAjax(fakeGlobal);
    mockAjax.install();
    xhr = new fakeGlobal.XMLHttpRequest();
    xhr2 = new fakeGlobal.XMLHttpRequest();
  });

  it("should have an initial readyState of 0 (uninitialized)", function() {
    expect(xhr.readyState).toEqual(0);
  });

  describe("when setting request headers", function() {
    beforeEach(function() {
      xhr.setRequestHeader('X-Header-1', 'one');
    });

    it("should make the request headers available", function() {
      expect(Object.keys(xhr.requestHeaders).length).toEqual(1);
      expect(xhr.requestHeaders['X-Header-1']).toEqual('one');
    });

    describe("when setting headers on another xhr object", function() {
      beforeEach(function() {
        xhr2.setRequestHeader('X-Header-2', 'two');
      });

      it("should make the only its request headers available", function() {
        expect(Object.keys(xhr2.requestHeaders).length).toEqual(1);
        expect(xhr2.requestHeaders['X-Header-2']).toEqual('two');
      });

      it("should not modify any other xhr objects", function() {
        expect(Object.keys(xhr.requestHeaders).length).toEqual(1);
        expect(xhr.requestHeaders['X-Header-1']).toEqual('one');
      });
    });
  });

  describe("when opened", function() {
    beforeEach(function() {
      spyOn(xhr, 'onreadystatechange');
      xhr.open("GET", "http://example.com");
    });

    it("should have a readyState of 1 (open)", function() {
      expect(xhr.readyState).toEqual(1);
      expect(xhr.onreadystatechange).toHaveBeenCalled();
    });

    describe("when sent", function() {
      it("should have a readyState of 2 (sent)", function() {
        xhr.onreadystatechange.calls.reset();
        xhr.send(null);
        expect(xhr.readyState).toEqual(2);
        expect(xhr.onreadystatechange).toHaveBeenCalled();
      });
    });

    describe("when a response comes in", function() {
      it("should have a readyState of 4 (loaded)", function() {
        xhr.onreadystatechange.calls.reset();
        xhr.response({status: 200});
        expect(xhr.readyState).toEqual(4);
        expect(xhr.onreadystatechange).toHaveBeenCalled();
      });
    });

    describe("when aborted", function() {
      it("should have a readyState of 0 (uninitialized)", function() {
        xhr.onreadystatechange.calls.reset();
        xhr.abort();
        expect(xhr.readyState).toEqual(0);
        expect(xhr.onreadystatechange).toHaveBeenCalled();
        expect(xhr.status).toEqual(0);
        expect(xhr.statusText).toEqual("abort");
      });
    });
  });

  describe("when opened with a username/password", function() {
    beforeEach(function() {
      xhr.open("GET", "http://example.com", true, "username", "password");
    });

    it("should store the username", function() {
      expect(xhr.username).toEqual("username");
    });

    it("should store the password", function() {
      expect(xhr.password).toEqual("password");
    });
  });

  it("can be extended", function(){
    pending("why do we want to do this?");
    FakeXMLHttpRequest.prototype.foo = function(){
      return "foo";
    };
    expect(new FakeXMLHttpRequest().foo()).toEqual("foo");
  });

  describe("data", function() {
    beforeEach(function() {
      xhr.open("POST", "http://example.com?this=that");
      xhr.send('3+stooges=shemp&3+stooges=larry%20%26%20moe%20%26%20curly&some%3Dthing=else+entirely');
    });

    it("should return request params as a hash of arrays with values sorted alphabetically", function() {
      var data = xhr.data();
      expect(data['3 stooges'].length).toEqual(2);
      expect(data['3 stooges'][0]).toEqual('larry & moe & curly');
      expect(data['3 stooges'][1]).toEqual('shemp');
      expect(data['some=thing']).toEqual(['else entirely']);
    });
  });

  describe("when a fake XMLHttpRequest is created", function() {
    it("inherits the properties of the real XMLHttpRequest object", function() {
      expect(xhr.someOtherProperty).toBe('someValue');
    })
  })
});