什么是 beholder？
beholder 是一个用于前端自动化测试的 npm 包，支持多种测试方法和框架。它可以让开发者在项目快速迭代的同时，保证代码质量和稳定性，提高测试代码的可维护性和复用性。
beholder 的安装和使用方法
全局安装 beholder：
--- - -- --------
在项目的根目录下运行 beholder 初始化命令：
-------- ----
该命令会在项目根目录下生成一个 beholder.config.js 配置文件，用于配置 beholder 的相关参数。
在 config.js 中配置测试的类型和测试文件的路径
-------------- - - ----- - -- ------- ------------------------------------ -------------- ---------- -- ------- ---------- --------------------------------------------------- -- -- --- ----- --在 package.json 中配置 beholder 的脚本：
- ---------- - ------- --------- ---- - -运行测试：
--- ----
beholder 的测试用例编写
使用 beholder 进行测试需要编写测试代码，behoder 的使用支持多种测试框架，测试文件的名称需要遵循一定规则。
如果你使用了 Jasmine 框架，测试文件的名称应该是 xxx.spec.js。
-------------- -------- -- -- -
---------- ------ -- -- -
------------------------
---
---如果你使用了 Mocha 框架，测试文件的名称应该是 xxx.test.js。
--- ------ - ------------------
-------------- -------- ---------- -
---------- ------ ---------- -
------------------ ------
---
---如果你使用了 Chai 框架，测试文件的名称应该是 xxx.test.js。
--- ------ - -----------------------
-------------- -------- ---------- -
---------- ------ ---------- -
------------------ ------
---
---如果你使用了 Jest 框架，测试文件的名称应该是 xxx.test.js。
-------------- -------- -- -- -
---------- ------ -- -- -
------------------------
---
---如果你使用了 QUnit 框架，测试文件的名称应该是 xxx.test.js。
---------------- -------- ---------------- - --------------- --- ---
如果你使用了自定义的测试框架，测试文件的名称应该是 xxx.xx.js。
beholder 的配置参数
beholder.config.js 配置文件中支持多个选项，其中一些最常用的选项为：
test.testFramework：测试框架，支持 Jasmine/Mocha/Chai/Jest/QUnit/Custom。test.testMatch：测试文件的路径，支持 glob 名称格式。test.timeout：测试的超时时间。test.runInBand：是否串行运行测试用例。coverage.coverageThreshold：代码覆盖率的阈值。coverage.collectCoverageFrom：收集代码覆盖率的文件路径。coverage.coverageDirectory：覆盖率报告的存储路径。
结语
beholder 是一款方便实用的前端自动化测试 npm 包，帮助开发者保证前端代码的稳定性和质量。本文介绍了 beholder 的安装和使用方法，并提供了一些测试用例编写的示例代码和 beholder 的常用配置参数。希望本文对您有所帮助。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/76904