vue-test-utils相关内容
我要在我的测试用例中测试模式行为。 打开页面上的模式依据按钮(isVisible false=>true) 关闭MODEL上的MODEL BY按钮(isVisible trye=>false) 第一步可以,但第二步失败。我可以通过引用找到MODEL,但找不到MODEL上的按钮。 Home.vue
..
我有一些img标记,我用require用动态地址填充它,它在组件中按预期工作,但当我为它编写测试时抛出此错误 console.error Error: Configuration error: Could not locate module ~/assets/images/flags/undefined.png mapped as: /home/user/
..
我正在使用 Jest 通过 vue-test-utils 库运行我的测试. 尽管我已将 VueRouter 添加到 localVue 实例,但它说它实际上无法找到路由器链接组件.如果代码看起来有点古怪,那是因为我使用的是 TypeScript,但它应该读起来非常接近 ES6……主要是 @Prop() 与传入 props 相同:{..} Vue 组件:
..
目前,我正在为我的项目实施单元测试,并且有一个包含 window.location.href 的文件. 我想模拟这个来测试,这是我的示例代码: it("方法 A 应该可以正常工作", () => {常量 url = "http://dummy.com";Object.defineProperty(window.location, "href", {值:网址,可写:真});常量数据 = {编
..
Vuejs 相对较新并测试其组件.使用 vue-test-utils 和 jest 进行测试.得到以下错误测试日志 .vue 文件由模板、组件和样式组成.下面是 SignupLayout.vue 出错的部分 - @import '../stylesheets/colors'html[path="/signup"], html[path="/login"]高度:100%背景图片:网址(“
..
我正在使用 Jest 通过 vue-test-utils 库运行我的测试. 即使我已经将 VueRouter 添加到 localVue 实例,它也说它实际上无法找到路由器链接组件.如果代码看起来有点古怪,那是因为我使用的是 TypeScript,但它应该读起来非常接近 ES6...主要是@Prop() 与传入 props 相同:{..} Vue 组件:
..
我正在编写一个基于 Vue 的项目的测试,我是框架 Jest 和 Vue 测试实用程序的新手,我还没有找到类似问题的解决方案,我尝试了几个组件,但错误总是相似 > example.test.js 从'@vue/test-utils'导入{shallowMount}从 './Foo.vue' 导入 Foo描述('Foo',()=> {it('渲染一个 div', () => {const 包装
..
我将 Vue v2.6 与 Jest (v24.9) 和 Vue-Test-Utils (v1.03) 结合使用. 为了模拟一个方法,我看到了两种不同的语法, wrapper.vm.updateCart = jest.fn(); 和 wrapper.setMethods({ updateCart: jest.fn() }); 但第一个没有记录,而第二个已弃用(参见 文档). 问
..
目前,我正在为我的项目实施单元测试,并且有一个包含 window.location.href 的文件. 我想模拟这个来测试,这是我的示例代码: it("方法 A 应该可以正常工作", () => {const url = "http://dummy.com";Object.defineProperty(window.location, "href", {值:网址,可写:真});常量数据 =
..
我在构建我的 Vue 应用程序的同时学习 TDD,并试图遵守只编写足够的生产代码以满足失败的单元测试的严格规则.我真的很喜欢这种方法,但在向 Vue 实例添加方法以及测试当事件从模板中的元素触发时它们已被调用时遇到了障碍. 我找不到关于如何模拟 Vue 方法的任何建议,因为如果我模拟代理方法,它最终不会被调用(我正在使用 Jest 和 Vue Test Utils). 我也在使用 Cy
..
我正在尝试测试使用 vuetify 构建的组件.为此,我正在使用 vue-test-utils.我的目标是在 v-select 字段中执行更改,并断言执行了突变.这是我的代码: 标准
..
如果我有图片 我可以使用 $ref 吗 expect(wrapper.find($refs.pineapple).exists()).toBe(true) 代替 expect(wrapper.find('.pineapple').exists())
..
我无法使用 vue-test-utils 和 jest 进行 vue 测试.我用 vue cli 创建了一个干净的新项目,并添加了 jest 如下,也许有人可以跟随并告诉我我做错了什么.(我正在遵循此安装指南:https://vue-test-utils.vuejs.org/installation/#semantic-versioning) vue 创建 jest-test 1.1.
..
我有两个指令,它们应该向组件添加数据属性以进行测试,但是,实际上只添加了其中一个指令.这两个组件是 Bootstrap-Vue 的 BFormInput 和 BButton. 我尝试删除除一个按钮之外的所有内容,但仍未添加指令,即
..
我正在为使用 vue-test-utils 的 vue.js 组件编写测试代码. 这里是与此相关的代码. const 路由 = [{...}, ...{...,路径:'/传输',name: '转移',重定向:'/传输/全部',...},...] Routes.ts export default class Transfers extends Vue {...@Watch('$route
..
我的 vue 组件中有一个名为 testfn 的方法,每当 testevt 事件触发时都会调用该方法.此方法包含对 console.log 的调用,清楚地显示正在调用该方法. 使用vue-test-utils运行测试时,如果我为该方法创建了Sinon spy并直接调用该方法,该spy正确检测到该方法被调用: const wrapper = mount(MyComponent, {});va
..
我正在对组件进行一些单元测试.但是,在某些组件中,我在 mounted 钩子上运行了一些使我的测试失败的东西.我设法模拟了我不需要的方法.但是,我想知道是否有一种解决方法来模拟 mounted 钩子本身. @/components/attendeesList.vue
这是一个测试 JS 方法: {测试方法:函数(){//无论这里有什么,我都设
..
我试图按照此处列出的配置在我的测试中抑制我的警告:https://vue-test-utils.vuejs.org/api/config.html#silent,如下: import { config } from '@vue/test-utils';//这实际上应该是默认值,但默认值不起作用config.silent = true; 但是,我仍然在测试结果中看到警告: TheQueue✓
..
我已经查看了有关此问题的其他答案,似乎是由于尝试将 vue-router 导入测试中引起的.然而,这不是我的问题的情况.这是我的测试代码: import { mount,shallowMount, createLocalVue } from '@vue/test-utils'从 '../components/homepage/ListDetails' 导入 ListDetails从 '../co
..
我正在使用 vue-test-utils 和 jest 使用此处描述的方法创建异步测试: https://vue-test-utils.vuejs.org/guides/#what-about-nexttick 你在哪里设置 Vue.config.errorHandler = done 如下所示 test('那么我们将在 EventCreate 组件中显示事件', done =>
..