open-vault/ui/tests/integration/components/secret-edit-test.js
Angel Garbarino 0455d31b84
Remove Ivy Codemirror (#14659)
* setup

* fix mode issue

* actions

* readonly styling

* remove ivycodemirror from package json

* wip

* test coverage for json editor

* text fixes

* fix tests

* fix cursor issue

* changelog

* clean up

* fix

* address pr comments

* unused css and it overides other styling.

* fix

* fix comment
2022-03-29 10:25:16 -06:00

105 lines
3.1 KiB
JavaScript

import { module, test } from 'qunit';
import { setupRenderingTest } from 'ember-qunit';
import { render, settled } from '@ember/test-helpers';
import { resolve } from 'rsvp';
import { run } from '@ember/runloop';
import Service from '@ember/service';
import hbs from 'htmlbars-inline-precompile';
let capabilities;
const storeService = Service.extend({
queryRecord() {
return resolve(capabilities);
},
});
module('Integration | Component | secret edit', function (hooks) {
setupRenderingTest(hooks);
hooks.beforeEach(function () {
capabilities = null;
this.codeMirror = this.owner.lookup('service:code-mirror');
run(() => {
this.owner.unregister('service:store');
this.owner.register('service:store', storeService);
});
});
test('it disables JSON toggle in show mode when is an advanced format', async function (assert) {
this.set('mode', 'show');
this.set('model', {
secretData: {
int: 2,
null: null,
float: 1.234,
},
});
await render(hbs`{{secret-edit mode=mode model=model }}`);
assert.dom('[data-test-toggle-input="json"]').isDisabled();
});
test('it does JSON toggle in show mode when showing string data', async function (assert) {
this.set('mode', 'show');
this.set('model', {
secretData: {
int: '2',
null: 'null',
float: '1.234',
},
});
await render(hbs`{{secret-edit mode=mode model=model }}`);
assert.dom('[data-test-toggle-input="json"]').isNotDisabled();
});
test('it shows an error when creating and data is not an object', async function (assert) {
this.set('mode', 'create');
this.set('model', {
secretData: null,
});
await render(hbs`{{secret-edit mode=mode model=model preferAdvancedEdit=true }}`);
let instance = document.querySelector('.CodeMirror').CodeMirror;
instance.setValue(JSON.stringify([{ foo: 'bar' }]));
await settled();
assert.dom('[data-test-error]').includesText('Vault expects data to be formatted as an JSON object');
});
test('it allows saving when the model isError', async function (assert) {
this.set('mode', 'create');
this.set('model', {
isError: true,
secretData: {
int: '2',
null: 'null',
float: '1.234',
},
});
await render(hbs`<SecretEdit @mode={{mode}} @model={{model}} />`);
assert.dom('[data-test-secret-save]').isNotDisabled();
});
test('it shows an error when editing and the data is not an object', async function (assert) {
this.set('mode', 'edit');
capabilities = {
canUpdate: true,
};
this.set('model', {
secretData: {
int: '2',
null: 'null',
float: '1.234',
},
canReadSecretData: true,
});
await render(hbs`{{secret-edit mode=mode model=model preferAdvancedEdit=true }}`);
let instance = document.querySelector('.CodeMirror').CodeMirror;
instance.setValue(JSON.stringify([{ foo: 'bar' }]));
await settled();
assert.dom('[data-test-error]').includesText('Vault expects data to be formatted as an JSON object');
});
});