5c2a08de6d
* Update browserslist * Add browserslistrc * ember-cli-update --to 3.26, fix conflicts * Run codemodes that start with ember-* * More codemods - before cp* * More codemods (curly data-test-*) * WIP ember-basic-dropdown template errors * updates ember-basic-dropdown and related deps to fix build issues * updates basic dropdown instances to new version API * updates more deps -- ember-template-lint is working again * runs no-implicit-this codemod * creates and runs no-quoteless-attributes codemod * runs angle brackets codemod * updates lint:hbs globs to only touch hbs files * removes yield only templates * creates and runs deprecated args transform * supresses lint error for invokeAction on LinkTo component * resolves remaining ambiguous path lint errors * resolves simple-unless lint errors * adds warnings for deprecated tagName arg on LinkTo components * adds warnings for remaining curly component invocation * updates global template lint rules * resolves remaining template lint errors * disables some ember specfic lint rules that target pre octane patterns * js lint fix run * resolves remaining js lint errors * fixes test run * adds npm-run-all dep * fixes test attribute issues * fixes console acceptance tests * fixes tests * adds yield only wizard/tutorial-active template * fixes more tests * attempts to fix more flaky tests * removes commented out settled in transit test * updates deprecations workflow and adds initializer to filter by version * updates flaky policies acl old test * updates to flaky transit test * bumps ember deps down to LTS version * runs linters after main merge * fixes client count tests after bad merge conflict fixes * fixes client count history test * more updates to lint config * another round of hbs lint fixes after extending stylistic rule * updates lint-staged commands * removes indent eslint rule since it seems to break things * fixes bad attribute in transform-edit-form template * test fixes * fixes enterprise tests * adds changelog * removes deprecated ember-concurrency-test-waiters dep and adds @ember/test-waiters * flaky test fix Co-authored-by: hashishaw <cshaw@hashicorp.com>
74 lines
2.8 KiB
JavaScript
74 lines
2.8 KiB
JavaScript
import { module, test } from 'qunit';
|
|
import { setupRenderingTest } from 'ember-qunit';
|
|
import { render } from '@ember/test-helpers';
|
|
import hbs from 'htmlbars-inline-precompile';
|
|
|
|
import { create } from 'ember-cli-page-object';
|
|
import kvObjectEditor from '../../pages/components/kv-object-editor';
|
|
|
|
import sinon from 'sinon';
|
|
const component = create(kvObjectEditor);
|
|
|
|
module('Integration | Component | kv object editor', function (hooks) {
|
|
setupRenderingTest(hooks);
|
|
|
|
test('it renders with no initial value', async function (assert) {
|
|
let spy = sinon.spy();
|
|
this.set('onChange', spy);
|
|
await render(hbs`{{kv-object-editor onChange=onChange}}`);
|
|
assert.equal(component.rows.length, 1, 'renders a single row');
|
|
await component.addRow();
|
|
assert.equal(component.rows.length, 1, 'will only render row with a blank key');
|
|
});
|
|
|
|
test('it calls onChange when the val changes', async function (assert) {
|
|
let spy = sinon.spy();
|
|
this.set('onChange', spy);
|
|
await render(hbs`{{kv-object-editor onChange=onChange}}`);
|
|
await component.rows.objectAt(0).kvKey('foo').kvVal('bar');
|
|
assert.equal(spy.callCount, 2, 'calls onChange each time change is triggered');
|
|
assert.deepEqual(
|
|
spy.lastCall.args[0],
|
|
{ foo: 'bar' },
|
|
'calls onChange with the JSON respresentation of the data'
|
|
);
|
|
await component.addRow();
|
|
assert.equal(component.rows.length, 2, 'adds a row when there is no blank one');
|
|
});
|
|
|
|
test('it renders passed data', async function (assert) {
|
|
let metadata = { foo: 'bar', baz: 'bop' };
|
|
this.set('value', metadata);
|
|
await render(hbs`{{kv-object-editor value=value}}`);
|
|
assert.equal(
|
|
component.rows.length,
|
|
Object.keys(metadata).length + 1,
|
|
'renders both rows of the metadata, plus an empty one'
|
|
);
|
|
});
|
|
|
|
test('it deletes a row', async function (assert) {
|
|
let spy = sinon.spy();
|
|
this.set('onChange', spy);
|
|
await render(hbs`{{kv-object-editor onChange=onChange}}`);
|
|
await component.rows.objectAt(0).kvKey('foo').kvVal('bar');
|
|
await component.addRow();
|
|
assert.equal(component.rows.length, 2);
|
|
assert.equal(spy.callCount, 2, 'calls onChange for editing');
|
|
await component.rows.objectAt(0).deleteRow();
|
|
|
|
assert.equal(component.rows.length, 1, 'only the blank row left');
|
|
assert.equal(spy.callCount, 3, 'calls onChange deleting row');
|
|
assert.deepEqual(spy.lastCall.args[0], {}, 'last call to onChange is an empty object');
|
|
});
|
|
|
|
test('it shows a warning if there are duplicate keys', async function (assert) {
|
|
let metadata = { foo: 'bar', baz: 'bop' };
|
|
this.set('value', metadata);
|
|
await render(hbs`{{kv-object-editor value=value}}`);
|
|
await component.rows.objectAt(0).kvKey('foo');
|
|
|
|
assert.ok(component.showsDuplicateError, 'duplicate keys are allowed but an error message is shown');
|
|
});
|
|
});
|