discourse/test/javascripts/components/combo-box-test.js.es6

212 lines
5.7 KiB
Plaintext
Raw Normal View History

import componentTest from 'helpers/component-test';
moduleForComponent('combo-box', {
integration: true,
beforeEach: function() {
this.set('subject', selectKit());
}
});
2017-10-19 15:51:08 -04:00
componentTest('default', {
template: '{{combo-box content=items}}',
2017-06-14 13:57:58 -04:00
beforeEach() {
this.set('items', [{id: 1, name: 'hello'}, {id: 2, name: 'world'}]);
},
test(assert) {
this.get('subject').expand();
2017-10-19 15:51:08 -04:00
andThen(() => {
assert.equal(this.get('subject').header().name(), "hello");
assert.equal(this.get('subject').rowByValue(1).name(), "hello");
assert.equal(this.get('subject').rowByValue(2).name(), "world");
2017-10-19 15:51:08 -04:00
});
}
});
2017-10-19 15:51:08 -04:00
componentTest('with valueAttribute', {
template: '{{combo-box content=items valueAttribute="value"}}',
2017-06-14 13:57:58 -04:00
beforeEach() {
this.set('items', [{value: 0, name: 'hello'}, {value: 1, name: 'world'}]);
},
test(assert) {
this.get('subject').expand();
2017-10-19 15:51:08 -04:00
andThen(() => {
assert.equal(this.get('subject').rowByValue(0).name(), "hello");
assert.equal(this.get('subject').rowByValue(1).name(), "world");
2017-10-19 15:51:08 -04:00
});
}
});
2017-10-19 15:51:08 -04:00
componentTest('with nameProperty', {
template: '{{combo-box content=items nameProperty="text"}}',
beforeEach() {
this.set('items', [{id: 0, text: 'hello'}, {id: 1, text: 'world'}]);
},
test(assert) {
this.get('subject').expand();
2017-10-19 15:51:08 -04:00
andThen(() => {
assert.equal(this.get('subject').rowByValue(0).name(), "hello");
assert.equal(this.get('subject').rowByValue(1).name(), "world");
2017-10-19 15:51:08 -04:00
});
}
});
componentTest('with an array as content', {
template: '{{combo-box content=items value=value}}',
2017-06-14 13:57:58 -04:00
beforeEach() {
this.set('items', ['evil', 'trout', 'hat']);
},
test(assert) {
this.get('subject').expand();
2017-10-19 15:51:08 -04:00
andThen(() => {
assert.equal(this.get('subject').rowByValue('evil').name(), "evil");
assert.equal(this.get('subject').rowByValue('trout').name(), "trout");
2017-10-19 15:51:08 -04:00
});
}
});
2017-10-19 15:51:08 -04:00
componentTest('with value and none as a string', {
template: '{{combo-box content=items none="test.none" value=value}}',
2017-06-14 13:57:58 -04:00
beforeEach() {
I18n.translations[I18n.locale].js.test = {none: 'none'};
this.set('items', ['evil', 'trout', 'hat']);
2017-10-19 15:51:08 -04:00
this.set('value', 'trout');
},
test(assert) {
this.get('subject').expand();
2017-10-19 15:51:08 -04:00
andThen(() => {
assert.equal(this.get('subject').noneRow().name(), 'none');
assert.equal(this.get('subject').rowByValue("evil").name(), "evil");
assert.equal(this.get('subject').rowByValue("trout").name(), "trout");
assert.equal(this.get('subject').header().name(), 'trout');
2017-10-19 15:51:08 -04:00
assert.equal(this.get('value'), 'trout');
});
this.get('subject').selectNoneRow();
2017-10-19 15:51:08 -04:00
andThen(() => {
assert.equal(this.get('value'), null);
});
}
});
2017-10-19 15:51:08 -04:00
componentTest('with value and none as an object', {
template: '{{combo-box content=items none=none value=value}}',
2017-06-14 13:57:58 -04:00
beforeEach() {
this.set('none', { id: 'something', name: 'none' });
this.set('items', ['evil', 'trout', 'hat']);
2017-10-19 15:51:08 -04:00
this.set('value', 'evil');
},
test(assert) {
this.get('subject').expand();
2017-10-19 15:51:08 -04:00
andThen(() => {
assert.equal(this.get('subject').noneRow().name(), 'none');
assert.equal(this.get('subject').rowByValue("evil").name(), "evil");
assert.equal(this.get('subject').rowByValue("trout").name(), "trout");
assert.equal(this.get('subject').header().name(), 'evil');
2017-10-19 15:51:08 -04:00
assert.equal(this.get('value'), 'evil');
});
this.get('subject').selectNoneRow();
2017-10-19 15:51:08 -04:00
andThen(() => {
assert.equal(this.get('value'), null);
});
}
});
componentTest('with no value and none as an object', {
template: '{{combo-box content=items none=none value=value}}',
beforeEach() {
I18n.translations[I18n.locale].js.test = {none: 'none'};
this.set('none', { id: 'something', name: 'none' });
this.set('items', ['evil', 'trout', 'hat']);
this.set('value', null);
},
test(assert) {
this.get('subject').expand();
2017-10-19 15:51:08 -04:00
andThen(() => {
assert.equal(this.get('subject').header().name(), 'none');
2017-10-19 15:51:08 -04:00
});
}
});
componentTest('with no value and none string', {
template: '{{combo-box content=items none=none value=value}}',
beforeEach() {
I18n.translations[I18n.locale].js.test = {none: 'none'};
this.set('none', 'test.none');
this.set('items', ['evil', 'trout', 'hat']);
this.set('value', null);
},
test(assert) {
this.get('subject').expand();
2017-10-19 15:51:08 -04:00
andThen(() => {
assert.equal(this.get('subject').header().name(), 'none');
2017-10-19 15:51:08 -04:00
});
}
});
componentTest('with no value and no none', {
template: '{{combo-box content=items value=value}}',
beforeEach() {
this.set('items', ['evil', 'trout', 'hat']);
this.set('value', null);
},
test(assert) {
this.get('subject').expand();
2017-10-19 15:51:08 -04:00
andThen(() => {
assert.equal(this.get('subject').header().name(), 'evil', 'it sets the first row as value');
2017-10-19 15:51:08 -04:00
});
}
});
2017-10-19 17:32:37 -04:00
componentTest('with empty string as value', {
template: '{{combo-box content=items value=value}}',
beforeEach() {
this.set('items', ['evil', 'trout', 'hat']);
this.set('value', '');
},
test(assert) {
this.get('subject').expand();
andThen(() => {
assert.equal(this.get('subject').header().name(), 'evil', 'it sets the first row as value');
});
}
});
componentTest('with noneLabel', {
template: '{{combo-box content=items allowAutoSelectFirst=false noneLabel=noneLabel}}',
beforeEach() {
I18n.translations[I18n.locale].js.test = {none: 'none'};
this.set('items', ['evil', 'trout', 'hat']);
this.set('noneLabel', 'test.none');
},
test(assert) {
this.get('subject').expand();
andThen(() => {
assert.equal(this.get('subject').header().name(), 'none', 'it displays noneLabel as the header name');
});
}
});