美文网首页
mocha测试框架初学

mocha测试框架初学

作者: 落花的季节 | 来源:发表于2017-06-05 22:28 被阅读58次

环境部署

创建一个目录:

mkdir mocha-demo
cd mocha-demo

初始化项目,生成package.json文件

npm init

安装mocha及其断言库chai

npm install mocha -save-dev
npm install chai -save-dev

为了使用方便也可以进行全局安装

npm install -g mocha

编写测试脚本

Mocha的作用是运行测试脚本。所谓"测试脚本",就是用来测试源码的脚本。

//sum.js
function sum(a,b){
    return a+b;
}
module.exports = sum;

我们已经完成了求和模块的编写,并将其已经导出,现在我们就要写测试脚本对求和模块进行测试。

//test.js
const  sum = require('./sum.js');
const expect = require('chai').expect;

describe('The sum function test',function(){
    it('should 1 and 2 to 3',function () {
        expect(add(1,2)).to.be.equal(3);
    })
});

上面这段代码就是测试脚本,它可以独立执行。测试脚本里面应该包括一个或多个describe块,每个describe块应该包括一个或多个it块。
describe块称为"测试套件"(test suite),表示一组相关的测试。它是一个函数,第一个参数是测试套件的名称("The sum function test"),第二个参数是一个实际执行的函数。
it块称为"测试用例"(test case),表示一个单独的测试,是测试的最小单位。它也是一个函数,第一个参数是测试用例的名称("should 1 and 2 to 3 "),第二个参数是一个实际执行的函数。

mocha的用法

有了测试脚本以后,就可以用Mocha运行它。

执行下面的命令就可以运行测试脚本了。

mocha test.js

运行结果:

我们还可以使用mochawesome模块,可以生成漂亮的HTML格式的报告。

执行下面的命令:

npm install mochawesome -save-dev  //安装
node_modules/.bin/mocha --reporter mochawesome

生成的html文件保存在mochawesome-report/assets/mochawesome.html这个目录下还会生成json文件。

mocha还有很多的命令行参数,而且显示的效果也很好看,大家可以通过mocha -help查看其他的命令,进行更多的尝试。

相关文章

  • mocha测试框架初学

    环境部署 创建一个目录: 初始化项目,生成package.json文件 安装mocha及其断言库chai 为了使用...

  • 学习测试框架Mocha

    学习测试框架Mocha Mocha 是javascript测试框架之一,可以在浏览器和Node环境下使用,除了Mo...

  • 前端单元测试

    单元测试 前端测试框架主要是Mocha与Jasmine,这里我们选择Mocha,断言库有should、expect...

  • 初识前端测试3 -- mocha

    mocha 在第一小结中的测试中用到了 mocha 框架,这一节就说说 mocha 框架吧。下面整理的内容主要来源...

  • 【前端单元测试入门01】Mocha与chai

    Mocha 的简介 Mocha是流行的JavaScript测试框架之一,通过它添加和运行测试,从而保证代码质量 M...

  • Node项目如何写覆盖率测试

    通常,我们的测试框架会使用mocha package.json 借助mocha,我们可以用nyc来进行覆盖率测试 ...

  • JavaScript自动化测试介绍

    下面是对JavaScirpt自动化测试和持续集成内容的整理: 测试工具 mocha mocha是一种测试框架,是运...

  • 2018-06-15 mocha 测试安装

    昨天的mocha安装任务没有完成,今天继续 1.学习Mocha,中文文档自己找。 2.测试框架 Mocha 实例教...

  • 测试框架Mocha

    可测试代码的几个原则: 单一职责:逻辑尽可能的单一,分离不同的功能 接口抽象:针对接口进行测试,具体代码的变化不会...

  • 使用mocha+debug调试代码

    0.测试框架是mocha 1.使用如下命令: cross-env NODE_ENV=test mocha --de...

网友评论

      本文标题:mocha测试框架初学

      本文链接:https://www.haomeiwen.com/subject/odpwfxtx.html