mirror of
https://github.com/google/blockly.git
synced 2026-01-09 10:00:09 +01:00
0ae10fe516
* chore: replace var with let and const in mocha tests * chore: change let to const in changed lines
287 lines
9.7 KiB
JavaScript
287 lines
9.7 KiB
JavaScript
/**
|
|
* @license
|
|
* Copyright 2020 Google LLC
|
|
* SPDX-License-Identifier: Apache-2.0
|
|
*/
|
|
|
|
goog.module('Blockly.test.json');
|
|
|
|
const {addMessageToCleanup, assertNoWarnings, assertWarnings, sharedTestSetup, sharedTestTeardown} = goog.require('Blockly.test.helpers');
|
|
|
|
|
|
suite('JSON Block Definitions', function() {
|
|
setup(function() {
|
|
sharedTestSetup.call(this);
|
|
this.workspace_ = new Blockly.Workspace();
|
|
});
|
|
|
|
teardown(function() {
|
|
sharedTestTeardown.call(this);
|
|
});
|
|
|
|
suite('defineBlocksWithJsonArray', function() {
|
|
test('Basic block', function() {
|
|
/** Ensure a block can be instantiated from a JSON definition. */
|
|
let BLOCK_TYPE = 'test_json_minimal';
|
|
let block;
|
|
assertNoWarnings(() => {
|
|
Blockly.defineBlocksWithJsonArray([{
|
|
"type": BLOCK_TYPE
|
|
}]);
|
|
block = new Blockly.Block(this.workspace_, BLOCK_TYPE);
|
|
});
|
|
|
|
chai.assert.isNotNull(block);
|
|
chai.assert.equal(BLOCK_TYPE, block.type);
|
|
});
|
|
|
|
test('Null or undefined type id', function() {
|
|
let BLOCK_TYPE1 = 'test_json_before_bad_blocks';
|
|
let BLOCK_TYPE2 = 'test_json_after_bad_blocks';
|
|
|
|
chai.assert.isUndefined(Blockly.Blocks[BLOCK_TYPE1]);
|
|
chai.assert.isUndefined(Blockly.Blocks[BLOCK_TYPE2]);
|
|
let blockTypeCount = Object.keys(Blockly.Blocks).length;
|
|
|
|
assertWarnings(() => {
|
|
Blockly.defineBlocksWithJsonArray([
|
|
{"type": BLOCK_TYPE1},
|
|
{"type": undefined},
|
|
{"type": null},
|
|
{"type": BLOCK_TYPE2}]);
|
|
}, [/missing a type attribute/, /missing a type attribute/]);
|
|
chai.assert.isNotNull(Blockly.Blocks[BLOCK_TYPE1],
|
|
'Block before bad blocks should be defined.');
|
|
chai.assert.isNotNull(Blockly.Blocks[BLOCK_TYPE2],
|
|
'Block after bad blocks should be defined.');
|
|
chai.assert.equal(Object.keys(Blockly.Blocks).length, blockTypeCount + 2);
|
|
});
|
|
|
|
test('Null item', function() {
|
|
let BLOCK_TYPE1 = 'test_block_before_null';
|
|
let BLOCK_TYPE2 = 'test_block_after_null';
|
|
|
|
chai.assert.isUndefined(Blockly.Blocks[BLOCK_TYPE1]);
|
|
chai.assert.isUndefined(Blockly.Blocks[BLOCK_TYPE2]);
|
|
let blockTypeCount = Object.keys(Blockly.Blocks).length;
|
|
|
|
assertWarnings(() => {
|
|
Blockly.defineBlocksWithJsonArray([
|
|
{
|
|
"type": BLOCK_TYPE1,
|
|
"message0": 'before'
|
|
},
|
|
null,
|
|
{
|
|
"type": BLOCK_TYPE2,
|
|
"message0": 'after'
|
|
}]);
|
|
}, /is null/);
|
|
chai.assert.isNotNull(Blockly.Blocks[BLOCK_TYPE1],
|
|
'Block before null in array should be defined.');
|
|
chai.assert.isNotNull(Blockly.Blocks[BLOCK_TYPE2],
|
|
'Block after null in array should be defined.');
|
|
chai.assert.equal(Object.keys(Blockly.Blocks).length, blockTypeCount + 2);
|
|
});
|
|
|
|
test('Undefined item', function() {
|
|
let BLOCK_TYPE1 = 'test_block_before_undefined';
|
|
let BLOCK_TYPE2 = 'test_block_after_undefined';
|
|
|
|
chai.assert.isUndefined(Blockly.Blocks[BLOCK_TYPE1]);
|
|
chai.assert.isUndefined(Blockly.Blocks[BLOCK_TYPE2]);
|
|
let blockTypeCount = Object.keys(Blockly.Blocks).length;
|
|
assertWarnings(() => {
|
|
Blockly.defineBlocksWithJsonArray([
|
|
{
|
|
"type": BLOCK_TYPE1,
|
|
"message0": 'before'
|
|
},
|
|
undefined,
|
|
{
|
|
"type": BLOCK_TYPE2,
|
|
"message0": 'after'
|
|
}]);
|
|
}, /is undefined/);
|
|
chai.assert.isNotNull(Blockly.Blocks[BLOCK_TYPE1],
|
|
'Block before undefined in array should be defined.');
|
|
chai.assert.isNotNull(Blockly.Blocks[BLOCK_TYPE2],
|
|
'Block after undefined in array should be defined.');
|
|
chai.assert.equal(Object.keys(Blockly.Blocks).length, blockTypeCount + 2);
|
|
});
|
|
|
|
test('message0 creates input', function() {
|
|
let BLOCK_TYPE = 'test_json_message0';
|
|
let MESSAGE0 = 'message0';
|
|
Blockly.defineBlocksWithJsonArray([{
|
|
"type": BLOCK_TYPE,
|
|
"message0": MESSAGE0
|
|
}]);
|
|
|
|
let block = new Blockly.Block(this.workspace_, BLOCK_TYPE);
|
|
chai.assert.equal(block.inputList.length, 1);
|
|
chai.assert.equal(block.inputList[0].fieldRow.length, 1);
|
|
let textField = block.inputList[0].fieldRow[0];
|
|
chai.assert.equal(Blockly.FieldLabel, textField.constructor);
|
|
chai.assert.equal(MESSAGE0, textField.getText());
|
|
});
|
|
|
|
test('message1 and message0 creates two inputs', function() {
|
|
/** Ensure message1 creates a new input. */
|
|
let BLOCK_TYPE = 'test_json_message1';
|
|
let MESSAGE0 = 'message0';
|
|
let MESSAGE1 = 'message1';
|
|
Blockly.defineBlocksWithJsonArray([{
|
|
"type": BLOCK_TYPE,
|
|
"message0": MESSAGE0,
|
|
"message1": MESSAGE1
|
|
}]);
|
|
|
|
let block = new Blockly.Block(this.workspace_, BLOCK_TYPE);
|
|
chai.assert.equal(block.inputList.length, 2);
|
|
|
|
chai.assert.equal(block.inputList[0].fieldRow.length, 1);
|
|
const firstTextField = block.inputList[0].fieldRow[0];
|
|
chai.assert.equal(Blockly.FieldLabel, firstTextField.constructor);
|
|
chai.assert.equal(MESSAGE0, firstTextField.getText());
|
|
|
|
chai.assert.equal(block.inputList[1].fieldRow.length, 1);
|
|
const secondTextField = block.inputList[1].fieldRow[0];
|
|
chai.assert.equal(Blockly.FieldLabel, secondTextField.constructor);
|
|
chai.assert.equal(MESSAGE1, secondTextField.getText());
|
|
});
|
|
|
|
test('Message string is dereferenced', function() {
|
|
let BLOCK_TYPE = 'test_json_message0_i18n';
|
|
let MESSAGE0 = '%{BKY_MESSAGE}';
|
|
let MESSAGE = 'message';
|
|
|
|
addMessageToCleanup(this.sharedCleanup, 'MESSAGE');
|
|
Blockly.Msg['MESSAGE'] = MESSAGE;
|
|
Blockly.defineBlocksWithJsonArray([{
|
|
"type": BLOCK_TYPE,
|
|
"message0": MESSAGE0
|
|
}]);
|
|
|
|
let block = new Blockly.Block(this.workspace_, BLOCK_TYPE);
|
|
chai.assert.equal(block.inputList.length, 1);
|
|
chai.assert.equal(block.inputList[0].fieldRow.length, 1);
|
|
let textField = block.inputList[0].fieldRow[0];
|
|
chai.assert.equal(Blockly.FieldLabel, textField.constructor);
|
|
chai.assert.equal(MESSAGE, textField.getText());
|
|
});
|
|
|
|
test('Dropdown', function() {
|
|
let BLOCK_TYPE = 'test_json_dropdown';
|
|
let FIELD_NAME = 'FIELD_NAME';
|
|
let LABEL0 = 'LABEL0';
|
|
let VALUE0 = 'VALUE0';
|
|
let LABEL1 = 'LABEL1';
|
|
let VALUE1 = 'VALUE1';
|
|
Blockly.defineBlocksWithJsonArray([{
|
|
"type": BLOCK_TYPE,
|
|
"message0": "%1",
|
|
"args0": [
|
|
{
|
|
"type": "field_dropdown",
|
|
"name": FIELD_NAME,
|
|
"options": [
|
|
[LABEL0, VALUE0],
|
|
[LABEL1, VALUE1]
|
|
]
|
|
}
|
|
]
|
|
}]);
|
|
|
|
let block = new Blockly.Block(this.workspace_, BLOCK_TYPE);
|
|
chai.assert.equal(block.inputList.length, 1);
|
|
chai.assert.equal(block.inputList[0].fieldRow.length, 1);
|
|
let dropdown = block.inputList[0].fieldRow[0];
|
|
chai.assert.equal(dropdown, block.getField(FIELD_NAME));
|
|
chai.assert.equal(Blockly.FieldDropdown, dropdown.constructor);
|
|
chai.assert.equal(VALUE0, dropdown.getValue());
|
|
|
|
let options = dropdown.getOptions();
|
|
chai.assert.equal(LABEL0, options[0][0]);
|
|
chai.assert.equal(VALUE0, options[0][1]);
|
|
chai.assert.equal(LABEL1, options[1][0]);
|
|
chai.assert.equal(VALUE1, options[1][1]);
|
|
});
|
|
|
|
|
|
test('Dropdown with images', function() {
|
|
let BLOCK_TYPE = 'test_json_dropdown';
|
|
let FIELD_NAME = 'FIELD_NAME';
|
|
let IMAGE1_ALT_TEXT = 'Localized message.';
|
|
addMessageToCleanup(this.sharedCleanup, 'ALT_TEXT');
|
|
Blockly.Msg['ALT_TEXT'] = IMAGE1_ALT_TEXT;
|
|
let IMAGE0 = {
|
|
'width': 12,
|
|
'height': 34,
|
|
'src': 'http://image0.src',
|
|
'alt': 'IMAGE0 alt text'
|
|
};
|
|
let VALUE0 = 'VALUE0';
|
|
let IMAGE1 = {
|
|
'width': 56,
|
|
'height': 78,
|
|
'src': 'http://image1.src',
|
|
'alt': '%{BKY_ALT_TEXT}'
|
|
};
|
|
let VALUE1 = 'VALUE1';
|
|
let IMAGE2 = {
|
|
'width': 90,
|
|
'height': 123,
|
|
'src': 'http://image2.src'
|
|
};
|
|
let VALUE2 = 'VALUE2';
|
|
|
|
Blockly.defineBlocksWithJsonArray([{
|
|
"type": BLOCK_TYPE,
|
|
"message0": "%1",
|
|
"args0": [
|
|
{
|
|
"type": "field_dropdown",
|
|
"name": FIELD_NAME,
|
|
"options": [
|
|
[IMAGE0, VALUE0],
|
|
[IMAGE1, VALUE1],
|
|
[IMAGE2, VALUE2]
|
|
]
|
|
}
|
|
]
|
|
}]);
|
|
|
|
let block = new Blockly.Block(this.workspace_, BLOCK_TYPE);
|
|
chai.assert.equal(block.inputList.length, 1);
|
|
chai.assert.equal(block.inputList[0].fieldRow.length, 1);
|
|
let dropdown = block.inputList[0].fieldRow[0];
|
|
chai.assert.equal(dropdown, block.getField(FIELD_NAME));
|
|
chai.assert.equal(Blockly.FieldDropdown, dropdown.constructor);
|
|
chai.assert.equal(VALUE0, dropdown.getValue());
|
|
|
|
function assertImageEquals(actualImage, expectedImage) {
|
|
chai.assert.equal(actualImage.width, expectedImage.width);
|
|
chai.assert.equal(actualImage.height, expectedImage.height);
|
|
chai.assert.equal(actualImage.src, expectedImage.src);
|
|
}
|
|
|
|
let options = dropdown.getOptions();
|
|
let image0 = options[0][0];
|
|
assertImageEquals(IMAGE0, image0);
|
|
chai.assert.equal(IMAGE0.alt, image0.alt);
|
|
chai.assert.equal(options[0][1], VALUE0);
|
|
|
|
let image1 = options[1][0];
|
|
assertImageEquals(IMAGE1, image1);
|
|
chai.assert.equal(IMAGE1.alt, IMAGE1_ALT_TEXT); // Via Msg reference
|
|
chai.assert.equal(VALUE1, options[1][1]);
|
|
|
|
let image2 = options[2][0];
|
|
assertImageEquals(IMAGE1, image1);
|
|
chai.assert.notExists(image2.alt); // No alt specified.
|
|
chai.assert.equal(VALUE2, options[2][1]);
|
|
});
|
|
});
|
|
});
|