时间戳

首页 > 解决方案 > 如何测试从模板将参数传递给 getter 的组件？

vue.js - 如何测试从模板将参数传递给 getter 的组件？

问题描述

我正在使用 jest 和 vue test util 为我的一个组件编写单元测试。在该组件中，我使用 mapGetters 来映射我的商店 getter，并从模板部分调用该 getter 对象并将参数传递给它。

/** 组件.vue **/

<v-card-text>{{ message('Jill') }}</v-card-text></v-card>

这就是我的 mapGetters 的样子：-

computed: {
        ...mapGetters({ message: 'main/message' })} 

/** In the getter.js file **/
message: state => val => setMessage(val) 

function setMessage(val) {
    return `Welcome ${val}.`;
}

我的问题是如何通过从组件的模板部分传递参数来模拟该 getter ？我尝试了几种方法，但出现以下错误：

'TypeError: _vm.message is not a function'

请帮忙。谢谢

标签： vue.jsjestjsstore

解决方案

推荐阅读