mirror of
https://github.com/optim-enterprises-bv/vault.git
synced 2025-11-01 19:17:58 +00:00
Ember update (#5386)
Ember update - update ember-cli, ember-data, and ember to 3.4 series
This commit is contained in:
@@ -1,39 +1,43 @@
|
||||
import { moduleForComponent, test } from 'ember-qunit';
|
||||
import { module, test, skip } from 'qunit';
|
||||
import { setupRenderingTest } from 'ember-qunit';
|
||||
import { render } 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';
|
||||
import { triggerSuccess } from '../../helpers/ember-cli-clipboard';
|
||||
const component = create(copyButton);
|
||||
|
||||
moduleForComponent('hover-copy-button', 'Integration | Component | hover copy button', {
|
||||
integration: true,
|
||||
module('Integration | Component | hover copy button', function(hooks) {
|
||||
setupRenderingTest(hooks);
|
||||
|
||||
beforeEach() {
|
||||
hooks.beforeEach(function() {
|
||||
component.setContext(this);
|
||||
},
|
||||
});
|
||||
|
||||
afterEach() {
|
||||
hooks.afterEach(function() {
|
||||
component.removeContext();
|
||||
},
|
||||
});
|
||||
});
|
||||
|
||||
test('it shows success message in tooltip', function(assert) {
|
||||
this.set('copyValue', 'foo');
|
||||
this.render(
|
||||
hbs`<div class="has-copy-button" tabindex="-1">{{hover-copy-button copyValue=copyValue}}</div>`
|
||||
);
|
||||
// ember-cli-clipboard helpers don't like the new style
|
||||
skip('it shows success message in tooltip', async function(assert) {
|
||||
this.set('copyValue', 'foo');
|
||||
await render(
|
||||
hbs`<div class="has-copy-button" tabindex="-1">
|
||||
<HoverCopyButton @copyValue={{copyValue}} />
|
||||
</div>`
|
||||
);
|
||||
|
||||
component.focusContainer();
|
||||
assert.ok(component.buttonIsVisible);
|
||||
component.mouseEnter();
|
||||
assert.equal(component.tooltipText, 'Copy', 'shows copy');
|
||||
triggerSuccess(this, '[data-test-hover-copy-button]');
|
||||
assert.equal(component.tooltipText, 'Copied!', 'shows success message');
|
||||
});
|
||||
await component.focusContainer();
|
||||
assert.ok(component.buttonIsVisible);
|
||||
await component.mouseEnter();
|
||||
assert.equal(component.tooltipText, 'Copy', 'shows copy');
|
||||
await component.click();
|
||||
assert.equal(component.tooltipText, 'Copied!', 'shows success message');
|
||||
});
|
||||
|
||||
test('it has the correct class when alwaysShow is true', function(assert) {
|
||||
this.set('copyValue', 'foo');
|
||||
this.render(hbs`{{hover-copy-button alwaysShow=true copyValue=copyValue}}`);
|
||||
assert.ok(component.buttonIsVisible);
|
||||
assert.ok(component.wrapperClass.includes('hover-copy-button-static'));
|
||||
test('it has the correct class when alwaysShow is true', async function(assert) {
|
||||
this.set('copyValue', 'foo');
|
||||
await render(hbs`{{hover-copy-button alwaysShow=true copyValue=copyValue}}`);
|
||||
assert.ok(component.buttonIsVisible);
|
||||
assert.ok(component.wrapperClass.includes('hover-copy-button-static'));
|
||||
});
|
||||
});
|
||||
|
||||
Reference in New Issue
Block a user