Unit Test Vuetify v-select @change event?

问题描述 投票:0回答:1

无法编写测试Vuetifyv-select@change事件的测试。事件处理程序select_change未在内部测试中调用。

Demo.vue

    <div>
        <v-select @change="select_change" :items="[1,2,3]" v-model="value"></v-select>
    </div>
    export default {
        data() {
            return {
                value: 1,
            }
        },
        methods: {
            select_change() {
                console.log('inside select_change')
            }
        }
    }

Demo.vue.test.js

    it('v-select@change', () => {
        wrapper = mount(Demo, {
            vuetify: new Vuetify
        })
        wrapper.setMethods({
            select_change: jest.fn(),
        })
        wrapper.find('.v-select').trigger('change', /* {value: 2} */)
        expect(wrapper.vm.select_change).toBeCalled()
    })

测试输出

错误:期望(jest.fn())。toBeCalled()

预期的呼叫数量:> = 1已接的呼叫数量:0

javascript vue.js vuetify.js vue-test-utils
1个回答
0
投票
这可能不是您想要的答案,但是测试<v-select>组件的@change事件是

不是您的工作

© www.soinside.com 2019 - 2024. All rights reserved.