乐趣区

测试基础

使用 mocha 测试

概念

测试类型

  • 单元测试: 以软件的单元为单位,对软件进行测试

    • 避免依赖性问题,例如不存取数据库、不访问网络,而是使用工具虚拟出运行环境
    • 步骤

      • 准备所有的测试条件
      • 调用(触发)所要测试的函数
      • 验证运行结果是否正确
      • 还原被修改的记录
  • 集成测试: 多个部分在一起测试,例如数据库连接模块测试
  • 功能测试: 自动测试整个程序的某个功能,使用 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.opts

  • 命令行

    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.jschai.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)
退出移动版