open-vault/ui/tests/integration/components/mount-backend-form-test.js
Matthew Irish 757afb4de9
UI - no jquery (#6768)
* 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
2019-06-20 08:37:27 -05:00

73 lines
2.7 KiB
JavaScript

import { later, run } from '@ember/runloop';
import { module, test } from 'qunit';
import { setupRenderingTest } from 'ember-qunit';
import { render, settled } from '@ember/test-helpers';
import apiStub from 'vault/tests/helpers/noop-all-api-requests';
import hbs from 'htmlbars-inline-precompile';
import { create } from 'ember-cli-page-object';
import mountBackendForm from '../../pages/components/mount-backend-form';
import sinon from 'sinon';
const component = create(mountBackendForm);
module('Integration | Component | mount backend form', function(hooks) {
setupRenderingTest(hooks);
hooks.beforeEach(function() {
this.owner.lookup('service:flash-messages').registerTypes(['success', 'danger']);
this.server = apiStub();
});
hooks.afterEach(function() {
this.server.shutdown();
});
test('it renders', async function(assert) {
await render(hbs`{{mount-backend-form}}`);
assert.equal(component.header, 'Enable an Authentication Method', 'renders auth header in default state');
assert.ok(component.types.length > 0, 'renders type picker');
});
test('it changes path when type is changed', async function(assert) {
await render(hbs`{{mount-backend-form}}`);
await component.selectType('aws');
await component.next();
assert.equal(component.pathValue, 'aws', 'sets the value of the type');
await component.back();
await component.selectType('approle');
await component.next();
assert.equal(component.pathValue, 'approle', 'updates the value of the type');
});
test('it keeps path value if the user has changed it', async function(assert) {
await render(hbs`{{mount-backend-form}}`);
await component.selectType('approle');
await component.next();
assert.equal(component.pathValue, 'approle', 'defaults to approle (first in the list)');
await component.path('newpath');
await component.back();
await component.selectType('aws');
await component.next();
assert.equal(component.pathValue, 'newpath', 'updates to the value of the type');
});
test('it calls mount success', async function(assert) {
this.server.post('/v1/sys/auth/foo', () => {
return [204, { 'Content-Type': 'application/json' }];
});
const spy = sinon.spy();
this.set('onMountSuccess', spy);
await render(hbs`{{mount-backend-form onMountSuccess=onMountSuccess}}`);
await component.mount('approle', 'foo');
later(() => run.cancelTimers(), 50);
await settled();
let enableRequest = this.server.handledRequests.findBy('url', '/v1/sys/auth/foo');
assert.ok(enableRequest, 'it calls enable on an auth method');
assert.ok(spy.calledOnce, 'calls the passed success method');
});
});