测试基础

jiezi

5 年前

单元测试: 以软件的单元为单位，对软件进行测试
- 避免依赖性问题，例如不存取数据库、不访问网络，而是使用工具虚拟出运行环境
- 步骤
  - 准备所有的测试条件
  - 调用（触发）所要测试的函数
  - 验证运行结果是否正确
  - 还原被修改的记录
集成测试: 多个部分在一起测试，例如数据库连接模块测试
功能测试: 自动测试整个程序的某个功能，使用 Selenium 工具自动打开浏览器测试
端对端测试: 全链路测试，从开始端到结束端的测试
- 确保整个系统能正常运行，各个子系统依赖关系正常，数据在子系统、模块之间传递正常
冒烟测试: 正式的全面测试开始之前，对主要功能进行的预测试
- 目的: 确认主要功能十分满足需要, 软件是否能运行

TDD(Test-Driven Development): 测试驱动开发
- 步骤
  - 写一个测试
  - 写出最小代码，使其能通过测试
  - 优化代码
  - 重复前三步
- 提供 4 个方法
  - suite()
  - test()
  - setup()
  - teardown()
BDD(Behavior-Driven Development): 行为驱动开发
- 概念：针对行为写测试, 不应针对代码实现细节
- 提供 6 个方法
  - describle()
  - it()
  - before()
  - after()
  - beforeEach()
  - afterEach()

`mocha`

默认会运行 test 目录下第一层的脚本
--recursive会运行当前目录以及子目录的脚本

shell 通配符

mocha spec/{one,two}.js
mocha test/unit/*.js
mocha test/{,**/}*.{js,jsx}

node 通配符
```
mocha 'test/**/*.@(js|jsx)'
```

--help, -h: 查看所有命令参数
--reporter, -R: 指定测试报告格式，官方详细介绍
- spec: 默认格式
- tap: “
- mochawesome: 以 HTML 格式报告
- 生成不同格式的报告
  - 生成 markdown 格式的报告
```
mocha --recursive -R markdown > spec.md
```
  - 生成 html 格式的报告
```
mocha -recursive -R doc > spec.html
```
--growl, -G: 测试结果在桌面显示
--watch, -w: 监视指定测试脚本，有变化会自动运行mocha
--bail, -b: 指定只要有一个测试没有通过，就停止执行后面的测试用例
--grep, -g: 用于搜索测试用例的名称
--invert, -i: 只运行不符合条件的测试脚本, 必须与 --grep 配合使用
```
mocha --grep "1 加 1" --invert
```

命令行

mocha --recursive --reporter tap --growl

配置项 mocha.opts 文件
```
--reporter tap
--recursive
--growl
```
指定测试目录 mocha.opts 文件
```
server-tests
--recursive
```

ES6

依赖包安装

npm i babel-polyfill --save
npm i @babel/core @babel/preset-env -D

.babelrc配置

{
  "presets": [
    ["@babel/env", {
      "modules": false,
      "useBuiltIns": "usage",
      "corejs": 2,
      "shippedProposals": true
    }]
  ]
}

指定转换器

ES6

npx mocha --compilers js:@babel/core/register

CoffeScript

npx mocha --compilers coffee:coffee-script/register

延时执行 done

it('延时 1000 毫秒', function(done) {setTimeout(() => {done()
    }, 1e3)
})
it('请求之后执行', function() {
    request
        .get('https://api.github.com')
        .end(function(err, res) {expect(res).to.be.an('object')
            done()})
})

返回一个 promise

it('请求之后执行', function() {
    return request
        .get('https://api.github.com')
        .end(function(err, res) {expect(res).to.be.an('object')
        })
})

通过命令行
- mocha -t 1000: 设置超时时间未 1000 毫秒
- mocha -s 1000: 设置测试延时 1000 毫秒执行

before
after
beforeEach
afterEach

only只运行某个用例

执行命令: mocha init test
新建add.js
```
function add(x, y) {return x + y;}
```

把 add.js 和chai.js加入index.html

<script>
  mocha.setup('bdd');
</script>
<script src="add.js"></script>
<script src="http://chaijs.com/chai.js"></script>
<script src="tests.js"></script>
<script>
  mocha.run();
</script>

新建tests.js

var expect = chai.expect;

describe('加法函数的测试', function() {it('1 加 1 应该等于 2', function() {expect(add(1, 1)).to.be.equal(2);
  });

  it('任何数加 0 等于自身', function() {expect(add(1, 0)).to.be.equal(1);
    expect(add(0, 0)).to.be.equal(0);
  });
});

JavaScript 程序测试
测试框架 Mocha 示例教程
- mocha-demos
Vue 单元测试（Karma+Mocha+Chai）

测试基础

使用 mocha 测试

概念

测试类型

开发模式

命令

`mocha`

通配符

命令行

mocha.opts

语言转换

延时测试

钩子函数

用例管理

在浏览器中查看用例运行结果

参考资料