blob: 37dd9aa28eeb9faec5dd065b96d8bb2dd2846f11 [file] [log] [blame]
/**
* @license
* Copyright 2022 Google LLC
* SPDX-License-Identifier: Apache-2.0
*/
import '../../../test/common-test-setup';
import {fixture, html, assert} from '@open-wc/testing';
import './gr-copy-links';
import {GrCopyLinks} from './gr-copy-links';
import {pressKey, queryAndAssert, waitUntil} from '../../../test/test-utils';
import {IronDropdownElement} from '@polymer/iron-dropdown';
import {GrButton} from '../../shared/gr-button/gr-button';
import {GrCopyClipboard} from '../../shared/gr-copy-clipboard/gr-copy-clipboard';
suite('gr-copy-links tests', () => {
let element: GrCopyLinks;
setup(async () => {
const links = [
{
label: 'Change ID',
shortcut: 'd',
value: '123456',
},
];
element = await fixture<GrCopyLinks>(
html`<gr-copy-links .copyLinks=${links}></gr-copy-links>`
);
await element.updateComplete;
element.openDropdown();
await waitUntil(() => element.isDropdownOpen);
await element.updateComplete;
});
test('renders', () => {
assert.shadowDom.equal(
element,
/* HTML */ `<iron-dropdown
aria-disabled="false"
horizontal-align="left"
vertical-align="top"
>
<div slot="dropdown-content">
<div class="copy-link-row">
<gr-copy-clipboard label="Change ID" nowrap="" shortcut="l - d"
text="123456" id="Change_ID-field-copy-clipboard">
</gr-copy-clipboard>
</div>
</iron-dropdown>`,
{
// iron-dropdown sizing seems to vary between local & CI
ignoreAttributes: [{tags: ['iron-dropdown'], attributes: ['style']}],
}
);
});
test('click writes to clipboard', () => {
const clipboardStub = sinon.stub(navigator.clipboard, 'writeText');
const copyClipboard = queryAndAssert<GrCopyClipboard>(
element,
'gr-copy-clipboard'
);
const copyBtn = queryAndAssert<GrButton>(copyClipboard, '.copyToClipboard');
copyBtn.click();
assert.isTrue(clipboardStub.called);
assert.isTrue(clipboardStub.calledWith('123456'));
});
test('shorcuts writes to clipboard', () => {
const clipboardStub = sinon.stub(window.navigator.clipboard, 'writeText');
const ironDropdown = queryAndAssert<IronDropdownElement>(
element,
'iron-dropdown'
);
pressKey(ironDropdown, 'd');
assert.isTrue(clipboardStub.called);
assert.isTrue(clipboardStub.calledWith('123456'));
});
});