be632db682
* runs ember-cli-update to 4.4.0 * updates yarn.lock * updates dependencies causing runtime errors (#17135) * Inject Store Service When Accessed Implicitly (#17345) * adds codemod for injecting store service * adds custom babylon parser with decorators-legacy plugin for jscodeshift transforms * updates inject-store-service codemod to only look for .extend object expressions and adds recast options * runs inject-store-service codemod on js files * replace query-params helper with hash (#17404) * Updates/removes dependencies throwing errors in Ember 4.4 (#17396) * updates ember-responsive to latest * updates ember-composable-helpers to latest and uses includes helper since contains was removed * updates ember-concurrency to latest * updates ember-cli-clipboard to latest * temporary workaround for toolbar-link component throwing errors for using params arg with LinkTo * adds missing store injection to auth configure route * fixes issue with string-list component throwing error for accessing prop in same computation * fixes non-iterable query params issue in mfa methods controller * refactors field-to-attrs to handle belongsTo rather than fragments * converts mount-config fragment to belongsTo on auth-method model * removes ember-api-actions and adds tune method to auth-method adapter * converts cluster replication attributes from fragment to relationship * updates ember-data, removes ember-data-fragments and updates yarn to latest * removes fragments from secret-engine model * removes fragment from test-form-model * removes commented out code * minor change to inject-store-service codemod and runs again on js files * Remove LinkTo positional params (#17421) * updates ember-cli-page-object to latest version * update toolbar-link to support link-to args and not positional params * adds replace arg to toolbar-link component * Clean up js lint errors (#17426) * replaces assert.equal to assert.strictEqual * update eslint no-console to error and disables invididual intended uses of console * cleans up hbs lint warnings (#17432) * Upgrade bug and test fixes (#17500) * updates inject-service codemod to take arg for service name and runs for flashMessages service * fixes hbs lint error after merging main * fixes flash messages * updates more deps * bug fixes * test fixes * updates ember-cli-content-security-policy and prevents default form submission throwing errors * more bug and test fixes * removes commented out code * fixes issue with code-mirror modifier sending change event on setup causing same computation error * Upgrade Clean Up (#17543) * updates deprecation workflow and filter * cleans up build errors, removes unused ivy-codemirror and sass and updates ember-cli-sass and node-sass to latest * fixes control groups test that was skipped after upgrade * updates control group service tests * addresses review feedback * updates control group service handleError method to use router.currentURL rather that transition.intent.url * adds changelog entry
82 lines
2.9 KiB
JavaScript
82 lines
2.9 KiB
JavaScript
import { module, test } from 'qunit';
|
|
import { setupRenderingTest } from 'ember-qunit';
|
|
import { render, fillIn } from '@ember/test-helpers';
|
|
import hbs from 'htmlbars-inline-precompile';
|
|
import sinon from 'sinon';
|
|
|
|
const OPTIONS = ['foo', 'bar', 'baz'];
|
|
const LABEL = 'Boop';
|
|
|
|
module('Integration | Component | Select', function (hooks) {
|
|
setupRenderingTest(hooks);
|
|
|
|
hooks.beforeEach(function () {
|
|
this.set('options', OPTIONS);
|
|
this.set('label', LABEL);
|
|
this.set('name', 'foo');
|
|
});
|
|
|
|
test('it renders', async function (assert) {
|
|
await render(hbs`<Select @options={{this.options}} @label={{this.label}} @name={{this.name}}/>`);
|
|
assert.dom('[data-test-select-label]').hasText('Boop');
|
|
assert.dom('[data-test-select="foo"]').exists();
|
|
});
|
|
|
|
test('it renders when options is an array of strings', async function (assert) {
|
|
await render(hbs`<Select @options={{this.options}} @label={{this.label}} @name={{this.name}}/>`);
|
|
|
|
assert.dom('[data-test-select="foo"]').hasValue('foo');
|
|
assert.strictEqual(this.element.querySelector('[data-test-select="foo"]').options.length, 3);
|
|
});
|
|
|
|
test('it renders when options is an array of objects', async function (assert) {
|
|
const objectOptions = [
|
|
{ value: 'berry', label: 'Berry' },
|
|
{ value: 'cherry', label: 'Cherry' },
|
|
];
|
|
this.set('options', objectOptions);
|
|
await render(hbs`<Select @options={{this.options}} @label={{this.label}} @name={{this.name}}/>`);
|
|
|
|
assert.dom('[data-test-select="foo"]').hasValue('berry');
|
|
assert.strictEqual(this.element.querySelector('[data-test-select="foo"]').options.length, 2);
|
|
});
|
|
|
|
test('it renders when options is an array of custom objects', async function (assert) {
|
|
const objectOptions = [
|
|
{ day: 'mon', fullDay: 'Monday' },
|
|
{ day: 'tues', fullDay: 'Tuesday' },
|
|
];
|
|
const selectedValue = objectOptions[1].day;
|
|
this.setProperties({
|
|
options: objectOptions,
|
|
valueAttribute: 'day',
|
|
labelAttribute: 'fullDay',
|
|
selectedValue: selectedValue,
|
|
});
|
|
|
|
await render(
|
|
hbs`
|
|
<Select
|
|
@options={{this.options}}
|
|
@label={{this.label}}
|
|
@name={{this.name}}
|
|
@valueAttribute={{this.valueAttribute}}
|
|
@labelAttribute={{this.labelAttribute}}
|
|
@selectedValue={{this.selectedValue}}/>`
|
|
);
|
|
|
|
assert.dom('[data-test-select="foo"]').hasValue('tues', 'sets selectedValue by default');
|
|
assert
|
|
.dom(this.element.querySelector('[data-test-select="foo"]').options[1])
|
|
.hasText('Tuesday', 'uses the labelAttribute to determine the label');
|
|
});
|
|
|
|
test('it calls onChange when an item is selected', async function (assert) {
|
|
this.set('onChange', sinon.spy());
|
|
await render(hbs`<Select @options={{this.options}} @name={{this.name}} @onChange={{this.onChange}}/>`);
|
|
await fillIn('[data-test-select="foo"]', 'bar');
|
|
|
|
assert.ok(this.onChange.calledOnce);
|
|
});
|
|
});
|