前端测试

Posted by Mars . Modified at Oct 10, 2021

前端工程化

几种不同的测试

• 单元测试：将代码分为若干个独立的单元进行分别测试。通常一个单元是一个函数、一个组件或一个复杂的算法；
• 端到端测试(e2e)：不将应用程序分解成单元，直接从用户层面模拟与应用程序的交互，查看是否返回了预期的结果。

前端测试工具

单元测试：Jest

安装、配置Jest

// 安装jest
npm i jest -D

// 引导式命令行自动生成配置文件
npx jext --init

在package.json中设置新脚本命令：

"test": "jest"

编写单元测试代码

单元测试一般在项目目录下的/test目录下，每一个文件代表一个单元测试。

单元测试的代码基本形式如下：

import { fnToBeTested } from './source.js';

describe('test name', () => {
    // describe定义一系列测试内容，第一个参数为这项测试的名称。
    test('test1', () => {
        // test定义一项测试，第一个参数为这个测试的名称。
        // expect传入待测函数和参数，后面的.toBe部分称为匹配器，传入的参数是期待的执行结果。
        expect( fnToBeTested('input') ).toBe('output');
    });
});

Keywords: 工程化