mirror of
https://github.com/google/blockly.git
synced 2025-12-16 06:10:12 +01:00
6c0c81d2f8
There are small typos in: - closure/goog/base.js - core/contextmenu_items.js - core/insertion_marker_manager.js - core/toolbox/collapsible_category.js - demos/blockfactory/workspacefactory/wfactory_controller.js - demos/blockfactory/workspacefactory/wfactory_view.js - tests/mocha/field_colour_test.js Fixes: - Should read `updates` rather than `udpates`. - Should read `unhighlighting` rather than `unhiglighting`. - Should read `then` rather than `tehn`. - Should read `modified` rather than `modifed`. - Should read `different` rather than `diffferent`. - Should read `currently` rather than `currenly`. - Should read `browser` rather than `broswer`.
313 lines
10 KiB
JavaScript
313 lines
10 KiB
JavaScript
/**
|
|
* @license
|
|
* Copyright 2019 Google LLC
|
|
* SPDX-License-Identifier: Apache-2.0
|
|
*/
|
|
|
|
goog.module('Blockly.test.fieldColour');
|
|
|
|
const {createTestBlock, defineRowBlock, sharedTestSetup, sharedTestTeardown, workspaceTeardown} = goog.require('Blockly.test.helpers');
|
|
|
|
|
|
suite('Colour Fields', function() {
|
|
setup(function() {
|
|
sharedTestSetup.call(this);
|
|
});
|
|
teardown(function() {
|
|
sharedTestTeardown.call(this);
|
|
});
|
|
/**
|
|
* Configuration for field tests with invalid values.
|
|
* @type {!Array<!FieldCreationTestCase>}
|
|
*/
|
|
let invalidValueTestCases = [
|
|
{title: 'Undefined', value: undefined},
|
|
{title: 'Null', value: null},
|
|
{title: 'NaN', value: NaN},
|
|
{title: 'Non-Parsable String', value: 'bad-string'},
|
|
{title: 'Integer', value: 1},
|
|
{title: 'Float', value: 1.5},
|
|
{title: 'Infinity', value: Infinity, expectedValue: Infinity},
|
|
{title: 'Negative Infinity', value: -Infinity, expectedValue: -Infinity},
|
|
];
|
|
/**
|
|
* Configuration for field tests with valid values.
|
|
* @type {!Array<!FieldCreationTestCase>}
|
|
*/
|
|
|
|
let validValueTestCases = [
|
|
{title: '#AAAAAA', value: '#AAAAAA', expectedValue: '#aaaaaa',
|
|
expectedText: '#aaa'},
|
|
{title: '#aaaaaa', value: '#aaaaaa', expectedValue: '#aaaaaa',
|
|
expectedText: '#aaa'},
|
|
{title: '#AAAA00', value: '#AAAA00', expectedValue: '#aaaa00',
|
|
expectedText: '#aa0'},
|
|
{title: '#aaaA00', value: '#aaaA00', expectedValue: '#aaaa00',
|
|
expectedText: '#aa0'},
|
|
{title: '#BCBCBC', value: '#BCBCBC', expectedValue: '#bcbcbc',
|
|
expectedText: '#bcbcbc'},
|
|
{title: '#bcbcbc', value: '#bcbcbc', expectedValue: '#bcbcbc',
|
|
expectedText: '#bcbcbc'},
|
|
{title: '#AA0', value: '#AA0', expectedValue: '#aaaa00',
|
|
expectedText: '#aa0'},
|
|
{title: '#aa0', value: '#aa0', expectedValue: '#aaaa00',
|
|
expectedText: '#aa0'},
|
|
{title: 'rgb(170, 170, 0)', value: 'rgb(170, 170, 0)',
|
|
expectedValue: '#aaaa00', expectedText: '#aa0'},
|
|
{title: 'red', value: 'red', expectedValue: '#ff0000',
|
|
expectedText: '#f00'},
|
|
];
|
|
let addArgsAndJson = function(testCase) {
|
|
testCase.args = [testCase.value];
|
|
testCase.json = {'colour': testCase.value};
|
|
};
|
|
invalidValueTestCases.forEach(addArgsAndJson);
|
|
validValueTestCases.forEach(addArgsAndJson);
|
|
|
|
/**
|
|
* The expected default value for the field being tested.
|
|
* @type {*}
|
|
*/
|
|
let defaultFieldValue = Blockly.FieldColour.COLOURS[0];
|
|
/**
|
|
* The expected default text for the field being tested.
|
|
* @type {*}
|
|
*/
|
|
let defaultTextValue = (
|
|
function() {
|
|
let expectedText = defaultFieldValue;
|
|
let m = defaultFieldValue.match(/^#(.)\1(.)\2(.)\3$/);
|
|
if (m) {
|
|
expectedText = '#' + m[1] + m[2] + m[3];
|
|
}
|
|
return expectedText;
|
|
})();
|
|
/**
|
|
* Asserts that the field property values are set to default.
|
|
* @param {FieldTemplate} field The field to check.
|
|
*/
|
|
let assertFieldDefault = function(field) {
|
|
testHelpers.assertFieldValue(field, defaultFieldValue, defaultTextValue);
|
|
};
|
|
/**
|
|
* Asserts that the field properties are correct based on the test case.
|
|
* @param {!Blockly.FieldAngle} field The field to check.
|
|
* @param {!FieldValueTestCase} testCase The test case.
|
|
*/
|
|
let validTestCaseAssertField = function(field, testCase) {
|
|
testHelpers.assertFieldValue(
|
|
field, testCase.expectedValue, testCase.expectedText);
|
|
};
|
|
|
|
testHelpers.runConstructorSuiteTests(
|
|
Blockly.FieldColour, validValueTestCases, invalidValueTestCases,
|
|
validTestCaseAssertField, assertFieldDefault);
|
|
|
|
testHelpers.runFromJsonSuiteTests(
|
|
Blockly.FieldColour, validValueTestCases, invalidValueTestCases,
|
|
validTestCaseAssertField, assertFieldDefault);
|
|
|
|
suite('setValue', function() {
|
|
suite('Empty -> New Value', function() {
|
|
setup(function() {
|
|
this.field = new Blockly.FieldColour();
|
|
});
|
|
testHelpers.runSetValueTests(
|
|
validValueTestCases, invalidValueTestCases, defaultFieldValue,
|
|
defaultTextValue);
|
|
test('With source block', function() {
|
|
this.field.setSourceBlock(createTestBlock());
|
|
this.field.setValue('#bcbcbc');
|
|
testHelpers.assertFieldValue(this.field, '#bcbcbc', '#bcbcbc');
|
|
});
|
|
});
|
|
suite('Value -> New Value', function() {
|
|
setup(function() {
|
|
this.field = new Blockly.FieldColour('#aaaaaa');
|
|
});
|
|
testHelpers.runSetValueTests(
|
|
validValueTestCases, invalidValueTestCases, '#aaaaaa', '#aaa');
|
|
test('With source block', function() {
|
|
this.field.setSourceBlock(createTestBlock());
|
|
this.field.setValue('#bcbcbc');
|
|
testHelpers.assertFieldValue(this.field, '#bcbcbc', '#bcbcbc');
|
|
});
|
|
});
|
|
});
|
|
suite('Validators', function() {
|
|
setup(function() {
|
|
this.field = new Blockly.FieldColour('#aaaaaa');
|
|
});
|
|
let testSuites = [
|
|
{title: 'Null Validator',
|
|
validator:
|
|
function() {
|
|
return null;
|
|
},
|
|
value: '#000000', expectedValue: '#aaaaaa', expectedText: '#aaa'},
|
|
{title: 'Force Full Red Validator',
|
|
validator:
|
|
function(newValue) {
|
|
return '#ff' + newValue.substr(3, 4);
|
|
},
|
|
value: '#000000', expectedValue: '#ff0000', expectedText: '#f00'},
|
|
{title: 'Returns Undefined Validator', validator: function() {},
|
|
value: '#000000', expectedValue: '#000000', expectedText: '#000'},
|
|
];
|
|
testSuites.forEach(function(suiteInfo) {
|
|
suite(suiteInfo.title, function() {
|
|
setup(function() {
|
|
this.field.setValidator(suiteInfo.validator);
|
|
});
|
|
test('New Value', function() {
|
|
this.field.setValue(suiteInfo.value);
|
|
testHelpers.assertFieldValue(
|
|
this.field, suiteInfo.expectedValue, suiteInfo.expectedText);
|
|
});
|
|
});
|
|
});
|
|
});
|
|
suite('Customizations', function() {
|
|
suite('Colours and Titles', function() {
|
|
function assertColoursAndTitles(field, colours, titles) {
|
|
field.dropdownCreate_();
|
|
let index = 0;
|
|
let node = field.picker_.firstChild.firstChild;
|
|
while (node) {
|
|
chai.assert.equal(node.getAttribute('title'), titles[index]);
|
|
chai.assert.equal(
|
|
Blockly.utils.colour.parse(
|
|
node.style.backgroundColor),
|
|
colours[index]);
|
|
|
|
let nextNode = node.nextSibling;
|
|
if (!nextNode) {
|
|
nextNode = node.parentElement.nextSibling;
|
|
if (!nextNode) {
|
|
break;
|
|
}
|
|
nextNode = nextNode.firstChild;
|
|
}
|
|
node = nextNode;
|
|
|
|
index++;
|
|
}
|
|
}
|
|
test('Constants', function() {
|
|
let colours = Blockly.FieldColour.COLOURS;
|
|
let titles = Blockly.FieldColour.TITLES;
|
|
// Note: Developers shouldn't actually do this. IMO they should
|
|
// change the file and then recompile. But this is fine for testing.
|
|
Blockly.FieldColour.COLOURS = ['#aaaaaa'];
|
|
Blockly.FieldColour.TITLES = ['grey'];
|
|
let field = new Blockly.FieldColour();
|
|
|
|
assertColoursAndTitles(field, ['#aaaaaa'], ['grey']);
|
|
|
|
Blockly.FieldColour.COLOURS = colours;
|
|
Blockly.FieldColour.TITLES = titles;
|
|
});
|
|
test('JS Constructor', function() {
|
|
let field = new Blockly.FieldColour('#aaaaaa', null, {
|
|
colourOptions: ['#aaaaaa'],
|
|
colourTitles: ['grey']
|
|
});
|
|
assertColoursAndTitles(field, ['#aaaaaa'], ['grey']);
|
|
});
|
|
test('JSON Definition', function() {
|
|
let field = Blockly.FieldColour.fromJson({
|
|
colour: '#aaaaaa',
|
|
colourOptions: ['#aaaaaa'],
|
|
colourTitles: ['grey']
|
|
});
|
|
assertColoursAndTitles(field, ['#aaaaaa'], ['grey']);
|
|
});
|
|
test('setColours', function() {
|
|
let field = new Blockly.FieldColour();
|
|
field.setColours(['#aaaaaa'], ['grey']);
|
|
assertColoursAndTitles(field, ['#aaaaaa'], ['grey']);
|
|
});
|
|
test('Titles Undefined', function() {
|
|
let field = new Blockly.FieldColour();
|
|
field.setColours(['#aaaaaa']);
|
|
assertColoursAndTitles(field, ['#aaaaaa'], ['#aaaaaa']);
|
|
});
|
|
test('Some Titles Undefined', function() {
|
|
let field = new Blockly.FieldColour();
|
|
field.setColours(['#aaaaaa', '#ff0000'], ['grey']);
|
|
assertColoursAndTitles(field,
|
|
['#aaaaaa', '#ff0000'], ['grey', '#ff0000']);
|
|
});
|
|
// This is kinda derpy behavior, but I wanted to document it.
|
|
test('Overwriting Colours While Leaving Titles', function() {
|
|
let field = new Blockly.FieldColour();
|
|
field.setColours(['#aaaaaa'], ['grey']);
|
|
field.setColours(['#ff0000']);
|
|
assertColoursAndTitles(field, ['#ff0000'], ['grey']);
|
|
});
|
|
});
|
|
suite('Columns', function() {
|
|
function assertColumns(field, columns) {
|
|
field.dropdownCreate_();
|
|
chai.assert.equal(field.picker_.firstChild.children.length, columns);
|
|
}
|
|
test('Constants', function() {
|
|
let columns = Blockly.FieldColour.COLUMNS;
|
|
// Note: Developers shouldn't actually do this. IMO they should edit
|
|
// the file and then recompile. But this is fine for testing.
|
|
Blockly.FieldColour.COLUMNS = 3;
|
|
let field = new Blockly.FieldColour();
|
|
|
|
assertColumns(field, 3);
|
|
|
|
Blockly.FieldColour.COLUMNS = columns;
|
|
});
|
|
test('JS Constructor', function() {
|
|
let field = new Blockly.FieldColour('#ffffff', null, {
|
|
columns: 3
|
|
});
|
|
assertColumns(field, 3);
|
|
});
|
|
test('JSON Definition', function() {
|
|
let field = Blockly.FieldColour.fromJson({
|
|
'colour': '#ffffff',
|
|
'columns': 3
|
|
});
|
|
assertColumns(field, 3);
|
|
});
|
|
test('setColumns', function() {
|
|
let field = new Blockly.FieldColour();
|
|
field.setColumns(3);
|
|
assertColumns(field, 3);
|
|
});
|
|
});
|
|
});
|
|
|
|
suite('Serialization', function() {
|
|
setup(function() {
|
|
this.workspace = new Blockly.Workspace();
|
|
defineRowBlock();
|
|
|
|
this.assertValue = (value) => {
|
|
const block = this.workspace.newBlock('row_block');
|
|
const field = new Blockly.FieldColour(value);
|
|
block.getInput('INPUT').appendField(field, 'COLOUR');
|
|
const jso = Blockly.serialization.blocks.save(block);
|
|
chai.assert.deepEqual(jso['fields'], {'COLOUR': value});
|
|
};
|
|
});
|
|
|
|
teardown(function() {
|
|
workspaceTeardown.call(this, this.workspace);
|
|
});
|
|
|
|
test('Three char', function() {
|
|
this.assertValue('#001122');
|
|
});
|
|
|
|
test('Six char', function() {
|
|
this.assertValue('#012345');
|
|
});
|
|
});
|
|
});
|