scratch-blocks/tests/jsunit/svg_test.js
Rodrigo Queiro a6a39fb49b Use text cursor on whole of horizontal input field
We do this by applying the style to the same element we apply the click
target to, ie the whole block if it only has one field.
2016-04-04 11:07:20 +02:00

159 lines
3.7 KiB
JavaScript

/**
* @license
* Blockly Tests
*
* Copyright 2016 Google Inc.
* https://developers.google.com/blockly/
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an "AS IS" BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
'use strict';
var svgTest_workspace;
function svgTest_setUp() {
svgTest_workspace = Blockly.inject('blocklyDiv',
{toolbox: document.getElementById('toolbox')});
}
function svgTest_tearDown() {
svgTest_workspace.dispose();
svgTest_workspace = null;
}
/**
* Create a block with one field. Must be called after svgTest_setUp().
* @return {!Blockly.Block} The new block with one field.
*/
function svgTest_newOneFieldBlock() {
Blockly.Blocks['one_field_block'] = {
init: function() {
this.jsonInit({
'message0': '%1',
'args0': [
{
'type': 'field_input',
'name': 'FIELD'
}
]
});
}
};
var block = svgTest_workspace.newBlock('one_field_block');
block.initSvg();
block.render(false);
return block;
}
/**
* Create a block with two fields. Must be called after svgTest_setUp().
* @return {!Blockly.Block} The new block with two fields.
*/
function svgTest_newTwoFieldBlock() {
Blockly.Blocks['two_field_block'] = {
init: function() {
this.jsonInit({
'message0': 'text_field %1',
'args0': [
{
'type': 'field_input',
'name': 'FIELD'
}
]
});
}
};
var block = svgTest_workspace.newBlock('two_field_block');
block.initSvg();
block.render(false);
return block;
}
/**
* Check that the clicking the block shows the editor when the block has one
* field.
*/
function test_oneFieldBlock_blockClickShowsEditor() {
svgTest_setUp();
try {
var block = svgTest_newOneFieldBlock();
var showEditorCalled = false;
block.getField('FIELD').showEditor_ = function() {
showEditorCalled = true;
};
block.getSvgRoot().dispatchEvent(new Event('mouseup'));
assertTrue('showEditor_() not called', showEditorCalled);
} finally {
svgTest_tearDown();
}
}
/**
* Check that the clicking the field shows the editor when the block has more
* than one field.
*/
function test_twoFieldBlock_fieldClickShowsEditor() {
svgTest_setUp();
try {
var block = svgTest_newTwoFieldBlock();
var showEditorCalled = false;
block.getField('FIELD').showEditor_ = function() {
showEditorCalled = true;
};
block.getField('FIELD').getSvgRoot().dispatchEvent(new Event('mouseup'));
assertTrue('showEditor_() not called', showEditorCalled);
} finally {
svgTest_tearDown();
}
}
/**
* Check that blocks with one field have the text cursor style.
*/
function test_oneFieldBlock_blockCursorStyleIsText() {
svgTest_setUp();
try {
var block = svgTest_newOneFieldBlock();
assertEquals('text', block.getSvgRoot().style.cursor);
} finally {
svgTest_tearDown();
}
}
/**
* Check that blocks with two fields have the text cursor style on the field
* group.
*/
function test_twoFieldBlock_fieldCursorStyleIsText() {
svgTest_setUp();
try {
var block = svgTest_newTwoFieldBlock();
assertEquals('text', block.getField('FIELD').getSvgRoot().style.cursor);
} finally {
svgTest_tearDown();
}
}