mirror of
https://github.com/google/blockly.git
synced 2026-05-12 23:20:10 +02:00
Rachel Fenichel
d11cc047a4
* chore: fix 918 violations of comma-dangle rule * chore: fix 2 violations of comma-spacing * chore: fix 13 violations of padded-blocks * chore: fix 50 violations of block-spacing * chore: fix one violation of semi-spacing * chore: fix 4 violations of space-before-blocks * chore: fix 38 violations of object-curly-spacing * chore: fix 30 violations of key-spacing * chore: fix 3 violations of quote-props * chore: fix 5 violations of arrow-parens * chore: fix 8 violations of no-tabs * chore: allow uncommented helper functions in mocha tests * chore: fix several more lint errors * chore: tweak eslint configuration in core and tests * chore: rebuild for tests
81 lines
3.0 KiB
JavaScript
81 lines
3.0 KiB
JavaScript
/**
|
|
* @license
|
|
* Copyright 2019 Google LLC
|
|
* SPDX-License-Identifier: Apache-2.0
|
|
*/
|
|
|
|
goog.module('Blockly.test.dropdown');
|
|
|
|
const {sharedTestSetup, sharedTestTeardown} = goog.require('Blockly.test.helpers');
|
|
|
|
|
|
suite('DropDownDiv', function() {
|
|
suite('Positioning', function() {
|
|
setup(function() {
|
|
sharedTestSetup.call(this);
|
|
this.boundsStub = sinon.stub(Blockly.DropDownDiv.TEST_ONLY, 'getBoundsInfo')
|
|
.returns({
|
|
left: 0,
|
|
right: 100,
|
|
top: 0,
|
|
bottom: 100,
|
|
width: 100,
|
|
height: 100,
|
|
});
|
|
this.sizeStub = sinon.stub(Blockly.utils.style, 'getSize')
|
|
.returns({
|
|
width: 60,
|
|
height: 60,
|
|
});
|
|
this.clientHeightStub = sinon.stub(document.documentElement, 'clientHeight')
|
|
.get(function() {return 1000;});
|
|
this.clientTopStub = sinon.stub(document.documentElement, 'clientTop')
|
|
.get(function() {return 0;});
|
|
});
|
|
teardown(function() {
|
|
sharedTestTeardown.call(this);
|
|
});
|
|
test('Below, in Bounds', function() {
|
|
const metrics = Blockly.DropDownDiv.TEST_ONLY.getPositionMetrics(50, 0, 50, -10);
|
|
// "Above" in value actually means below in render.
|
|
chai.assert.isAtLeast(metrics.initialY, 0);
|
|
chai.assert.isAbove(metrics.finalY, 0);
|
|
chai.assert.isTrue(metrics.arrowVisible);
|
|
chai.assert.isTrue(metrics.arrowAtTop);
|
|
});
|
|
test('Above, in Bounds', function() {
|
|
const metrics = Blockly.DropDownDiv.TEST_ONLY.getPositionMetrics(50, 100, 50, 90);
|
|
// "Below" in value actually means above in render.
|
|
chai.assert.isAtMost(metrics.initialY, 100);
|
|
chai.assert.isBelow(metrics.finalY, 100);
|
|
chai.assert.isTrue(metrics.arrowVisible);
|
|
chai.assert.isFalse(metrics.arrowAtTop);
|
|
});
|
|
test('Below, out of Bounds', function() {
|
|
const metrics = Blockly.DropDownDiv.TEST_ONLY.getPositionMetrics(50, 60, 50, 50);
|
|
// "Above" in value actually means below in render.
|
|
chai.assert.isAtLeast(metrics.initialY, 60);
|
|
chai.assert.isAbove(metrics.finalY, 60);
|
|
chai.assert.isTrue(metrics.arrowVisible);
|
|
chai.assert.isTrue(metrics.arrowAtTop);
|
|
});
|
|
test('Above, in Bounds', function() {
|
|
const metrics = Blockly.DropDownDiv.TEST_ONLY.getPositionMetrics(50, 100, 50, 90);
|
|
// "Below" in value actually means above in render.
|
|
chai.assert.isAtMost(metrics.initialY, 100);
|
|
chai.assert.isBelow(metrics.finalY, 100);
|
|
chai.assert.isTrue(metrics.arrowVisible);
|
|
chai.assert.isFalse(metrics.arrowAtTop);
|
|
});
|
|
test('No Solution, Render At Top', function() {
|
|
this.clientHeightStub.get(function() {return 100;});
|
|
const metrics = Blockly.DropDownDiv.TEST_ONLY.getPositionMetrics(50, 60, 50, 50);
|
|
// "Above" in value actually means below in render.
|
|
chai.assert.equal(metrics.initialY, 0);
|
|
chai.assert.equal(metrics.finalY, 0);
|
|
chai.assert.isFalse(metrics.arrowVisible);
|
|
chai.assert.isNotOk(metrics.arrowAtTop);
|
|
});
|
|
});
|
|
});
|