问题标签 [vue-test-utils]

需要一些关于如何使用 vue-test-utils 测试窗口滚动事件的建议下面是我的 js

下面是我使用 vue-test-utils 进行的单元测试

当您检查是否添加了粘性类时，测试失败。

我如何测试这种方法？我想看看窗口垂直滚动时添加的粘性类

谢谢，研发

我正在@vue/test-utils对 Vue CLI（版本 3）附带的组件进行单元测试。我想测试键盘交互。

文档提到了键盘，但似乎这只适用于实际的听众。例如，如果我有一个按钮

我试着做

没有注册（我认为）因为我从来没有明确地这样做

此外，我似乎无法使用键盘导航。如果我无法从测试中按下键，如何测试焦点是否被困Tab在弹出菜单中？

这似乎相关，但没有提供任何解决方案。

我在 VueJS 中编写了一个独立的可重用组件，它本质上只是一个输入字段的包装器，但它基于传递给它的道具对键盘输入进行智能实时处理。

它就像一个魅力，我能够通过 Vue Test Utils（摩卡风味）成功测试它的大部分功能，但我也在尝试测试它是否正确响应特殊键（箭头、退格、制表符等.) 并被难住了。

这是组件本身的一个经过编辑的版本：

......这是测试：

上面引用的两种方法都不起作用。在这一点上，我怀疑调用错误的方法可能不是一个简单的问题，而且我是：

1. 误解了 Vue Test Utils 中的 DOM（有效地将其视为 PhantomJS）；或者
2. 在这种情况下完全使用错误的测试方法。

任何帮助将不胜感激！谢谢。

我正在尝试测试 Heading.vue 组件的以下部分

使用以下规范文件

但我得到一个超时错误....所以测试失败了

我有一个像这样的组件 text-box.vue

像使用它一样

现在的问题是如何为 text-box.vue 编写单元测试，以便我可以验证 $attrs 是否已更新，例如

我看到有 setData 和 setProps 之类的方法，但是如何更新 $attrs？

给定嵌套组件

Heading.vue 组件 {{ $t("lang.views.home.heading.btn__listen") }} play_arrow

嵌套子组件AuioPlayer.vue

是否可以使用 shallowMount() 模拟 $emit("playerStop") 事件来测试父 Heading.vue ...？

更新

我验证了 2 个解决方案但没有成功

1 / 使用间谍功能

2 / 使用异步 $emit()

在这两种情况下，如果我从子组件触发或发射，似乎什么都没有发生......
事实上，应该从子组件中的停止按钮完成发射（），该按钮在此级别没有存根..反正有存根吗？我想避免坐骑......在这个级别的 tets 上使用 shallowMount 应该足够了......

感谢您的反馈

精简版：

vue-test-utils我正在使用and 为我的 Vue 组件编写一个测试用例jest。

我正在尝试Response在我的一个测试用例中创建一个对象，但我不断收到错误 ReferenceError: Response is not defined

长版

当使用 jest 调度 Vuex 操作时，我试图模拟 API 响应。我创建了一个像这样的 Vuex 动作

该getAccounts操作返回一个 Promise，它解析为一个帐户列表。mockResponse功能如图：

当mockResponse被调用时，我得到了错误ReferenceError: Response is not defined

我发现了这个非常老的问题： https ://github.com/facebook/jest/issues/930 评论表明它已修复，但它对我不起作用。我不想为此导入额外的库isomorphic-fetch。

这是我devDependencies的package.json：

任何帮助，将不胜感激。提前致谢

我正在尝试测试使用 mixin（vue-howler）的 AudioPlayer 组件

我需要将道具传递给 mixin，我该怎么做？

我的 AudioPlayer.spec.js

vue-howler 混合

给定以下 AudioPlayer.vue 组件

我正在尝试测试触发 stop() 方法的 STOP 按钮...

但是检查自定义事件'playerStop'的间谍功能没有被调用..

我哪里错了？它与 vuetify v-btn 定义有关吗？

感谢您的反馈

在我的 AudioPlyar 组件中，定义了一个计算的 onAir() popery

并在其上定义了一个观察者：

我正在尝试测试这个观察者，但它生病了......

欢迎任何反馈...