问题标签 [vue-test-utils]

我正在使用 Jest 使用 vue-test-utils 库运行我的测试。

即使我已将 VueRouter 添加到 localVue 实例，它表示它实际上无法找到 router-link 组件。如果代码看起来有点古怪，那是因为我使用的是 TypeScript，但它应该读起来非常接近 ES6……主要是 @Prop() 与传入 props 相同：{..}

Vue组件：

温度模型：

开玩笑测试

我错过了什么？测试实际上通过了，它只是抛出警告。事实上，这里是输出：

测试输出：

感谢您提供的任何帮助！

我有一个包含两个必需道具的组件。单元测试失败，因为我收到以下错误：

组件来源：

测试来源：

但是，根据官方文档，该propsData对象应该为组件提供道具。

如何在测试中正确地将道具传递给组件？

我有一个子组件，它有一个从其父级作为道具传递的 onBilling 方法：

我可以在我的单元测试中看到控制台日志被触发，但不是我对 onBillingValid 函数的断言不起作用----我是否必须使用 wrapper.SetMethods？找不到太多关于将回调方法作为道具传递的文档，更不用说测试它们了

单元测试：

我试图按照本指南https://vue-test-utils.vuejs.org/en/guides/testing-SFCs-with-jest.html为我的 Vue 项目设置测试

我完成了指南并为我的一个组件创建了一个测试。然后我跑了jest，我得到了下面的错误：

我已经用谷歌搜索了这个错误并查看了其他示例项目，但我仍然不知道如何解决这个问题。

任何帮助将不胜感激。

应用程序.vue

应用规范.js

.babelrc

package.json（只是开玩笑的一部分）

我正在尝试为 Vue 的mounted()生命周期挂钩中的逻辑编写一个单元测试，但运气不佳。问题似乎mounted()是在使用 vue-test-utils 安装组件时永远不会被调用mount。这是我要测试的 Vue 组件：

和测试本身：

expect(logout).toHaveBeenCalled()但是，这会因断言为假而失败。

如果我通过测试通过直接调用模拟存储操作actions.logout()，并且我还有其他测试也调用存储操作，例如按下按钮，并且这些操作也通过了，所以问题肯定出现在 mount() 生命周期钩子上.

有什么想法吗？

(vue2.5.4和 vue-test-utils 1.0.0-beta-.15)

在上面的代码中，我能够触发鼠标单击，但无法触发鼠标右键单击。我试图用“click.right”和“contextmenu”触发所需的东西，但没有任何运气。

关于如何触发右键单击的任何想法。官方文档中没有提到这一点。

我有一个组件，当使用或created()设置时。date:nullprops.datainicial

在没有的 DevTools 中props：

在 DevTools 中有一些props：

当我做我的测试时：

我收到此错误：

我正在尝试对根据鼠标悬停显示 v-card-actions 的 @mouseover 和 @mouseleave 事件进行单元测试。我在我的 vuejs2 webpack 应用程序中使用 vue-test-utils。这是我在网上找到的：vue-utlis 鼠标单击示例。提前感谢任何提供帮助的人

这是我的代码实际的 html 模板代码：

这是我在我的 spec.js 代码中尝试的：

vue-test-utils 提供了一个 setComputed 方法，允许您设置计算属性的状态。

vue-test-utils 1.1.0.beta 版对 setComputed 方法发出弃用警告，该方法读取setComputed() has been deprecated and will be removed in version 1.0.0. You can overwrite computed properties by passing a computed object in the mounting options

文档中的安装选项没有提到任何计算对象。我试了一下

和

但那些爆炸了。

为 vue-test-utils 设置计算属性的方法是什么？

我正在尝试为使用 Chart.js 的 Vue 组件编写 Mocha/Chai 测试。所有测试都通过了，但是我得到了这个错误：

C:\repos\security-center-frontend-2\security-center-frontend\node_modules\mocha\lib\runner.js:726 err.uncaught = true; ^

TypeError：无法在字符串“window.matchMedia 未找到”上创建属性“未捕获”！确保您使用的是 polyfill。

我认为这与 Vue 测试工具表示窗口对象的方式有关，我应该以某种方式存根它，但不确定正确的语法。

我的组件：

我的测试：