Vue.js Can';似乎无法检测Vue组分中的Vuex突变
应该很简单的事情似乎在暗示我 我有一个vue组件,当单击正确的html标记时,会运行一个触发提交变异的方法 我想做的就是看到突变确实是在成分中触发的。我可以看到该方法被触发,但看不到该方法调用的变异 我用玩笑来测试 目标:验证是否调用了“setEditUser”提交 仪表板Vue.js Can';似乎无法检测Vue组分中的Vuex突变,vue.js,jestjs,Vue.js,Jestjs,应该很简单的事情似乎在暗示我 我有一个vue组件,当单击正确的html标记时,会运行一个触发提交变异的方法 我想做的就是看到突变确实是在成分中触发的。我可以看到该方法被触发,但看不到该方法调用的变异 我用玩笑来测试 目标:验证是否调用了“setEditUser”提交 仪表板 ... <tr id="editUserTr" class="col1" v-for="listUser in users" v-bind:key="listUser.email" @click="
...
<tr
id="editUserTr"
class="col1"
v-for="listUser in users"
v-bind:key="listUser.email"
@click="editUser(listUser)"
>
<td>{{listUser.id}}</td>
<td>{{listUser.first_name}}</td>
...
methods: {
editUser(listUser) {
this.$store.commit("setEditUser", listUser);
this.$router.push("/editUser");
},
谢谢你的帮助
编辑:
算出了。。。。
当我创建这个常数时
const stub = sinon.stub(wp.vm, 'editUser');
我正在搞清楚提交和路由器是如何被调用的。可能没有向存根传递正确的参数。我尝试向存根添加正确的参数,但仍然没有成功。
如果删除存根,那么我可以验证是否调用了commit和push方法。
所以我创建了另一个单元测试来测试它。它的代码比我想要的更多,但我现在确实解决了我的问题:)
const stub = sinon.stub(wp.vm, 'editUser');