小编imc*_*mcz的帖子

组件单元测试中的模拟Vuex模块动作

我目前正在尝试模拟商店模块中的操作。我似乎无法正确地将其存根,因为我在单元测试中继续收到一条消息,内容是:

[vuex] unknown action type: moduleA/filterData
Run Code Online (Sandbox Code Playgroud)

这是被测组件的简化版本:

<template>
    <li class="list-item"
    @click="toggleActive()">
        {{ itemName }}
    </li>
</template>

<script>
import store from '../store'

export default {
    name: 'item',
    props: {
        itemName: {
            type: String
        }
    },
    data () {
        return {
            store,
            isActive: false
        }
    },

    methods: {
        toggleActive () {
            this.isActive = !this.isActive;
            this.$store.dispatch('moduleA/filterData', { name: itemName } );
        }
    }

}
</script>
Run Code Online (Sandbox Code Playgroud)

store.js

import Vue from 'vue'
import Vuex from 'vuex'
import moduleA from './modules/moduleA'

Vue.use(Vuex)



const store = …
Run Code Online (Sandbox Code Playgroud)

javascript unit-testing sinon vue.js vuex

2
推荐指数
1
解决办法
1880
查看次数

标签 统计

javascript ×1

sinon ×1

unit-testing ×1

vue.js ×1

vuex ×1