![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端测试
基础基础
purple_lumpy
先,找一个方向,然后,收拾收拾好,一步一步来
展开
-
前言
下面开始记录前端测试框架。此前先填填自己写的原始单元测试脚本:先编写一个函数库文件名为math.jsfunction add (a, b) { return a + b}function minus (a, b) { return a-b}function multi (a, b) { return a * b}function devis...原创 2019-09-19 14:05:42 · 105 阅读 · 0 评论 -
前端自动化测试框架 Jest
目前业界里比较主流的前端自动化框架有: Jasmine, Mocha, Jest.Jest 在性能、功能、易用性综合来说是比较好的。正在看的 vue-loader 源码也使用 Jest 框架进行测试。就先来学习一下Jest 的使用吧!使用Jest ,我们先来创建一个项目。(新建一个目录,进入 并使用 npm init -y 初始化项目)先来安装Jest 到项目 (使用版本24.8....原创 2019-09-19 15:19:00 · 500 阅读 · 0 评论 -
Jest 简单配置
与webpack 类似,当不做配置的时候,运行webpack 命令也可以进行打包,它会遵循webpack 默认的配置进行打包操作。Jest 不做配置的时候,也是遵循它默认的配置进行打包。那么现在,我们自己来配置jest。项目目录下,使用命令npx jest --init意思是调用本项目下node_modules 下的jest然后它会询问我们几个问题,根据需要选择就好...原创 2019-09-19 20:40:54 · 1292 阅读 · 0 评论 -
Jest 中匹配器
有时我们希望Jest 在测试代码发生变化的时候,能够自动运行。那么我们在 jest 命令后面 加上参数 --watchAll 即可。 "scripts": { "test": "jest --watchAll", "coverage": "jest --coverage" },下面,我们在math.test.js 中增加一个测试用例test('测试匹配器'...原创 2019-09-19 20:41:13 · 252 阅读 · 0 评论 -
Jest 异步代码 测试要注意的点
Jest 异步代码测试中,有一些点,我们记录一下。如果要测的是回调函数,那么可以使用done 函数。官网是如下解释的:Instead of putting the test in a function with an empty argument, use a single argument calleddone. Jest will wait until thedonecall...原创 2019-09-21 11:52:07 · 1086 阅读 · 0 评论 -
Jest 中钩子函数
首先,我们来写一个类,并把它放入一个文件 counter.js 中,代码如下。class Counter { constructor () { this.number = 0 } addOne () { this.number += 1 } minusOne () { this.number -= 1 ...原创 2019-09-21 12:52:38 · 787 阅读 · 0 评论 -
Jest 中的 snapshot 快照测试 基础
项目中经常有一些配置文件。比如export const generateConfig = () => { return { server: 'http://localhost', port: '8080' }}那测试它的测试用例可以这样写import { generateConfig } from './snapshot....原创 2019-09-21 17:27:42 · 6970 阅读 · 0 评论