diaspora/spec/javascripts/publisher-spec.js

/*   Copyright (c) 2010, Diaspora Inc.  This file is
*   licensed under the Affero General Public License version 3 or later.  See
*   the COPYRIGHT file.
*/

describe("Publisher", function() {

  describe("initialize", function(){
    it("calls close when it does not have text", function(){
      spec.loadFixture('aspects_index');
      spyOn(Publisher, 'close');
      Publisher.initialize();
      expect(Publisher.close).toHaveBeenCalled();
    });

    it("does not call close when there is prefilled text", function(){
      spec.loadFixture('aspects_index_prefill');
      spyOn(Publisher, 'close');
      Publisher.initialize();
      expect(Publisher.close).wasNotCalled();
    });
  });

  describe("bindAspectToggles", function() {
    beforeEach( function(){
      spec.loadFixture('person_show');
    });

    it('gets called on initialize', function(){
      spyOn(Publisher, 'bindAspectToggles'); 
      Publisher.initialize();
      expect(Publisher.bindAspectToggles).toHaveBeenCalled();
    });
   
    it('toggles removed only on the clicked icon', function(){
      expect($("#publisher .aspect_badge").first().hasClass("removed")).toBeFalsy();
      expect($("#publihser .aspect_badge").last().hasClass("removed")).toBeFalsy();

      Publisher.bindAspectToggles();
      $("#publisher .aspect_badge").last().click();

      expect($("#publisher .aspect_badge").first().hasClass("removed")).toBeFalsy();
      expect($("#publisher .aspect_badge").last().hasClass("removed")).toBeTruthy();
    });

    it('binds to the services icons and toggles the hidden field', function(){
      spyOn(Publisher, 'toggleAspectIds');
      Publisher.bindAspectToggles();
      var aspBadge = $("#publisher .aspect_badge a").last();
      var aspNum = aspBadge.attr('data-guid');
      aspBadge.click();

      expect(Publisher.toggleAspectIds).toHaveBeenCalledWith(aspNum);
    });

    it('does not execute if it is the last non-removed aspect', function(){
      var aspects = $("#publisher .aspect_badge").length;
      spyOn(Publisher, 'toggleAspectIds');

      Publisher.bindAspectToggles();
      spyOn(window, 'alert');// click through the dialog if it happens
      $("#publisher .aspect_badge a").each(function(){$(this).click()});

      var lastAspectNum = $("#publisher .aspect_badge a").last().attr('data-guid');

      expect($("#publisher .aspect_badge.removed").length).toBe(aspects-1);
      expect(Publisher.toggleAspectIds.callCount).toBe(1);
    });
  });
  describe('toggleAspectIds', function(){
    beforeEach( function(){
      spec.loadFixture('person_show');
    });

    it('adds a hidden field to the form if there is not one already', function(){
      expect($('#publisher [name="aspect_ids[]"]').length).toBe(2);
      Publisher.toggleAspectIds(42);
      expect($('#publisher [name="aspect_ids[]"]').length).toBe(3);
      expect($('#publisher [name="aspect_ids[]"]').last().attr('value')).toBe('42');
    });

    it('removes the hidden field if its already there', function() {
      Publisher.toggleAspectIds(42);
      expect($('#publisher [name="aspect_ids[]"]').length).toBe(3);

      Publisher.toggleAspectIds(42);
      expect($('#publisher [name="aspect_ids[]"]').length).toBe(2);
    });

    it('does not remove a hidden field with a different value', function() {
      Publisher.toggleAspectIds(42);
      expect($('#publisher [name="aspect_ids[]"]').length).toBe(3);

      Publisher.toggleAspectIds(99);
      expect($('#publisher [name="aspect_ids[]"]').length).toBe(4);
    });
  });

  describe("bindPublicIcon", function() {
    beforeEach( function(){
      spec.loadFixture('aspects_index_services');
    });

    it('gets called on initialize', function(){
      spyOn(Publisher, 'bindPublicIcon');
      Publisher.initialize();
      expect(Publisher.bindPublicIcon).toHaveBeenCalled();
    });
    it('toggles dim only on the clicked icon', function(){
      expect($(".public_icon").hasClass("dim")).toBeTruthy();

      Publisher.bindPublicIcon();
      $(".public_icon").click();

      expect($(".public_icon").hasClass("dim")).toBeFalsy();
    });
    it('toggles the hidden field', function(){
      Publisher.bindPublicIcon();
      expect($('#publisher #status_message_public').val()).toBe('false');

      $(".public_icon").click();
      expect($('#publisher #status_message_public').val()).toBe('true');


    });
  });
  describe("bindServiceIcons", function() {
    beforeEach( function(){
      spec.loadFixture('aspects_index_services');
    });

    it('gets called on initialize', function(){
      spyOn(Publisher, 'bindServiceIcons');
      Publisher.initialize();
      expect(Publisher.bindServiceIcons).toHaveBeenCalled();
    });

    it('toggles dim only on the clicked icon', function(){
      expect($(".service_icon#facebook").hasClass("dim")).toBeTruthy();
      expect($(".service_icon#twitter").hasClass("dim")).toBeTruthy();

      Publisher.bindServiceIcons();
      $(".service_icon#facebook").click();

      expect($(".service_icon#facebook").hasClass("dim")).toBeFalsy();
      expect($(".service_icon#twitter").hasClass("dim")).toBeTruthy();
    });

    it('binds to the services icons and toggles the hidden field', function(){
      spyOn(Publisher, 'toggleServiceField');
      Publisher.bindServiceIcons();
      $(".service_icon#facebook").click();

      expect(Publisher.toggleServiceField).toHaveBeenCalledWith("facebook");
    });
  });

  describe('toggleServiceField', function(){
    beforeEach( function(){
      spec.loadFixture('aspects_index_services');
    });

    it('adds a hidden field to the form if there is not one already', function(){
      expect($('#publisher [name="services[]"]').length).toBe(0);
      Publisher.toggleServiceField("facebook");
      expect($('#publisher [name="services[]"]').length).toBe(1);
      expect($('#publisher [name="services[]"]').attr('value')).toBe("facebook");
      //<input id="aspect_ids_" name="aspect_ids[]" type="hidden" value="1">
    });

    it('removes the hidden field if its already there', function() {
      Publisher.toggleServiceField("facebook");
      expect($('#publisher [name="services[]"]').length).toBe(1);

      Publisher.toggleServiceField("facebook");
      expect($('#publisher [name="services[]"]').length).toBe(0);
    });

    it('does not remove a hidden field with a different value', function() {
      Publisher.toggleServiceField("facebook");
      expect($('#publisher [name="services[]"]').length).toBe(1);

      Publisher.toggleServiceField("twitter");
      expect($('#publisher [name="services[]"]').length).toBe(2);
    });
  });

  describe("open", function() {
    beforeEach(function() {
      spec.loadFixture('aspects_index');
      Publisher.initialize();
    });
    it("removes the closed class", function() {
      expect(Publisher.form().hasClass('closed')).toBeTruthy();
      Publisher.open();
      expect(Publisher.form().hasClass('closed')).toBeFalsy();
    });
    it("disables the share button", function() {
      expect(Publisher.submit().attr('disabled')).toBeFalsy();
      Publisher.open();
      expect(Publisher.submit().attr('disabled')).toBeTruthy();
    });
  });
  describe("close", function() {
    beforeEach(function() {
      spec.loadFixture('aspects_index_prefill');
      Publisher.initialize();
    });
    it("adds the closed class", function() {
      expect(Publisher.form().hasClass('closed')).toBeFalsy();
      Publisher.close();
      expect(Publisher.form().hasClass('closed')).toBeTruthy();
    });
  });
  describe("input", function(){
    beforeEach(function(){
      spec.loadFixture('aspects_index_prefill');
    });
    it("returns the status_message_fake_text textarea", function(){
      expect(Publisher.input()[0].id).toBe('status_message_fake_text');
      expect(Publisher.input().length).toBe(1);
    });
  });
  describe("autocompletion", function(){
    describe("searchTermFromValue", function(){
      var func;
      beforeEach(function(){func = Publisher.autocompletion.searchTermFromValue;});
      it("returns nothing if the cursor is before the @", function(){
        expect(func('not @dan grip', 2)).toBe('');
      });
      it("returns everything up to the cursor if the cursor is a word after that @", function(){
        expect(func('not @dan grip', 13)).toBe('dan grip');
      });
      it("returns up to the cursor if the cursor is after that @", function(){
        expect(func('not @dan grip', 7)).toBe('da');
      });

      it("returns everything after an @ at the start of the line", function(){
        expect(func('@dan grip', 9)).toBe('dan grip');
      });
      it("returns nothing if there is no @", function(){
        expect(func('dan', 3)).toBe('');
      });
      it("returns nothing for just an @", function(){
        expect(func('@', 1)).toBe('');
      });
      it("returns nothing if there are letters preceding the @", function(){
        expect(func('ioj@asdo', 8)).toBe('');
      });
      it("returns everything up to the cursor if there are 2 @s and the cursor is between them", function(){
        expect(func('@asdpo  aoisdj @asodk', 8)).toBe('asdpo');
      });
      it("returns everything from the 2nd @ up to the cursor if there are 2 @s and the cursor after them", function(){
        expect(func('@asod asdo @asd asok', 15)).toBe('asd');
      });
    });

    describe("onSelect", function(){

    });

    describe("mentionList", function(){
      var visibleInput, visibleVal,
      hiddenInput, hiddenVal,
      list,
      mention;
      beforeEach(function(){
        spec.loadFixture('aspects_index');
        list = Publisher.autocompletion.mentionList;
        visibleInput = Publisher.input();
        hiddenInput = Publisher.hiddenInput();
        mention = { visibleStart : 0,
          visibleEnd   : 5,
          mentionString : "@{Danny; dan@pod.org}"
        };
        list.mentions = [];
        list.push(mention);
        visibleVal = "Danny loves testing javascript";
        visibleInput.val(visibleVal);
        hiddenVal = "@{Danny; dan@pod.org} loves testing javascript";
        hiddenInput.val(hiddenVal);
      });
      describe("selectionDeleted", function(){
        var func, danny, daniel, david, darren;
        beforeEach(function(){
          func = list.selectionDeleted;
          visibleVal = "Danny Daniel David Darren";
          visibleInput.val(visibleVal);
          list.mentions = [];
          danny = {
            visibleStart : 0,
            visibleEnd : 5,
            mentionString : "@{Danny; danny@pod.org}"
          };
          daniel = {
            visibleStart : 6,
            visibleEnd : 12,
            mentionString : "@{Daniel; daniel@pod.org}"
          };
          david = {
            visibleStart : 13,
            visibleEnd : 18,
            mentionString : "@{David; david@pod.org}"
          };
          darren = {
            visibleStart : 19,
            visibleEnd : 25,
            mentionString : "@{Darren; darren@pod.org}"
          };
          list.push(danny)
          list.push(daniel)
          list.push(david)
          list.push(darren)
        });
        it("destroys mentions within the selection", function(){
          func(4,11);
          expect(list.sortedMentions()).toEqual([darren, david])
        });
        it("moves remaining mentions back", function(){
          func(7,14);
          var length = 11 - 4
          expect(danny.visibleStart).toBe(0);
          expect(darren.visibleStart).toBe(19-length);
        });
      });
      describe("generateHiddenInput", function(){
        it("replaces mentions in a string", function(){
          expect(list.generateHiddenInput(visibleVal)).toBe(hiddenVal);
        });
      });
      describe("push", function(){
        it("adds mention to mentions array", function(){
          expect(list.mentions.length).toBe(1);
          expect(list.mentions[0]).toBe(mention)
        });
      });
      describe("mentionAt", function(){
        it("returns the location of the mention at that location in the mentions array", function(){
          expect(list.mentions[list.mentionAt(3)]).toBe(mention);
        });
        it("returns null if there is no mention", function(){
          expect(list.mentionAt(8)).toBeFalsy();
        });
      });
      describe("insertionAt", function(){
        it("does nothing if there is no visible mention at that index", function(){
          list.insertionAt(8);
          expect(visibleInput.val()).toBe(visibleVal);
          expect(hiddenInput.val()).toBe(hiddenVal);
        });
        it("deletes the mention from the hidden field if there is a mention", function(){
          list.insertionAt(3);
          expect(visibleInput.val()).toBe(visibleVal);
          expect(list.generateHiddenInput(visibleInput.val())).toBe(visibleVal);
        });
        it("deletes the mention from the list", function(){
          list.insertionAt(3);
          expect(list.mentionAt(3)).toBeFalsy();
        });
        it("calls updateMentionLocations", function(){
          mentionTwo = { visibleStart : 8,
            visibleEnd   : 15,
            mentionString : "@{SomeoneElse; other@pod.org}"
          };
          list.push(mentionTwo);
          spyOn(list, 'updateMentionLocations');
          list.insertionAt(3,4, 60);
          expect(list.updateMentionLocations).toHaveBeenCalled();
        });
      });
      describe("updateMentionLocations", function(){
        it("updates the offsets of the remaining mentions in the list", function(){
          mentionTwo = { visibleStart : 8,
            visibleEnd   : 15,
            mentionString : "@{SomeoneElse; other@pod.org}"
          };
          list.push(mentionTwo);
          list.updateMentionLocations(7, 1);
          expect(mentionTwo.visibleStart).toBe(9);
          expect(mentionTwo.visibleEnd).toBe(16);
        });
      });
    });

    describe("keyUpHandler", function(){
      var input;
      var submit;
      beforeEach(function(){
        spec.loadFixture('aspects_index');
        Publisher.initialize();
        input = Publisher.input();
        submit = Publisher.submit();
        Publisher.open();
      });
      it("keep the share button disabled when adding only whitespaces", function(){
        expect(submit.attr('disabled')).toBeTruthy();
        input.val(' ');
        input.keyup();
        expect(submit.attr('disabled')).toBeTruthy();
      });
      it("enable the share button when adding non-whitespace characters", function(){
        expect(submit.attr('disabled')).toBeTruthy();
        input.val('some text');
        input.keyup();
        expect(submit.attr('disabled')).toBeFalsy();
      });
      it("should toggle share button disable/enable when playing with input", function(){
        expect(submit.attr('disabled')).toBeTruthy();
        input.val('         ');
        input.keyup();
        expect(submit.attr('disabled')).toBeTruthy();
        input.val('text');
        input.keyup();
        expect(submit.attr('disabled')).toBeFalsy();
        input.val('');
        input.keyup();
        expect(submit.attr('disabled')).toBeTruthy();
      });
    });

    describe("addMentionToInput", function(){
      var func;
      var input;
      var replaceWith;
      beforeEach(function(){
        spec.loadFixture('aspects_index');
        func = Publisher.autocompletion.addMentionToInput;
        input = Publisher.input();
        Publisher.autocompletion.mentionList.mentions = [];
        replaceWith = "Replace with this.";
      });
      it("replaces everything up to the cursor if the cursor is a word after that @", function(){
        input.val('not @dan grip');
        var cursorIndex = 13;
        func(input, cursorIndex, replaceWith);
        expect(input.val()).toBe('not ' + replaceWith);
      });
      it("replaces everything between @ and the cursor if the cursor is after that @", function(){
        input.val('not @dan grip');
        var cursorIndex = 7;
        func(input, cursorIndex, replaceWith);
        expect(input.val()).toBe('not ' + replaceWith + 'n grip');
      });
      it("replaces everything up to the cursor from @ at the start of the line", function(){
        input.val('@dan grip');
        var cursorIndex = 9;
        func(input, cursorIndex, replaceWith);
        expect(input.val()).toBe(replaceWith);
      });
      it("replaces everything between the first @ and the cursor if there are 2 @s and the cursor is between them", function(){
        input.val('@asdpo  aoisdj @asodk');
        var cursorIndex = 8;
        func(input, cursorIndex, replaceWith);
        expect(input.val()).toBe(replaceWith + 'aoisdj @asodk');
      });
      it("replaces everything after the 2nd @ if there are 2 @s and the cursor after them", function(){
        input.val('@asod asdo @asd asok');
        var cursorIndex = 15;
        func(input, cursorIndex, replaceWith);
        expect(input.val()).toBe('@asod asdo ' + replaceWith + ' asok');
      });
    });
  });
});