blockly/tests/mocha/comment_test.js

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

goog.module('Blockly.test.comments');

const eventUtils = goog.require('Blockly.Events.utils');
const {assertEventFired, sharedTestSetup, sharedTestTeardown} = goog.require('Blockly.test.helpers');


suite('Comments', function() {
  setup(function() {
    sharedTestSetup.call(this);
    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() {
    sharedTestTeardown.call(this);
  });
  suite('Visibility and Editability', function() {
    setup(function() {
      this.block.setCommentText('test text');
    });

    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);
      assertEventFired(
          this.eventsFireStub, Blockly.Events.BubbleOpen,
          {bubbleType: 'comment', isOpen: true, type: eventUtils.BUBBLE_OPEN}, this.workspace.id,
          this.block.id);
    });
    test('Not Editable', function() {
      sinon.stub(this.block, 'isEditable').returns(false);

      this.comment.setVisible(true);

      chai.assert.isTrue(this.comment.isVisible());
      assertNotEditable(this.comment);
      assertEventFired(
          this.eventsFireStub, Blockly.Events.BubbleOpen,
          {bubbleType: 'comment', isOpen: true, type: eventUtils.BUBBLE_OPEN},
          this.workspace.id, this.block.id);
    });
    test('Editable -> Not Editable', function() {
      this.comment.setVisible(true);
      sinon.stub(this.block, 'isEditable').returns(false);

      this.comment.updateEditable();

      chai.assert.isTrue(this.comment.isVisible());
      assertNotEditable(this.comment);
      assertEventFired(
          this.eventsFireStub, Blockly.Events.BubbleOpen,
          {bubbleType: 'comment', isOpen: true, type: eventUtils.BUBBLE_OPEN},
          this.workspace.id, this.block.id);
    });
    test('Not Editable -> Editable', function() {
      const 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);
      assertEventFired(
          this.eventsFireStub, Blockly.Events.BubbleOpen,
          {bubbleType: 'comment', isOpen: true, type: eventUtils.BUBBLE_OPEN},
          this.workspace.id, this.block.id);
    });
  });
  suite('Set/Get Bubble Size', function() {
    teardown(function() {
      sinon.restore();
    });
    function assertBubbleSize(comment, height, width) {
      const 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);
      const bubbleSizeSpy = sinon.spy(this.comment.bubble_, 'setBubbleSize');

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

      this.comment.setVisible(false);
      assertBubbleSize(this.comment, 100, 100);
    });
    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);
    });
  });
});