Jest - 测试在反应变量中声明的 Vue.js 函数

Posted

技术标签:

【中文标题】Jest - 测试在反应变量中声明的 Vue.js 函数【英文标题】:Jest - test Vue.js functions declared inside reactive variables 【发布时间】:2021-07-28 21:42:20 【问题描述】:

您知道在 VUE 中测试在反应性变量中声明的函数的正确方法是什么。为了在组件中实现 100% 的覆盖率,Jest 说需要对这个函数进行测试。

示例:函数 customData 位于响应式变量 chartOptions 内,必须进行测试:

export default
  name: 'component',
  data: function () 
    chartOptions: 
      customData: function ( val1 ) 
        return val1 > 0 ? val1 * 2 : 0  
      
        
  

感谢您的帮助

【问题讨论】:

【参考方案1】:

一旦你开玩笑地挂载你的计算,你就可以通过

wrapper.vm.charOptions.customData

然后像往常一样调用该函数并测试其输出。对于分支输出,您可能需要调用它两次

【讨论】:

随时!祝你一切顺利

以上是关于Jest - 测试在反应变量中声明的 Vue.js 函数的主要内容,如果未能解决你的问题,请参考以下文章