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

Posted 2023-02-22

【中文标题】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

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

【讨论】：

随时！祝你一切顺利