179得票22回答
如何使用Jest + Vuejs模拟window.location.href?

目前,我正在为我的项目实施单元测试,其中有一个包含window.location.href的文件。 我想要模拟这个进行测试,下面是我的示例代码:it("method A should work correctly", () => { const url =...

60得票1回答
如何使用jest在Vue.js组件中对方法进行单元测试

我正在尝试对一个组件方法进行单元测试。这个问题没有说明如何从单元测试中访问组件方法。 具体来说,给定下面的Vue组件,如何从我的单元测试访问doSomeWork()? Vue组件:<template> <div id="ThisStuff"> ...

44得票4回答
Vue-Test-Utils未知自定义元素:<router-link>。

我使用 Jest 运行测试,并利用 vue-test-utils 库。尽管我已将 VueRouter 添加到 localVue 实例中,但它仍然无法找到 router-link 组件。如果代码看起来有点奇怪,那是因为我在使用 TypeScript,但它应该非常接近 ES6... 主要是 @Pr...

33得票9回答
[VUE警告]: 运行Jest单元测试时,未知的自定义元素:<nuxt-link>

问题 我使用带路由的nuxt 1.4和Jest进行单元测试。我的应用程序没有抛出错误,看起来完美运行。然而,在运行我的单元测试npm run unit(运行jest)时,终端会抛出一个错误:[Vue warn]: Unknown custom element: &lt;nuxt-link&gt...

33得票2回答
Vue-Test-Utils中"mount"和"shallowMount"的区别是什么?

声明:我对Vue、JavaScript和Web框架都比较新手。 我正在尝试使用Jest和vue-test-utils来熟悉一些基本的单元测试和组件测试。 我已经阅读了关于vue-test-utils的mount()和shallowMount()的文档,但我不确定何时使用哪个(它们似乎非常相...

28得票3回答
在TDD期间模拟Vue实例上的方法

我正在构建Vue应用程序并学习TDD,尝试遵守编写足够的生产代码以满足失败单元测试的严格法律。我非常喜欢这种方法,但是在向Vue实例添加方法并测试从模板中的元素触发事件时是否调用了它们方面,我遇到了障碍。 我找不到任何建议,可以模拟Vue方法,因为如果我模拟代理方法,它最终不会被调用(我正在使...

26得票2回答
使用vue-test-utils为单元测试设置Vue计算属性

vue-test-utils提供了setComputed方法,它允许你设置计算属性的状态。import { mount } from '@vue/test-utils' const wrapper = mount(Home) wrapper.setComputed({loaded: true}...

26得票4回答
如何测试Vue中监听来自Vuex的计算属性的观察者?

假设我有以下组件:import { mapState } from 'vuex'; import externalDependency from '...'; export default { name: 'Foo', computed: { ...mapState(['ba...

25得票5回答
VueJS - 使用vue-test-utils进行单元测试出现错误 - TypeError: _vm.$t不是一个函数。

我对Vuejs比较新,并正在测试它的组件。使用vue-test-utils和jest进行测试。得到以下错误 test log .vue文件包括模板,组件和样式。下面是SignupLayout.vue的一部分,出现了错误 - &lt;style lang="sass"&gt; @im...

22得票4回答
Vue测试工具TypeError:无法解构'undefined'或'null'的属性'config'

我正在使用Vue Test Utils进行简单的单元测试,但是它无法正常工作。我毫无头绪......请帮帮我。 我安装了这些东西...... &gt; $ npm i -D jest @vue/test-utils vue-jest jest-serializer-vue babel-je...