vue.js - 使用 lodash 和 Jest 测试 Vue 组件时出现 'orderBy' 未定义错误

Question

有一个将 lodash 导入到 main.js 中的 Vue 应用程序喜欢:
import lodash from 'lodash'Vue.use(VueLodash, lodash)
然后我可以在我的单个文件组件中使用 lodash orderBy 函数，例如:this._.orderBy(this.comments, 'updated_at', 'desc')
这一切正常。

当我使用 Jest 运行测试时，它会引发以下错误:Cannot read property 'orderBy' of undefined
如何让 Jest 以与 Vue 相同的方式识别 _？

Answer 1

我可以解决类似的问题(在 this article 的帮助下)。
域名注册地址:
将“localVue”添加到您的组件规范中，然后将 lodash 与此 localVue 实例一起使用:

import YourComponent from '@/YourComponent.vue'
import { createLocalVue, mount, config } from '@vue/test-utils'
import VueLodash from 'vue-lodash'
import lodash from 'lodash'

const localVue = createLocalVue()
localVue.use(VueLodash, { lodash })

...

const wrapper = mount(YourComponent, {
  localVue
})