mirror of
https://github.com/tenrok/vue-select.git
synced 2026-05-20 03:09:36 +03:00
Jeff Sagal
108 lines
3.2 KiB
JavaScript
108 lines
3.2 KiB
JavaScript
/* global describe, it, expect */
|
|
|
|
import Vue from 'vue'
|
|
import vSelect from '../../src/components/Select.vue'
|
|
|
|
describe('Select.vue', () => {
|
|
|
|
// it('sets open to true when search on focus and false on blur', () => {
|
|
// const vm = new Vue({
|
|
// template: '<div><v-select :value.sync="value"></v-select></div>',
|
|
// components: { vSelect },
|
|
// data: {
|
|
// value: ['one'],
|
|
// options: ['one','two','three']
|
|
// }
|
|
// }).$mount()
|
|
//
|
|
// vm.$children[0].$els.search.focus()
|
|
// expect(vm.$children[0].$get('open')).toEqual(true)
|
|
// })
|
|
|
|
it('can accept an array with pre-selected values', () => {
|
|
const vm = new Vue({
|
|
template: '<div><v-select :value.sync="value"></v-select></div>',
|
|
components: { vSelect },
|
|
data: {
|
|
value: ['one'],
|
|
options: ['one','two','three']
|
|
}
|
|
}).$mount()
|
|
|
|
expect(vm.$children[0].value).toEqual(['one'])
|
|
})
|
|
|
|
/**
|
|
* TODO: Right now this only works for arrays of strings.. But the same method
|
|
* should apply to arrays of objects.
|
|
*/
|
|
// it('can accept an array of objects and pre-selected values', () => {
|
|
// const vm = new Vue({
|
|
// template: '<div><v-select :value.sync="value"></v-select></div>',
|
|
// components: { vSelect },
|
|
// data: {
|
|
// value: [{label: 'This is Foo', value: 'foo'}],
|
|
// options: [{label: 'This is Foo', value: 'foo'}, {label: 'This is Bar', value: 'bar'}]
|
|
// }
|
|
// }).$mount()
|
|
//
|
|
// expect(vm.$children[0].$get('value')).toEqual({label: 'This is Foo', value: 'foo'})
|
|
// })
|
|
//
|
|
|
|
it('can determine if the value prop is empty', () => {
|
|
const vm = new Vue({
|
|
template: '<div><v-select :value.sync="value"></v-select></div>',
|
|
components: { vSelect },
|
|
data: {
|
|
value: [],
|
|
options: ['one','two','three']
|
|
}
|
|
}).$mount()
|
|
|
|
var select = vm.$children[0]
|
|
expect(select.isValueEmpty).toEqual(true)
|
|
select.$set('value', ['one'])
|
|
expect(select.isValueEmpty).toEqual(false)
|
|
select.$set('value', 'one')
|
|
select.$set('multiple', false)
|
|
expect(select.isValueEmpty).toEqual(false)
|
|
select.$set('value', '')
|
|
expect(select.isValueEmpty).toEqual(true)
|
|
select.$set('value', null)
|
|
expect(select.isValueEmpty).toEqual(true)
|
|
})
|
|
|
|
it('resets the selected values when the options property changes', () => {
|
|
const vm = new Vue({
|
|
template: '<div><v-select :value.sync="value"></v-select></div>',
|
|
components: { vSelect },
|
|
data: {
|
|
value: ['one'],
|
|
options: ['one','two','three']
|
|
}
|
|
}).$mount()
|
|
|
|
vm.$children[0].options = ['four','five','six']
|
|
expect(vm.$children[0].$get('value')).toEqual([])
|
|
})
|
|
|
|
it('can retain values present in a new array of options', () => {
|
|
const vm = new Vue({
|
|
template: '<div><v-select :value.sync="value"></v-select></div>',
|
|
components: { vSelect },
|
|
data: {
|
|
value: ['one'],
|
|
options: ['one','two','three']
|
|
}
|
|
}).$mount()
|
|
|
|
vm.$children[0].$set('options', ['one','five','six'])
|
|
expect(vm.$children[0].value).toEqual(['one'])
|
|
})
|
|
})
|
|
|
|
|
|
// also see example testing a component with mocks at
|
|
// https://github.com/vuejs/vueify-example/blob/master/test/unit/a.spec.js#L22-L43
|