什么是 avas?
Avas 是一个基于 eslint 的可插拔JavaScript测试运行器。它旨在提供高效的测试运行和开发工作流程，使得编写和运行 JavaScript 测试变得更加容易和愉快。Avas 可以测试你的代码和跨平台处理，让前端开发变得更加简单和高效。
安装 avas
在使用 Avas 之前，需要确保 Node.js 和 npm 已经安装。有了这些，你可以在终端中使用以下命令来安装 Avas：
npm install --save-dev avas
在项目中使用 avas
在你的项目中使用 Avas 的方法非常简单。在你的项目目录中，创建一个新的测试文件夹（例如 /tests），然后在里面创建你的测试文件（例如 /tests/foo.js）。
-- -------------------- ---- ------- -- ------------ ------ ---- ---- ------- --------- -- ------ - -- - ----- --- - ----- --------- ------ --- --------- -- --- ------- - -- - ----- --- - ----- ---------- ------- ---
这里定义了两个简单的测试，测试 foo 是否等于 true。我们可以使用 npm run test 来运行测试。在 package.json 中添加一个 npm script 来执行测试：
{
"scripts": {
"test": "avas tests/**/*.js"
}
}在命令行中运行 npm run test，你将会看到如下输出：
✔ foo is true
✔ foo is not false
2 tests passed蒟蒻敲代码，无法完全理解上面的代码怎么办？推荐学习下面的内容。
使用教程
断言
Avas 支持各种类型的断言，使测试变得更加容易和高效。
-- -------------------- ---- ------- ------ ---- ---- ------- ------- - - - --- - -- - ----- ------ - - - -- ------------ --- --- --------- --- ---- ------- - -- - ----- --- - ------- ------ ------- ---------------------------- --- --------- --- -------- ------- - -- - ----- --- - - ---- ------ ---- ---- -- ------------ -- ----- --- ------------- -------- -- ---- ----- - -- - ----- ------ - ----- -------------------- ------------ ---- ---
Avas 支持的断言包括 is、not、true、false、pass、fail 等。
异步测试
在 JavaScript 中，几乎所有的操作都是异步的，所以在测试中使用异步操作是很常见的。Avas 支持使用 promises、async/await 等方式来编写异步测试。
-- -------------------- ---- -------
------------- -------- -- ---- ----- - -- -
----- ------ - ----- --------------------
------------ ----
---
------------- - --------- - -- -
------ ------------------------------- -- -
------------ ----
---
---Hooks
Avas 还支持使用生命周期函数（Hooks）来在测试的前后进行操作。例如，使用 before 在测试前运行一些异步准备工作。
-- -------------------- ---- ------- ----------------- - -- - ----- ------ - ----- ------------------------------------------- -------------- - ----- -------------- --- ---------- -------- -------- ------- - -- - --------------------------------------------- --- ---------- -------- -------- ------- - -- - --------------------------------------------- ---
在上面的例子中，我们通过 fetch 获取了一个数据，然后在 before 中将结果存储到 t.context 中，以便在测试中使用。这样，我们可以在多个测试中共享数据，提高测试的速度和效率。
插件
Avas 还支持使用插件来扩展功能。例如，我们可以使用 avas-plugin-snapshot 插件来添加快照测试功能。
首先，我们需要安装 avas-plugin-snapshot。
npm install --save-dev avas-plugin-snapshot
然后，我们在 package.json 中添加一个 Avas 插件配置。
{
"avas": {
"plugins": ["snapshot"]
}
}最后，我们可以使用 t.snapshot 来创建和比较快照。
test('renders correctly', t => {
const component = render(<MyComponent />);
const tree = component.toJSON();
t.snapshot(tree);
});结论
在本教程中，我们介绍了如何在前端项目中使用 npm 包 avas 进行测试。我们学习了如何使用断言、异步测试、hooks 和插件来编写高效的 JavaScript 测试。希望本教程对你有所帮助！
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600671b430d0927023822769
