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>
82 lines
2.8 KiB
JavaScript
82 lines
2.8 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={{options}} @label={{label}} @name={{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={{options}} @label={{label}} @name={{name}}/>`);
|
|
|
|
assert.dom('[data-test-select="foo"]').hasValue('foo');
|
|
assert.equal(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={{options}} @label={{label}} @name={{name}}/>`);
|
|
|
|
assert.dom('[data-test-select="foo"]').hasValue('berry');
|
|
assert.equal(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={{options}}
|
|
@label={{label}}
|
|
@name={{name}}
|
|
@valueAttribute={{valueAttribute}}
|
|
@labelAttribute={{labelAttribute}}
|
|
@selectedValue={{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={{options}} @name={{name}} @onChange={{onChange}}/>`);
|
|
await fillIn('[data-test-select="foo"]', 'bar');
|
|
|
|
assert.ok(this.onChange.calledOnce);
|
|
});
|
|
});
|