alignment-spec.js

(function() {
  describe('Simditor alignment button', function() {
    var $p1, $p2, editor;
    editor = null;
    $p1 = null;
    $p2 = null;
    beforeEach(function() {
      var $p, range;
      editor = spec.generateSimditor({
        content: '<p>paragraph 1</>\n<p>paragraph 2</>',
        toolbar: ['alignment']
      });
      editor.focus();
      $p = editor.body.find('> p');
      $p1 = $p.first();
      $p2 = $p.eq(1);
      range = document.createRange();
      editor.selection.setRangeAtEndOf($p2, range);
      range.setStart($p1[0], 0);
      editor.selection.range(range);
      editor.inputManager.focused = true;
      return editor.trigger('selectionchanged');
    });
    afterEach(function() {
      spec.destroySimditor();
      return editor = null;
    });
    it("can align to right", function() {
      var button, leftValues;
      leftValues = ['left', 'start', '-moz-left', '-webkit-auto'];
      expect(leftValues).toContain($p1.css('text-align'));
      expect(leftValues).toContain($p2.css('text-align'));
      button = editor.toolbar.list.find('.toolbar-item-alignment').data('button');
      button.command("right");
      expect($p1.css('text-align')).toBe('right');
      expect($p2.css('text-align')).toBe('right');
      expect(button.el.hasClass('active')).toBe(true);
      return expect(button.el.hasClass('align-right')).toBe(true);
    });
    it("can align to center", function() {
      var button;
      button = editor.toolbar.list.find('.toolbar-item-alignment').data('button');
      button.command("center");
      expect($p1.css('text-align')).toBe('center');
      expect($p2.css('text-align')).toBe('center');
      expect(button.el.hasClass('active')).toBe(true);
      return expect(button.el.hasClass('align-center')).toBe(true);
    });
    return it("can align to left", function() {
      var button, leftValues;
      leftValues = ['left', 'start', '-moz-left', '-webkit-auto'];
      button = editor.toolbar.list.find('.toolbar-item-alignment').data('button');
      button.command("left");
      expect(leftValues).toContain($p1.css('text-align'));
      expect(leftValues).toContain($p2.css('text-align'));
      expect(button.el.hasClass('active')).toBe(false);
      return expect(button.el.hasClass('align-left')).toBe(true);
    });
  });

}).call(this);