我想用于对我的组件ava进行单元测试。Vue现在我有一个非常简单的设置：

包.json

./test/helpers/setup-browser-env.js

./test/Notification.js

src/Notification.js

当我运行时，ava一切都按预期工作：1 passed.

如果我可以使用以下组件语法，我会更高兴：

./src/Notification.vue

但随后ava会返回以下错误：

我不知道如何使这项工作，任何帮助将不胜感激！

我正在尝试编写一个简单的单元测试，以确保反应组件内的表单是否在提交时调度了预期的操作。

代码：

我正在尝试测试的组件内的表单提交操作：

测试：

这里的问题是我收到以下错误，但我无法找出问题所在：

对此有什么想法吗？谢谢。

运行 create-react-app 后尝试设置 AVA。我已经找到并尝试了一些关于这个要点的教程和参考资料，但是我一直unexpected token在 JSX<App />元素上遇到错误。有人知道那个要点有什么问题吗？的完整输出npm run test：

我已经开始在我的 react native 项目中使用ava.js。我有一个如下所示的 AVA 设置文件（来自 Ignite 入门项目）：

我在我正在使用的一个简单组件上创建了一个测试。但是，在我们的应用程序中，我们开始使用react-native-extended-stylesheet。这意味着我们需要模拟该模块以运行我们的测试，而这正是我遇到的麻烦。

我有一个看起来像这样的测试：

TheComponent 导入以下样式代码：

我已经看到了一些使用嘲弄的 registerMock 的例子，但老实说，我不确定我是否完全理解了它们。在我看来，我应该使用类似于上面使用的东西：

但是运行它会给我以下错误：

那么 registerMock 中运行它的正确语法是什么？（如果他们解决了根本问题，我也欢迎其他答案 - 我怎样才能开始并测试我的组件？）

我在我的全局中声明一个事件总线，app.js如下所示：

该组件看起来像

ava我使用以下内容对我的组件进行单元测试helpers/setup.js：

webpack.config.js看起来像：

运行以下测试时

它通过了，但会引发以下错误：

我不知道window.Event = new Vue()在我的测试中声明的位置，以便被测试的组件可以访问该Event变量。

我有以下情况：

js

A_spec.js

我的想法是检查是否已使用获取请求中获得的有效负载调用了 httpClient 的 init 方法。

我的问题是：当我测试 A 的 init 方法时，如何模拟存根返回值的 fetch 依赖项？

我的小组正在使用以下前端堆栈构建应用程序：

• VueJS
• 网页包 2.2
• AvaJS（用于单元测试）
• nyc (Istanbul) 的测试覆盖率

我们开始vue-cli为我们的项目创建一个 Webpack 模板。在大多数情况下，一切都很顺利。我们可以使用 Ava使用vue-node对单独的 .vue组件文件进行单元测试，但是通过nyc生成的测试覆盖率报告存在问题。下面是我们package.json文件的片段，其中定义了相关的 nyc 和 ava 部分：

所有测试都成功通过。该nyc报告显示以下内容：

问题是Uncovered Lines下列出的行 #s不存在。.vue文件只有 402行长，所以我无法弄清楚 nyc 报告中的这些行 #s 来自哪里。

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

问题

流行的ava包具有一个简单而强大的 javascript 测试框架：

同步代码的测试非常简单。但是，我不确定如何编写具有多个连续依赖步骤的测试。

例如，我想测试一个 REST API。我想使用创建资源POST，使用调用确保它存在GET，然后使用删除它DELETE。

不用说，顺序很重要：POST调用必须在GET调用开始之前完成，有时我们甚至希望在步骤之间有一个睡眠时间。

我试过什么

• 尝试了一系列setTimeouts，其中每个调用的回调是下一个测试步骤。这是相当不可读的。

我的问题

用多个连续步骤编写测试的正确方法是什么ava？

这些步骤是异步且连续的

我的 package.json 中有以下 ava 配置：

我有以下项目结构：

索引.jsx

输入.jsx

输入.test.js

问题是 ava 能够转译我的src/index.jsx文件，但它不能转译input.jsx，我看到控制台中记录了一个空对象。它仅在我使用.jsx扩展名导入组件时才有效，如下所示：import Input from './component/input.jsx。如果不指定扩展名，我无法使其工作。

这在 AVA 中可能吗？在 Webpack 中，它是一个简单的配置来处理这些类型的模式。

查看配置部分下的 ava 文档：https ://github.com/avajs/ava#configuration我看不到任何可以帮助我的字段。（配置字段似乎也不是很详细）。

有任何想法吗？

提前致谢。

我发现有两个包ava和ava-tf.

但我没有找到并描述它们的不同之处。