jest 前端自动化测试配置和学习笔记

jest 前端自动化测试学习笔记

jest 解决的问题

• API简单
• 多项目运行
• 速度快
• IDE 整合友好

jest 配置

环境配置

1. 在项目根目录使用npm初始化项目

   npm init

2. 使用npm安装jest包

   npm install [e-mail] /*版本号为24.8.0 的jest包*/

3. 修改package.json文件中test命令为jest

   test: "Error: no test specified" && exit 1" 替换为"test: jest"

WebStorm 配置 jest

依次点击Preferences=>Languages & Frameworks=>JavaScript(务必点击侧边栏展开三角形按钮)=>Libraries=>DownLoad…（在界面右侧边栏）=>在弹出的Download Library中查找jest包=>单击选中高亮后点击DOWNLOAD AND INSTALL安装。

最后安装jest成功后的界面：

jest 基础

简单测试

// 文件: hello-world.js
function hello(greets) {
    return greets <= 1 ? "hello" : "hello, hi~";
}

module.exports = {
    hello,
}

// 测试文件: hello-wolrd.test.js
const hello = require("../hello-world")
test("打1次招呼", function () {
    expect(hello.hello(1)).toBe("hello");
});
test("打2次招呼", () => {
    expect(hello.hello(2)).toBe("hello, hi~");
});

杂项和参考

技术胖B站课程

前端技术胖 博客