前端自动化测试框架Jest

前端自动化测试框架Jest

介绍

前端自动化测试框架主要用于简化和加速Web应用程序的测试过程，它们通常支持模拟用户交互、处理异步操作以及维护测试代码的复用。常见的前端自动化测试框架有：

1. Jest：Facebook开源的一款JavaScript测试工具，以其简洁的API、快照测试和易于理解的错误消息而闻名。

2. Mocha：流行的Node.js测试框架，提供了一种声明式的语法，并可以结合Chai等断言库一起使用。

3. React Testing Library：专为React组件设计的测试库，它强调编写可读性强且结构清晰的测试用例。

4. Vue Test Utils：Vue.js的官方测试工具，用于测试Vue组件的行为。

5. Puppeteer：Google开发的浏览器自动化测试库，可以直接控制Headless Chrome或Firefox，适合做端到端测试。

6. Selenium：跨平台的自动化测试框架，虽然主要用于浏览器，但也有很多针对前端的驱动如WebDriverIO。

使用前端自动化测试框架的好处包括提高测试效率、保证代码质量、便于团队协作和持续集成/持续部署（CI/CD）流程。

简单跟一下使用： 

安装工具包：

npm install --save-dev jest

 写一个测试函数js文件xx.js：

function sum(a, b) {
  return a + b;
}
module.exports = sum;

创建名为 xx.test.js 的文件:

const sum = require('./sum');
 
test('adds 1 + 2 to equal 3', () => {
  expect(sum(1, 2)).toBe(3);
});

在package.json中添加：

{
  "scripts": {
    "test": "jest"
    // "test": "jest --watchAll"
  }
}
// jest 命令会运行项目中所有以 .test.js 结尾的文件

运行测试命令：

npm run test


// 自动监控测试文件
// 让jest自动监控测试文件，一有更新，就自动运行测试。
// 在package.json中的jest那里加上--watchAll参数

运行结果看一下:

参考：

npm-test | npm Docs