blockly/tests/mocha/comment_test.js

/**
 * @license
 * Copyright 2019 Google LLC
 * SPDX-License-Identifier: Apache-2.0
 */

suite('Comments', function() {
  setup(function() {
    Blockly.defineBlocksWithJsonArray([
      {
        "type": "empty_block",
        "message0": "",
        "args0": []
      },
    ]);

    this.workspace = Blockly.inject('blocklyDiv', {
      comments: true,
      scrollbars: true
    });
    this.block = Blockly.Xml.domToBlock(Blockly.Xml.textToDom(
        '<block type="empty_block"/>'
    ), this.workspace);
    this.comment = new Blockly.Comment(this.block);
    this.comment.computeIconLocation();
  });
  teardown(function() {
    delete Blockly.Blocks['empty_block'];
    this.workspace.dispose();
  });
  suite('Visibility and Editability', function() {
    setup(function() {
      this.comment.setText('test text');
      this.eventSpy = sinon.stub(Blockly.Events, 'fire');
    });
    teardown(function() {
      this.eventSpy.restore();
    });
    function assertEvent(eventSpy, type, element, oldValue, newValue) {
      var calls = eventSpy.getCalls();
      var event = calls[calls.length - 1].args[0];
      chai.assert.equal(event.type, type);
      chai.assert.equal(event.element, element);
      chai.assert.equal(event.oldValue, oldValue);
      chai.assert.equal(event.newValue, newValue);
    }
    function assertEditable(comment) {
      chai.assert.isNotOk(comment.paragraphElement_);
      chai.assert.isOk(comment.textarea_);
      chai.assert.equal(comment.textarea_.value, 'test text');
    }
    function assertNotEditable(comment) {
      chai.assert.isNotOk(comment.textarea_);
      chai.assert.isOk(comment.paragraphElement_);
      chai.assert.equal(comment.paragraphElement_.firstChild.textContent,
          'test text');
    }
    test('Editable', function() {
      this.comment.setVisible(true);
      chai.assert.isTrue(this.comment.isVisible());
      assertEditable(this.comment);
      assertEvent(this.eventSpy, Blockly.Events.UI, 'commentOpen', false, true);
    });
    test('Not Editable', function() {
      var editableStub = sinon.stub(this.block, 'isEditable').returns(false);

      this.comment.setVisible(true);
      chai.assert.isTrue(this.comment.isVisible());
      assertNotEditable(this.comment);
      assertEvent(this.eventSpy, Blockly.Events.UI, 'commentOpen', false, true);

      editableStub.restore();
    });
    test('Editable -> Not Editable', function() {
      this.comment.setVisible(true);
      var editableStub = sinon.stub(this.block, 'isEditable').returns(false);

      this.comment.updateEditable();
      chai.assert.isTrue(this.comment.isVisible());
      assertNotEditable(this.comment);
      assertEvent(this.eventSpy, Blockly.Events.UI, 'commentOpen', false, true);

      editableStub.restore();
    });
    test('Not Editable -> Editable', function() {
      var editableStub = sinon.stub(this.block, 'isEditable').returns(false);
      this.comment.setVisible(true);
      editableStub.returns(true);

      this.comment.updateEditable();
      chai.assert.isTrue(this.comment.isVisible());
      assertEditable(this.comment);
      assertEvent(this.eventSpy, Blockly.Events.UI, 'commentOpen', false, true);

      editableStub.restore();
    });
  });
  suite('Set/Get Bubble Size', function() {
    function assertBubbleSize(comment, height, width) {
      var size = comment.getBubbleSize();
      chai.assert.equal(size.height, height);
      chai.assert.equal(size.width, width);
    }
    function assertBubbleSizeDefault(comment) {
      assertBubbleSize(comment, 80, 160);
    }
    test('Set Size While Visible', function() {
      this.comment.setVisible(true);
      var bubbleSizeSpy = sinon.spy(this.comment.bubble_, 'setBubbleSize');

      assertBubbleSizeDefault(this.comment);
      this.comment.setBubbleSize(100, 100);
      assertBubbleSize(this.comment, 100, 100);
      chai.assert(bubbleSizeSpy.calledOnce);

      this.comment.setVisible(false);
      assertBubbleSize(this.comment, 100, 100);

      bubbleSizeSpy.restore();
    });
    test('Set Size While Invisible', function() {
      assertBubbleSizeDefault(this.comment);
      this.comment.setBubbleSize(100, 100);
      assertBubbleSize(this.comment, 100, 100);

      this.comment.setVisible(true);
      assertBubbleSize(this.comment, 100, 100);
    });
  });
});