wysknd-test
是一种为前端开发人员提供快速、简便且可靠的测试框架。本文章将会从基本的安装和配置,到实际测试用例的编写,详细介绍这个 npm 包的使用教程。
安装
如果你使用 npm 或者 yarn 管理你的项目,你可以直接使用下列指令来安装 wysknd-test
:
npm install wysknd-test --save-dev
配置
安装好之后,在你的项目中,添加一个 wysknd-test.config.js
文件,用于存储 wysknd-test
的配置信息。例如:
module.exports = { tests: ['./tests/*.test.js'], babelConfigOptions: { presets: ['@babel/preset-env'], plugins: ['@babel/plugin-proposal-class-properties'], }, };
以上配置文件:
tests
属性告诉wysknd-test
你要运行哪些测试用例,可以使用 glob patterns 来匹配一大批符合条件的文件。babelConfigOptions
属性告诉wysknd-test
如何转义你的代码,确保所有的测试用例都运行在一个在所有浏览器和环境下都能够运行的稳定的环境。
在 package.json
文件中 添加一个 "script" 字段,例如:
{ "scripts": { "test": "wysknd-test" } }
之后,在命令行中运行 npm test
即可执行测试用例。
测试用例
编写测试用例
在你的项目中,创建一个 tests
文件夹,并在其中添加一些测试用例文件,文件名以 .test.js
结尾,例如 sum.test.js
。例如:
-- -------------------- ---- ------- ------ ----- ---- --------- --------------- -------- -- - ---------- - - - -- ----- --- -------- -- - ------------- ------------ --- ---------- - - - -- ----- --- -------- -- - ------------- ------------ --- ---
以上测试脚本首先导入 ../sum
模块,该模块包含 sum
函数,然后使用 Jest 提供的工具函数 test
和 expect
来断言输出结果是否与预期相符。
test
函数里面的第一个参数表示测试用例的名称。- 后面的匿名函数包含了实际的测试逻辑,里面的内容应该是一个或多个
expect
调用。 expect
调用里面的参数是被测试的值。之后通过 Jest 提供的函数调用来验证值是否符合预期。
运行测试用例
在配置中输入要运行的测试文件的相对路径,而且确保 wysknd-test
的配置已经正确地根据你的项目进行了优化。之后,在命令行中运行 npm test
。
你现在可以稍微写一些测试用例,然后尝试使用终端中运行这个命令来看到测试结果。由于你没有实现 sum
函数,应该会失败。
总结
wysknd-test
是一个简单且易学易用的前端测试框架。通过把它加入到你的项目中,你将能够轻松地为你的代码添加测试用例。这不仅仅有助于你发现问题,而且还能让你更轻松地编写和维护你的代码。
来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/600671198dd3466f61ffe7af