在前端开发中,测试是非常重要的环节,它帮助我们发现代码中的问题,保证代码的质量和可靠性。而 stryker-cli 就是一款非常实用的测试工具,能够帮助我们对 JavaScript 代码进行自动化测试。
1. 安装 stryker-cli
使用 npm 安装 stryker-cli:
--- - -- -----------
安装完成后,可以执行以下命令来确认安装是否成功:
------- ---------
如果能成功输出 stryker-cli 的版本号,则说明已经安装成功。
2. 创建测试项目
接下来我们需要在本地创建一个测试项目,进入项目根目录后,执行以下命令:
------- ----
执行该命令之后,会出现以下内容:
------- -- --- ------- --- ------------ ------- -- - -------- ------- --------- --- ----------- --- -- --- ---- -- ---- -------- ------- -- ---------- ---- ----- --- ----- ---- ------- ---- ---------- -- --- ----- ---- --- -- -- ---- ----- ----- -- ----- ---- ----------- ----- --- -- ------ - --------------- ----- ----- -- --- ------------- ---- --- -------- ------- ---- ---- ---- --- --------------- ---- ---- -- -- -- --- ------- ------- ---------- --- --- ----- ---- -- --------- - ----- ------- ---- ----- ---- ------ -- --- ---- -- ----
在这里我们选择使用 Mocha,直接按回车键即可。
------- --- -------- -- ---- ---- ------ ------------- ----- ------------------ --------------- --------------- --- --- ----- ---- -- --------- - ------------------ ----- --- -------- -- --- ------------- ---- -- ---- ---- -------
这里输入我们的测试框架的配置文件路径,如果还没有配置,可以直接使用默认的。
---- ---- ------- --- ----------- --- -- --- --- ----- ---- -- --------- - -- -- ---- ------ ---- ----- -- - --------- --------- ---- ---- ------------- ------ --- -- --- --- ----- ---- -- --------- - -- -- --- ---- -- -------- ------- -------- --- -- --- --- ----- ---- -- --------- - --
这里选择不开启详细日志记录。
---- ---- ------- --- - ------ ------ ----- -------- -------- --- -- --- --- ----- ---- -- --------- - --
这里选择我们的项目不使用模块加载器。
----- -- --- ---- -- ------ --- ------- ------------- ----- --------------- --- --- ----- ---- -- --------- - ---------------
这里直接选择默认输出 stryker 的配置文件为 stryker.conf.js 即可。
至此,我们已经成功创建了一个测试项目。
3. 进行自动化测试
在上一步创建好的测试项目中,执行以下命令即可进行自动化测试:
------- ---
执行完成后,会在终端中显示测试的进度和结果。
4. 使用示例
下面我们来看一个使用示例,假定我们有一个名为 calculator.js 的 JavaScript 文件,内容如下:
-------------- - - ---- ----------- -- - ------ - - -- -- ---- ----------- -- - ------ - - -- -- ---- ----------- -- - ------ - - -- -- ---- ----------- -- - ------ - - -- - -
我们需要对这个文件进行自动化测试,首先在项目根目录下创建一个名为 test 的目录,在该目录下创建一个名为 calculator.test.js 的测试用例文件,内容如下:
----- ------ - ------------------ ----- - ---- ---- ---- --- - - ---------------------------- ---------------------- -- -- - ------------- ---------- -- -- - ----- - - - --- -- -- - ------------------- --- --- --- ------ - - - --- -- -- - -------------------- --- --- --- --- ------------- ---------- -- -- - ----- - - - --- -- -- - ------------------- --- --- --- ----- - - - --- -- -- - ------------------- --- --- --- --- ------------- ---------- -- -- - ----- - - - --- -- -- - ------------------- --- --- --- ------ - -- - --- -- -- - -------------------- ---- --- --- --- ------------- ---------- -- -- - ----- - - - --- -- -- - ------------------- --- --- --- ------ - -- - --- -- -- - -------------------- ---- --- --- ----- - - ------ ----- -- ------- -- -- - ---------------- -- ------ --- ------- --- --- ---
在该测试用例文件中,我们使用了 mocha 进行测试,分别对加、减、乘、除四个函数进行了测试,包括正常情况的测试和异常情况的测试。
接下来,我们在项目根目录下运行以下命令进行自动化测试:
------- ---
执行完毕后,会输出以下信息:
--- ------------------------- -------- -------- ------ ------------------------- ----- --------- ---- ------- ----- ------ -- ------- ---------- -- ------- ------- - -------- ----- ----- -- ------- ----- ------ -------- ----- ----- -- --- ----- ------ ------ -- ------ ------- --- ----- - - ------ ------- - ---- ----- -------------------------------- - - - ---------- - --- -------- - - - - - - - - - ---------- - --- -------- - -- - - - - - - - ---------- - --- -------- - - - - - - - - - ---------- - --- -------- - - - - - - - - - ---------- - --- -------- - - - - - - - - - ---------- - --- -------- - -- - -- - - - - - ---------- - --- -------- - - - - - - - - - ---------- - --- -------- - -- - -- - - - - - ---------- - --- -------- - - - - ------ ----- -- ----- ------------------------------ ---- ------- ------------------------------- ------------------------------- --- ------- -------------------------------- ----- ----- -- --- --- ------- --- ------- ------- ---- --- ----- ---- - -------- --------------------------- ------------- ------ ----------------------------
以上信息表示我们的自动化测试已经成功执行,并计算出了覆盖率和 mutation score 等指标,同时也输出了测试结果。
来源:JavaScript中文网 ,转载请联系管理员! 本文地址:https://www.javascriptcn.com/post/5eedaf81b5cbfe1ea0611062