使用vue test utils做单元测试

2019-02-15  本文已影响6人  sweetBoy_9126
//正确的测试
it('接受value', () => {
            const wrapper = mount(Input, {
                propsData: {value: '123'}
            })
            const vm = wrapper.vm
            const input = vm.$el.querySelector('input')
            expect(input.value).to.equal('123')
        })

//错误的测试
it('接受value', () => {
            const wrapper = mount(Input, {
                propsData: {value: '123'}
            })
            expect(wrapper.props().value).to.equal('123')
        })

而且只有dom元素本身有这个属性的时候才能测试,上面的value就是input自有的属性

it('接受readonly', () => {
            const wrapper = mount(Input, {
                propsData: {
                    readonly: false
                }
            })
            const vm = wrapper.vm
            const inputElement = vm.$el.querySelector('input')
          //因为input没有readonly属性,所以是undefined,测试失败
            console.log(inputElement.readonly)
expect(inputElement.readonly).to.equal(false)
        })

而attributes只能获取到dom本身自有的属性,比如id,name什么的,自定义的也获取不到

上一篇 下一篇

猜你喜欢

热点阅读