open-nomad/ui/tests/integration/components/copy-button-test.js
Jai Bhagat 3350f3fb11 ui: apply new qunit linting rules to tests
Async tests should use  in integrations tests.
Acceptance tests are using Mirage and can't use
since we can't know the number of assertions.
2022-01-20 10:01:35 -05:00

59 lines
1.7 KiB
JavaScript

import { module, test } from 'qunit';
import { setupRenderingTest } from 'ember-qunit';
import { click, render } from '@ember/test-helpers';
import hbs from 'htmlbars-inline-precompile';
import { componentA11yAudit } from 'nomad-ui/tests/helpers/a11y-audit';
import sinon from 'sinon';
import {
triggerCopyError,
triggerCopySuccess,
} from 'ember-cli-clipboard/test-support';
module('Integration | Component | copy-button', function (hooks) {
setupRenderingTest(hooks);
test('it shows the copy icon by default', async function (assert) {
assert.expect(2);
await render(hbs`<CopyButton @class="copy-button" />`);
assert.dom('.copy-button .icon-is-copy-action').exists();
await componentA11yAudit(this.element, assert);
});
test('it shows the success icon on success and resets afterward', async function (assert) {
assert.expect(4);
const clock = sinon.useFakeTimers({ shouldAdvanceTime: true });
await render(hbs`<CopyButton @class="copy-button" />`);
await click('.copy-button button');
await triggerCopySuccess('.copy-button button');
assert.dom('.copy-button .icon-is-copy-success').exists();
await componentA11yAudit(this.element, assert);
clock.runAll();
assert.dom('.copy-button .icon-is-copy-success').doesNotExist();
assert.dom('.copy-button .icon-is-copy-action').exists();
clock.restore();
});
test('it shows the error icon on error', async function (assert) {
assert.expect(2);
await render(hbs`<CopyButton @class="copy-button" />`);
await click('.copy-button button');
await triggerCopyError('.copy-button button');
assert.dom('.copy-button .icon-is-alert-triangle').exists();
await componentA11yAudit(this.element, assert);
});
});