test/element
1
0
Fork 0
mirror of https://gitee.com/ElemeFE/element.git synced 2024-12-02 20:28:52 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

Select: fix filterable init value issue, fixed #2196

Browse Source
This commit is contained in:
Leopoldthecoder 2017-01-05 22:31:37 +08:00
parent 68c1c84875
commit 3b5248ec2a
2 changed files with 30 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
packages/select/src/select.vue
View File

@ -387,6 +387,7 @@
}
this.selectedLabel = option.currentLabel;
this.selected = option;
if (this.filterable) this.query = this.selectedLabel;
return;
}
let result = [];

49
test/unit/specs/select.spec.js
View File

@ -48,6 +48,7 @@ describe('Select', () => {
<el-option
v-for="item in options"
:label="item.label"
:key="item.value"
:disabled="item.disabled"
:value="item.value">
</el-option>
@ -373,13 +374,15 @@ describe('Select', () => {
it('filterable', done => {
vm = getSelectVm({ filterable: true });
const select = vm.$children[0];
select.selectedLabel = '面';
select.onInputChange();
select.visible = true;
setTimeout(() => {
expect(select.filteredOptionsCount).to.equal(1);
done();
}, 100);
select.selectedLabel = '面';
select.onInputChange();
select.visible = true;
setTimeout(() => {
expect(select.filteredOptionsCount).to.equal(1);
done();
}, 10);
}, 10);
});
it('filterable with custom filter-method', done => {
@ -390,28 +393,34 @@ describe('Select', () => {
};
vm = getSelectVm({ filterable: true, filterMethod });
const select = vm.$children[0];
select.query = '面';
select.$el.querySelector('input').focus();
setTimeout(() => {
expect(select.filteredOptionsCount).to.equal(4);
done();
}, 100);
select.selectedLabel = '面';
select.onInputChange();
setTimeout(() => {
expect(select.filteredOptionsCount).to.equal(4);
done();
}, 10);
}, 10);
});
it('allow create', done => {
vm = getSelectVm({ filterable: true, allowCreate: true });
const select = vm.$children[0];
select.selectedLabel = 'new';
select.onInputChange();
select.visible = true;
select.$el.querySelector('input').focus();
setTimeout(() => {
const options = document.querySelectorAll('.el-select-dropdown__item span');
const target = [].filter.call(options, option => option.innerText === 'new');
target[0].click();
select.selectedLabel = 'new';
select.onInputChange();
setTimeout(() => {
expect(select.value.indexOf('new') > -1).to.true;
done();
}, 50);
}, 50);
const options = document.querySelectorAll('.el-select-dropdown__item span');
const target = [].filter.call(options, option => option.innerText === 'new');
target[0].click();
setTimeout(() => {
expect(select.value.indexOf('new') > -1).to.true;
done();
}, 10);
}, 10);
}, 10);
});
it('multiple select', done => {