vault/ui/tests/integration/components/edit-form-test.js
Matthew Irish aee6566bb6
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

86 lines
2.6 KiB
JavaScript

import { later, run } from '@ember/runloop';
import { resolve } from 'rsvp';
import EmberObject from '@ember/object';
import Service from '@ember/service';
import { module, test } from 'qunit';
import { setupRenderingTest } from 'ember-qunit';
import { render, settled } from '@ember/test-helpers';
import hbs from 'htmlbars-inline-precompile';
import sinon from 'sinon';
import { create } from 'ember-cli-page-object';
import editForm from 'vault/tests/pages/components/edit-form';
const component = create(editForm);
const flash = Service.extend({
success: sinon.stub(),
});
const createModel = (canDelete = true) => {
return EmberObject.create({
fields: [{ name: 'one', type: 'string' }, { name: 'two', type: 'boolean' }],
canDelete,
destroyRecord() {
return resolve();
},
save() {
return resolve();
},
rollbackAttributes() {},
});
};
module('Integration | Component | edit form', function(hooks) {
setupRenderingTest(hooks);
hooks.beforeEach(function() {
run(() => {
this.owner.unregister('service:flash-messages');
this.owner.register('service:flash-messages', flash);
});
});
test('it renders', async function(assert) {
let model = createModel();
this.set('model', model);
await render(hbs`{{edit-form model=model}}`);
assert.ok(component.fields.length, 2);
assert.ok(component.showsDelete);
assert.equal(component.deleteText, 'Delete');
});
test('it renders: custom deleteButton', async function(assert) {
let model = createModel();
let delText = 'Exterminate';
this.set('model', model);
this.set('deleteButtonText', delText);
await render(hbs`{{edit-form model=model deleteButtonText=deleteButtonText}}`);
assert.ok(component.showsDelete);
assert.equal(component.deleteText, delText);
});
test('it calls flash message fns on save', async function(assert) {
let model = createModel();
let onSave = () => {
return resolve();
};
this.set('model', model);
this.set('onSave', onSave);
let saveSpy = sinon.spy(this, 'onSave');
await render(hbs`{{edit-form model=model onSave=onSave}}`);
component.submit();
later(() => run.cancelTimers(), 50);
return settled().then(() => {
assert.ok(saveSpy.calledOnce, 'calls passed onSave');
assert.equal(saveSpy.getCall(0).args[0].saveType, 'save');
assert.deepEqual(saveSpy.getCall(0).args[0].model, model, 'passes model to onSave');
let flash = this.owner.lookup('service:flash-messages');
assert.equal(flash.success.callCount, 1, 'calls flash message success');
});
});
});