757afb4de9
* add no-jquery rule and move event listeners to ember-concurrency tasks * remove unnecessary onchange and handleKeyDown actions * add element.closest polyfill and convert linked-block to use native dom apis * update pretender, fetch, page-object, add optional-features, remove ember/jquery * turn off jquery inclusion * remove jQuery.isPlainObject usage * violatedDirective isn't always formatted the same * use fetch and the ember-fetch adapter mixin * move to fetch and lowercase headers for pretender * display non-ember-data errors * use new async fn test style and lowercase headers in auth service test * setContext is not necessary with the new style tests and ember-cli-page-object - it actually triggers jquery usage * update ember-fetch, ember-cli-pretender * wait for permissions check * lowercase header name in auth test * refactor transit tests to one test per key type * simplify pollCluster helper * stop flakey tests by prefering the native fetch * avoid uncaught TransitionAborted error by navigating directly to unseal * unset model on controller after unloading it because controllers are singletons * update yarn.lock
89 lines
2.7 KiB
JavaScript
89 lines
2.7 KiB
JavaScript
import { module, test } 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 maskedInput from 'vault/tests/pages/components/masked-input';
|
|
|
|
const component = create(maskedInput);
|
|
|
|
module('Integration | Component | masked input', function(hooks) {
|
|
setupRenderingTest(hooks);
|
|
|
|
const hasClass = (classString = '', classToFind) => {
|
|
return classString.split(' ').includes(classToFind);
|
|
};
|
|
|
|
test('it renders', async function(assert) {
|
|
await render(hbs`{{masked-input}}`);
|
|
|
|
assert.ok(hasClass(component.wrapperClass, 'masked'));
|
|
});
|
|
|
|
test('it renders a textarea', async function(assert) {
|
|
await render(hbs`{{masked-input}}`);
|
|
|
|
assert.ok(component.textareaIsPresent);
|
|
});
|
|
|
|
test('it does not render a textarea when displayOnly is true', async function(assert) {
|
|
await render(hbs`{{masked-input displayOnly=true}}`);
|
|
|
|
assert.notOk(component.textareaIsPresent);
|
|
});
|
|
|
|
test('it renders a copy button when allowCopy is true', async function(assert) {
|
|
await render(hbs`{{masked-input allowCopy=true}}`);
|
|
|
|
assert.ok(component.copyButtonIsPresent);
|
|
});
|
|
|
|
test('it does not render a copy button when allowCopy is false', async function(assert) {
|
|
await render(hbs`{{masked-input allowCopy=false}}`);
|
|
|
|
assert.notOk(component.copyButtonIsPresent);
|
|
});
|
|
|
|
test('it unmasks text on focus', async function(assert) {
|
|
this.set('value', 'value');
|
|
await render(hbs`{{masked-input value=value}}`);
|
|
assert.ok(hasClass(component.wrapperClass, 'masked'));
|
|
|
|
await component.focusField();
|
|
assert.notOk(hasClass(component.wrapperClass, 'masked'));
|
|
});
|
|
|
|
test('it remasks text on blur', async function(assert) {
|
|
this.set('value', 'value');
|
|
await render(hbs`{{masked-input value=value}}`);
|
|
|
|
assert.ok(hasClass(component.wrapperClass, 'masked'));
|
|
|
|
await component.focusField();
|
|
await component.blurField();
|
|
|
|
assert.ok(hasClass(component.wrapperClass, 'masked'));
|
|
});
|
|
|
|
test('it unmasks text when button is clicked', async function(assert) {
|
|
this.set('value', 'value');
|
|
await render(hbs`{{masked-input value=value}}`);
|
|
|
|
assert.ok(hasClass(component.wrapperClass, 'masked'));
|
|
|
|
await component.toggleMasked();
|
|
|
|
assert.notOk(hasClass(component.wrapperClass, 'masked'));
|
|
});
|
|
|
|
test('it remasks text when button is clicked', async function(assert) {
|
|
this.set('value', 'value');
|
|
await render(hbs`{{masked-input value=value}}`);
|
|
|
|
await component.toggleMasked();
|
|
await component.toggleMasked();
|
|
|
|
assert.ok(hasClass(component.wrapperClass, 'masked'));
|
|
});
|
|
});
|