资讯专栏INFORMATION COLUMN

mocha

ruicbAndroid / 2690人阅读

摘要:抹茶是一款测试框架,支持在和浏览器端运行。只要程序抛出一个错误,就会认为测试不通过。使用内置的断言库断言抛出一个如果参数是一个则会抛出这个。并且根据的状态来决定测试是否通过。

这篇文章百分之99都是照着mocha官网的内容来写的。就是个扫盲文,如果你想获得关于mocha更深层次不为人知的内容,还是别浪费你宝贵的十几分钟了,马上叉掉。不为啥的,我就做个笔记,方便以后复习。

mocha(抹茶)是一款javascript测试框架,支持在node和浏览器端运行。它比QUnit更完善,可扩展性更强。在官网上,对它的描述就是简单,可扩展,有趣。(有趣是什么鬼)

使用
// 1
npm install mocha -g 
mocha ./test.js

// 2
npm install mocha --save-dev 
node .node_modules/mocha/bin/mocha ./test.js
主要api

mocha只有两个主要的api。

describe(name, fn) 定义一组测试

it(name, fn) 定义一项测试

describe("proxy", function(){
  it("proxy data 1", function(done){
    this.timeout(1000)
    assert.ok(true, "fail")
  })

你也可以在一组测试里面再定义一组测试

describe("group1", function(){
  describe("child1", function(){
   })
})

只测试其中某一组测试

describe("test", function(){
  describe.only("testc1", function(){
  })
 })

跳过某一组测试

describe("test", function(){
  describe.skip("testc1", function(){
  })
 })
断言

mocha没有佩戴自己的断言库,它允许你使用第三方断言库,如node 内置的assert, chai等。只要程序抛出一个错误,mocha就会认为测试不通过。

const assert = require("assert") // 使用node内置的断言库

describe("proxy", function(){
  it("proxy data 1", function(done){
    this.timeout(1000)
    assert.ok(true, "fail")
  })
node assert 断言

assert.fail(String | Error)
抛出一个AssertionError, 如果参数是一个Error,则会抛出这个Error。

assert.ifError(any)
只要any 不等于undefined | null 就抛出any

assert.ok(value[,maessage])
测试value 是否为真值

assert.equal(actual, expected [,message]) | assert.notEqual(actual, expected [,message])
对actual 和 expected 执行 == 比较

assert.strictEqual(actual, expected [,message]) | assert.notStrictEqual(actual, expected [,message])
对actual 和 expected 执行 === 比较

assert.deepStrictEqual(actual, expected[,message]) | assert.notDeepStrictEqual()
测试是否深度全等, 执行的是=== 比较

异步测试

回调形式

describe("Array", function(){
  it("should correct", function(done){
    setTimeout(done,1000)
  })
})

如果done()执行的时候有参数,如done("错误"), 那么mocha判定测试不通过。 你也可以直接传入一个Error对象到done函数中,如done(new Error("fail"))

promise的形式

describe("Array", function(){
  it("should correct", function(){
    return Promise.resolve()
  })
})

如果it 函数的返回值是一个promise, 将被是为是一个异步测试。并且根据promise的fullfill状态来决定测试是否通过。
值得注意的是,当你觉得使用promise的形式时候,你就不应该再it的回调函数声明参数done。这个会让mocha认为你其实是想通过done的形式来完成异步测试的。

describe("Array", function(done){ // 这个done是不需要的。
  it("should correct", function(){
    return Promise.resolve()
  })
})

使用async-await

describe("Array", async function(done){ // 这个done是不需要的。
  it("should correct", function(){
    let result = someAsyncOperation()
    assert.ok(true, result)
  })
  
})
箭头函数

mocha不提倡使用箭头函数,因为it, describe都是绑定mocha context执行的,在箭头函数中,无法获取到mocha context。如以下会报错

describe("Array", () => {
  it("shoule correct", (done) => {
     this.timeout(1000) // can not read property timeout of undefind
  })
})
hook

mocha 在整个测试周期中,提供了一组hook钩子来让开发者在测试开始之前准备环境或者是测试完成之后清理环境。

describe("hooks", function() {

  before(function() {
    // runs before all tests in this block
  });

  after(function() {
    // runs after all tests in this block
  });

  beforeEach(function() {
    // runs before each test in this block
  });

  afterEach(function() {
    // runs after each test in this block
  });

  // test cases
});

异步钩子
在钩子函数中传入done,并且在异步钩子完成时调用它。

describe("hooks", function() {

  before(function(done) {
    // runs before all tests in this block
    setTimeout(() => {
      done() // 2000ms之后才会执行下一个钩子
    }, 2000)
  })
});

mocha默认的测试超时时间是2000ms,如果你的异步钩子准备时间超过2000ms,请事先声明超时时间

在浏览器端测试

以后补上

vscode 插件

vscode 上面有一个辅助mocha测试的插件 mocha sidebar。

New code coverage support

see all tests in vscode side bar menu

git lens for running/debugging directly form the code

decorations which shows test status(pass/fail/not run) from code

run tests for each level hierarchy from all tests to a single test(and each describer of course)

debug tests for each level hierarchy from all tests to a single test(and each describer of course)

auto run tests on file save

see tests results directly on the code

run/debug results directly from the code

see test errors as decoration

NEW add context menu on folders in explorer to set subdirectory (#2).

设置使用babel-register
在vscode的首选项设置如下:

"mocha.requires": ["babel-register"]

mocha sidebar 0.20.22 版本目前只支持babel 6, 如果你使用babel 7 ,那么你就只能在命令中运行测试

mocha --require @babel/register xxx.js
ES6 的module 语法

ES6的import 和 export 在node中并没有实现,所以我们需要通过Babel转换ES6的模块语法。

npm install babel@6 babel-preset-env babel-register

//.babelrc
{
  "presets": ["env"]
}

现在你可以在启动时加入--require参数来让使用了ES6 import/export语法的测试文件在加载时使用babel编译。

mocha --require babel-register ./test/test.js
import _ from "lodash"
describe("Array", function(){
  it("should correct", function(){
    return Promise.resolve()
  })
})

如果你不使用--require参数,那么你需要显式使用babel-register

// index.js
require("babel-register")
require("./test.js")

// test.js
import _ from "lodash"
describe("Array", function(){
  it("should correct", function(){
    return Promise.resolve()
  })
})

// comman line
mocha ./index.js

babel-register 会在node 的require中注入一个钩子,让所有以.es6, .jsx, .js, .es作为后缀结尾的文件在require的时候都先经过babel编译。这样子我们在index.js require("./test.js")的时候,就已经将import 语法转换为requrie语法了。

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/99461.html

相关文章

  • Mocha浏览器测试入门教程

    摘要:在中,需要添加源代码以及断言库运行测试使用浏览器打开,就会运行测试,并且看到运行结果可知,测试通过使用命令行测试对于习惯在终端敲命令行的程序员来说,用浏览器打开去进行测试显得非常不合时宜。 摘要: 如何使用Mocha在浏览器中测试JavaScript代码? 本文所有代码都在Fundebug/mocha-browser-test仓库中。 showImg(https://segmentfa...

    Aldous 评论0 收藏0
  • 探知js测试(3)

    摘要:模块测试模块语法我这里提及一点。基本工程目录一个良好的工程目录,能够帮助你测试成本降到最低。这一块算是独立于单元测试的。 前面两篇已经把,js测试的模式,框架,断言库基本介绍了一遍。这里,我们要上升到整体测试架构上来.首先,单元测试的对象是模块,这里我们就要将自己测试目标调整到对模块测试上来。所以,这里我们需要使用CommonJS或者es6的模块的写法了。另外需要了解,mocha框架测...

    陈江龙 评论0 收藏0
  • 探知js测试(3)

    摘要:模块测试模块语法我这里提及一点。基本工程目录一个良好的工程目录,能够帮助你测试成本降到最低。这一块算是独立于单元测试的。 前面两篇已经把,js测试的模式,框架,断言库基本介绍了一遍。这里,我们要上升到整体测试架构上来.首先,单元测试的对象是模块,这里我们就要将自己测试目标调整到对模块测试上来。所以,这里我们需要使用CommonJS或者es6的模块的写法了。另外需要了解,mocha框架测...

    pakolagij 评论0 收藏0
  • Mocha中文文档

    摘要:中文文档这个是对文档的翻译,都是我一个字一个字敲出来的。任何钩子函数在执行的时候都可以传递一个可选的描述信息,可以更容易地准确指出测试中的错误。不给测试用例传递一个回调函数,就是被等待实现的测试用例,但同样会在报告中体现出来。 mocha中文文档 这个是对mocha文档的翻译,都是我一个字一个字敲出来的。水平有限,激情无限,欢迎大家批评指正。文档我也放在了我的github上,后续,我会...

    lentrue 评论0 收藏0
  • ES6+mocha+istanbul,针对ES6语法的带覆盖率检查的mocha测试

    摘要:安装注意版本为为支持语法安装依赖包注意为了使支持语法,在加入注意为了使支持语法,在加入小猫快跳最终运行或都可以参考 安装 mocha, chai,mochawesome,istanbul npm install mocha chai mochawesome istanbul@1.0.0-alpha.2 --save-dev 注意1: istanbul 版本为 ^1.0.0-alpha....

    wuyangnju 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<