mirror of
https://github.com/google/blockly.git
synced 2026-01-08 01:20:12 +01:00
96758fedd4
* chore: change goog.module to goog.declareModuleId * chore: change test helper exports to esmod exports * chore: change test helpers to use esmodule imports * chore: convert imports of test helpers to esmodule imports * chore: convert other imports in tests to esm imports * fix: make imports use built files * chore: add blockly imports to a bunch of tests * fix: reference Blockly.Blocks instead of Blocks' * fix: properly import generators * chore: fix lint * chore: cleanup from rebase * chore: cleanup from rebase * chore: fix blocks 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.declareModuleId('Blockly.test.dropdown');
|
|
|
|
import {sharedTestSetup, sharedTestTeardown} from './test_helpers/setup_teardown.js';
|
|
|
|
|
|
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.TEST_ONLY, 'getSizeInternal')
|
|
.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);
|
|
});
|
|
});
|
|
});
|