39 lines
1.3 KiB
JavaScript
39 lines
1.3 KiB
JavaScript
import { module, test } from 'qunit';
|
|
import { setupRenderingTest } from 'ember-qunit';
|
|
import { render, settled } from '@ember/test-helpers';
|
|
import { create } from 'ember-cli-page-object';
|
|
import hbs from 'htmlbars-inline-precompile';
|
|
import copyButton from 'vault/tests/pages/components/hover-copy-button';
|
|
const component = create(copyButton);
|
|
|
|
module('Integration | Component | hover copy button', function (hooks) {
|
|
setupRenderingTest(hooks);
|
|
|
|
// ember-cli-clipboard helpers don't like the new style
|
|
test('it shows success message in tooltip', async function (assert) {
|
|
await render(hbs`
|
|
<div class="has-copy-button" tabindex="-1">
|
|
<HoverCopyButton @copyValue="foo" />
|
|
</div>
|
|
`);
|
|
await component.focusContainer();
|
|
await settled();
|
|
assert.ok(component.buttonIsVisible);
|
|
await component.mouseEnter();
|
|
await settled();
|
|
assert.equal(component.tooltipText, 'Copy', 'shows copy');
|
|
});
|
|
|
|
test('it has the correct class when alwaysShow is true', async function (assert) {
|
|
await render(hbs`
|
|
<HoverCopyButton
|
|
@copyValue="foo"
|
|
@alwaysShow={{true}}
|
|
/>
|
|
`);
|
|
await render(hbs`{{hover-copy-button alwaysShow=true copyValue=copyValue}}`);
|
|
assert.ok(component.buttonIsVisible);
|
|
assert.ok(component.wrapperClass.includes('hover-copy-button-static'));
|
|
});
|
|
});
|