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