blob: a92c96714589e9bf026783e15ff0b8cf24f5d3f9 [file] [log] [blame]
/**
* @license
* Copyright 2016 Google LLC
* SPDX-License-Identifier: Apache-2.0
*/
import '../../../test/common-test-setup-karma';
import './gr-selection-action-box';
import {GrSelectionActionBox} from './gr-selection-action-box';
import {queryAndAssert} from '../../../test/test-utils';
import {fixture, html} from '@open-wc/testing-helpers';
suite('gr-selection-action-box', () => {
let container: HTMLDivElement;
let element: GrSelectionActionBox;
let dispatchEventStub: sinon.SinonStub;
setup(async () => {
container = await fixture<HTMLDivElement>(html`
<div>
<gr-selection-action-box></gr-selection-action-box>
<div class="target">some text</div>
</div>
`);
element = queryAndAssert<GrSelectionActionBox>(
container,
'gr-selection-action-box'
);
await element.updateComplete;
dispatchEventStub = sinon.stub(element, 'dispatchEvent');
});
test('renders', () => {
expect(element).shadowDom.to.equal(/* HTML */ `
<gr-tooltip invisible id="tooltip" text="Press c to comment"></gr-tooltip>
`);
});
test('ignores regular keys', () => {
const event = new KeyboardEvent('keydown', {key: 'a'});
document.body.dispatchEvent(event);
assert.isFalse(dispatchEventStub.called);
});
suite('mousedown reacts only to main button', () => {
let e: any;
setup(() => {
e = {
button: 0,
preventDefault: sinon.stub(),
stopPropagation: sinon.stub(),
};
});
test('event handled if main button', () => {
element.handleMouseDown(e);
assert.isTrue(e.preventDefault.called);
assert.equal(
dispatchEventStub.lastCall.args[0].type,
'create-comment-requested'
);
});
test('event ignored if not main button', () => {
e.button = 1;
element.handleMouseDown(e);
assert.isFalse(e.preventDefault.called);
assert.isFalse(dispatchEventStub.called);
});
});
suite('placeAbove', () => {
let target: HTMLDivElement;
let getTargetBoundingRectStub: sinon.SinonStub;
setup(() => {
target = queryAndAssert<HTMLDivElement>(container, '.target');
sinon.stub(container, 'getBoundingClientRect').returns({
top: 1,
bottom: 2,
left: 3,
right: 4,
width: 50,
height: 6,
} as DOMRect);
getTargetBoundingRectStub = sinon
.stub(element, 'getTargetBoundingRect')
.returns({
top: 42,
bottom: 20,
left: 30,
right: 40,
width: 100,
height: 60,
} as DOMRect);
assert.isOk(element.tooltip);
sinon
.stub(element.tooltip!, 'getBoundingClientRect')
.returns({width: 10, height: 10} as DOMRect);
});
test('renders visible', async () => {
await element.placeAbove(target);
await element.updateComplete;
expect(element).shadowDom.to.equal(/* HTML */ `
<gr-tooltip id="tooltip" text="Press c to comment"></gr-tooltip>
`);
});
test('placeAbove for Element argument', async () => {
await element.placeAbove(target);
assert.equal(element.style.top, '25px');
assert.equal(element.style.left, '72px');
});
test('placeAbove for Text Node argument', async () => {
await element.placeAbove(target.firstElementChild!);
assert.equal(element.style.top, '25px');
assert.equal(element.style.left, '72px');
});
test('placeBelow for Element argument', async () => {
await element.placeBelow(target);
assert.equal(element.style.top, '45px');
assert.equal(element.style.left, '72px');
});
test('placeBelow for Text Node argument', async () => {
await element.placeBelow(target.firstElementChild!);
assert.equal(element.style.top, '45px');
assert.equal(element.style.left, '72px');
});
test('uses document.createRange', async () => {
const createRangeSpy = sinon.spy(document, 'createRange');
getTargetBoundingRectStub.restore();
await element.placeAbove(target.firstChild as HTMLElement);
assert.isTrue(createRangeSpy.called);
});
});
});