什么是 beholder？
beholder 是一个用于前端自动化测试的 npm 包，支持多种测试方法和框架。它可以让开发者在项目快速迭代的同时，保证代码质量和稳定性，提高测试代码的可维护性和复用性。
beholder 的安装和使用方法
全局安装 beholder：
npm i -g beholder
在项目的根目录下运行 beholder 初始化命令：
beholder init
该命令会在项目根目录下生成一个 beholder.config.js 配置文件，用于配置 beholder 的相关参数。
在 config.js 中配置测试的类型和测试文件的路径
-- -------------------- ---- ------- -------------- - - ----- - -- ------- ------------------------------------ -------------- ---------- -- ------- ---------- --------------------------------------------------- -- -- --- ----- --在 package.json 中配置 beholder 的脚本：
{ "scripts": { "test": "beholder run" } }运行测试：
npm test
beholder 的测试用例编写
使用 beholder 进行测试需要编写测试代码，behoder 的使用支持多种测试框架，测试文件的名称需要遵循一定规则。
如果你使用了 Jasmine 框架，测试文件的名称应该是 xxx.spec.js。
describe('test module', () => {
it('should work', () => {
expect(true).toBe(true);
});
});如果你使用了 Mocha 框架，测试文件的名称应该是 xxx.test.js。
var assert = require('assert');
describe('test module', function() {
it('should work', function() {
assert.equal(true, true);
});
});如果你使用了 Chai 框架，测试文件的名称应该是 xxx.test.js。
var assert = require('chai').assert;
describe('test module', function() {
it('should work', function() {
assert.equal(true, true);
});
});如果你使用了 Jest 框架，测试文件的名称应该是 xxx.test.js。
describe('test module', () => {
it('should work', () => {
expect(true).toBe(true);
});
});如果你使用了 QUnit 框架，测试文件的名称应该是 xxx.test.js。
QUnit.test('test module', function(assert) {
assert.equal(1, 1);
});如果你使用了自定义的测试框架，测试文件的名称应该是 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