diaspora/spec/javascripts/app/views/contact_view_spec.js

describe("app.views.Contact", function(){
  beforeEach(function() {
    this.aspect1 = factory.aspect({id: 1});
    this.aspect2 = factory.aspect({id: 2});

    this.model = new app.models.Contact({
      person_id: 42,
      person: { id: 42, name: 'alice' },
      aspect_memberships: [{id: 23, aspect: this.aspect1}]
    });
    this.view = new app.views.Contact({ model: this.model });
    Diaspora.I18n.load({
      contacts: {
        add_contact: "Add contact",
        remove_contact: "Remove contact",
        error_add: "Couldn't add <%= name %> to the aspect :(",
        error_remove: "Couldn't remove <%= name %> from the aspect :("
      }
    });
  });

  context("#presenter", function() {
    it("contains necessary elements", function() {
      app.aspect = this.aspect1;
      expect(this.view.presenter()).toEqual(jasmine.objectContaining({
        person_id: 42,
        person: jasmine.objectContaining({id: 42, name: 'alice'}),
        in_aspect: 'in_aspect'
      }));
    });
  });

  context('add contact to aspect', function() {
    beforeEach(function() {
      app.aspect = this.aspect2;
      this.view.render();
      this.button = this.view.$el.find('.contact_add-to-aspect');
      this.contact = this.view.$el.find('.stream_element.contact');
      this.aspectMembership = {id: 42, aspect: app.aspect.toJSON()};
      this.response = JSON.stringify(this.aspectMembership);
    });

    it('sends a correct ajax request', function() {
      this.button.trigger('click');
      var obj = $.parseJSON(jasmine.Ajax.requests.mostRecent().params);
      expect(obj.person_id).toBe(this.model.get('person_id'));
      expect(obj.aspect_id).toBe(app.aspect.get('id'));
    });

    it('adds a aspect_membership to the contact', function() {
      expect(this.model.aspectMemberships.length).toBe(1);
      $('.contact_add-to-aspect',this.contact).trigger('click');
      jasmine.Ajax.requests.mostRecent().respondWith({
        status: 200, // success
        responseText: this.response
      });
      expect(this.model.aspectMemberships.length).toBe(2);
    });

    it("triggers aspect_membership:create", function() {
      spyOn(app.events, "trigger");
      $(".contact_add-to-aspect", this.contact).trigger("click");
      jasmine.Ajax.requests.mostRecent().respondWith({
        status: 200, // success
        responseText: this.response
      });
      expect(app.events.trigger).toHaveBeenCalledWith("aspect_membership:create", {
        membership: {aspectId: app.aspect.get("id"), personId: this.model.get("person_id")},
        startSharing: false
      });
    });

    it('calls render', function() {
      spyOn(this.view, 'render');
      $('.contact_add-to-aspect',this.contact).trigger('click');
      jasmine.Ajax.requests.mostRecent().respondWith({
        status: 200, // success
        responseText: this.response
      });
      expect(this.view.render).toHaveBeenCalled();
    });


    it('displays a flash message on errors', function(){
      $('.contact_add-to-aspect',this.contact).trigger('click');
      jasmine.Ajax.requests.mostRecent().respondWith({
        status: 400, // fail
      });
      expect($('[id^="flash"]')).toBeErrorFlashMessage(
        Diaspora.I18n.t(
          'contacts.error_add',
          {name: this.model.get('person').name}
        )
      );
    });
  });

  context('remove contact from aspect', function() {
    beforeEach(function() {
      app.aspect = this.aspect1;
      this.view.render();
      this.button = this.view.$el.find('.contact_remove-from-aspect');
      this.contact = this.view.$el.find('.stream_element.contact');
      this.aspectMembership = this.model.aspectMemberships.first().toJSON();
      this.response = JSON.stringify(this.aspectMembership);
    });

    it('sends a correct ajax request', function() {
      $('.contact_remove-from-aspect',this.contact).trigger('click');
      expect(jasmine.Ajax.requests.mostRecent().url).toBe(
        "/aspect_memberships/"+this.aspectMembership.id
      );
    });

    it('removes the aspect_membership from the contact', function() {
      expect(this.model.aspectMemberships.length).toBe(1);
      $('.contact_remove-from-aspect',this.contact).trigger('click');
      jasmine.Ajax.requests.mostRecent().respondWith({
        status: 200, // success
        responseText: this.response
      });
      expect(this.model.aspectMemberships.length).toBe(0);
    });

    it("triggers aspect_membership:destroy", function() {
      spyOn(app.events, "trigger");
      $(".contact_remove-from-aspect", this.contact).trigger("click");
      jasmine.Ajax.requests.mostRecent().respondWith({
        status: 200, // success
        responseText: this.response
      });
      expect(app.events.trigger).toHaveBeenCalledWith("aspect_membership:destroy", {
        membership: {aspectId: app.aspect.get("id"), personId: this.model.get("person_id")},
        stopSharing: true
      });
    });

    it('calls render', function() {
      spyOn(this.view, 'render');
      $('.contact_remove-from-aspect',this.contact).trigger('click');
      jasmine.Ajax.requests.mostRecent().respondWith({
        status: 200, // success
        responseText: this.response,
      });
      expect(this.view.render).toHaveBeenCalled();
    });

    it('displays a flash message on errors', function(){
      $('.contact_remove-from-aspect',this.contact).trigger('click');
      jasmine.Ajax.requests.mostRecent().respondWith({
        status: 400, // fail
      });
      expect($('[id^="flash"]')).toBeErrorFlashMessage(
        Diaspora.I18n.t(
          'contacts.error_remove',
          {name: this.model.get('person').name}
        )
      );
    });
  });

});