vue-test-utils相关内容

Vue-Test-Utils 未知的自定义元素:<router-link>

我正在使用 Jest 通过 vue-test-utils 库运行我的测试. 尽管我已将 VueRouter 添加到 localVue 实例,但它说它实际上无法找到路由器链接组件.如果代码看起来有点古怪,那是因为我使用的是 TypeScript,但它应该读起来非常接近 ES6……主要是 @Prop() 与传入 props 相同:{..} Vue 组件: ..
发布时间:2022-01-25 17:32:08 其他开发

VueJS - 使用 vue-test-utils 进行单元测试给出错误 - TypeError: _vm.$t is not a function

Vuejs 相对较新并测试其组件.使用 vue-test-utils 和 jest 进行测试.得到以下错误测试日志 .vue 文件由模板、组件和样式组成.下面是 SignupLayout.vue 出错的部分 - @import '../stylesheets/colors'html[path="/signup"], html[path="/login"]高度:100%背景图片:网址(“ ..
发布时间:2022-01-01 23:51:46 前端开发

Vue-Test-Utils 未知自定义元素:<router-link>

我正在使用 Jest 通过 vue-test-utils 库运行我的测试. 即使我已经将 VueRouter 添加到 localVue 实例,它也说它实际上无法找到路由器链接组件.如果代码看起来有点古怪,那是因为我使用的是 TypeScript,但它应该读起来非常接近 ES6...主要是@Prop() 与传入 props 相同:{..} Vue 组件: ..
发布时间:2022-01-01 23:44:18 其他开发

测试套件无法运行 TypeError:无法设置 null Running in Jest 的属性“content"

我正在编写一个基于 Vue 的项目的测试,我是框架 Jest 和 Vue 测试实用程序的新手,我还没有找到类似问题的解决方案,我尝试了几个组件,但错误总是相似 > example.test.js 从'@vue/test-utils'导入{shallowMount}从 './Foo.vue' 导入 Foo描述('Foo',()=> {it('渲染一个 div', () => {const 包装 ..
发布时间:2022-01-01 23:30:52 其他开发

在 TDD 期间模拟 Vue 实例的方法

我在构建我的 Vue 应用程序的同时学习 TDD,并试图遵守只编写足够的生产代码以满足失败的单元测试的严格规则.我真的很喜欢这种方法,但在向 Vue 实例添加方法以及测试当事件从模板中的元素触发时它们已被调用时遇到了障碍. 我找不到关于如何模拟 Vue 方法的任何建议,因为如果我模拟代理方法,它最终不会被调用(我正在使用 Jest 和 Vue Test Utils). 我也在使用 Cy ..
发布时间:2021-12-08 21:13:37 前端开发

SyntaxError:在遵循 vue-test-utils 官方教程时不能在模块外使用 import 语句

我无法使用 vue-test-utils 和 jest 进行 vue 测试.我用 vue cli 创建了一个干净的新项目,并添加了 jest 如下,也许有人可以跟随并告诉我我做错了什么.(我正在遵循此安装指南:https://vue-test-utils.vuejs.org/installation/#semantic-versioning) vue 创建 jest-test 1.1. ..
发布时间:2021-09-20 20:05:50 前端开发

使用多个指令为组件添加数据属性

我有两个指令,它们应该向组件添加数据属性以进行测试,但是,实际上只添加了其中一个指令.这两个组件是 Bootstrap-Vue 的 BFormInput 和 BButton. 我尝试删除除一个按钮之外的所有内容,但仍未添加指令,即 ..
发布时间:2021-09-20 19:55:37 前端开发

当作为事件的回调调用时,Sinon spies 如何注册一个被调用的 Vue 组件方法?

我的 vue 组件中有一个名为 testfn 的方法,每当 testevt 事件触发时都会调用该方法.此方法包含对 console.log 的调用,清楚地显示正在调用该方法. 使用vue-test-utils运行测试时,如果我为该方法创建了Sinon spy并直接调用该方法,该spy正确检测到该方法被调用: const wrapper = mount(MyComponent, {});va ..
发布时间:2021-09-20 19:44:42 前端开发

模拟安装钩 Jest 测试单元

我正在对组件进行一些单元测试.但是,在某些组件中,我在 mounted 钩子上运行了一些使我的测试失败的东西.我设法模拟了我不需要的方法.但是,我想知道是否有一种解决方法来模拟 mounted 钩子本身. @/components/attendeesList.vue 这是一个测试 JS 方法: {测试方法:函数(){//无论这里有什么,我都设 ..
发布时间:2021-09-20 19:38:00 前端开发

抑制单元测试中的 Vue 警告

我试图按照此处列出的配置在我的测试中抑制我的警告:https://vue-test-utils.vuejs.org/api/config.html#silent,如下: import { config } from '@vue/test-utils';//这实际上应该是默认值,但默认值不起作用config.silent = true; 但是,我仍然在测试结果中看到警告: TheQueue✓ ..
发布时间:2021-09-20 19:35:54 前端开发

vue-test-utils: 无法覆盖 $route 属性,这通常是由插件将属性添加为只读值引起的

我已经查看了有关此问题的其他答案,似乎是由于尝试将 vue-router 导入测试中引起的.然而,这不是我的问题的情况.这是我的测试代码: import { mount,shallowMount, createLocalVue } from '@vue/test-utils'从 '../components/homepage/ListDetails' 导入 ListDetails从 '../co ..
发布时间:2021-09-20 19:35:01 前端开发