微信开发Mocha与chai的使用

    这次，我将带您使用Mocha与chai。使用Mocha与chai有哪些预防措施？以下是一个实际案例。让我们来看看。

    Mocha 的简介

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

    Mocha 的安装与配置

    全局安装Mocha

    项目中也安装Mocha

    在package.json中加入下面脚本：

    Mocha 的使用

    在使用前，我们先看一下我们用来使用的测试项目的结构：

    如上图所示，测试文件需要放在test目录下，mocka运行时会执行test目录下的所有js文件（仅限于test以下这一层级，对test/subtest这一层级并不执行）。

    其中index.js为我们的被测试代码：

    而index.test.js为我们的测试代码(注意这里的命名加了一个test，并不是必须的，只是为了好区分哪些是测试文件)：

    解析一下以上代码的语法：

    在上面的例子中，测试addNum函数，如果运行错误就抛出异常

    此时运行

    就可得到以下结果

    为了看一下运行错误的结果，此时我们修改index.js的代码为：

    再次运行

    结果如下：

    Mocha与断言库chai

    在上面的Mocha例子中，测试失败用抛异常来处理，多少有点繁琐，所以就有了断言库的出现。

    这里我们介绍一个常用的断言库chai。

    可以简单理解为这就是对我们上面抛异常方法的一个封装，当判断失败时会抛出一个异常。

    首先安装chai：

    接着让我们用chai修改一下上面的index.test.js：

    上面的语法很接近自然语言，expect（期待）一个表达式的结果equal（等于）一个表达式。

    运行

    得到以下结果：

    可以看出图中的断言库还打印出了期望的结果3和实际的结果2。

    如果用判断来抛异常的话会繁琐得多。

    以上语法为chai的expect语法，它还有should语法和asset语法。

    如果是以前用过java和.NET的话，对asset可能更适应一点：

    这其中的语法意思很明显，这里就不再赘述了。

    Mocha的更多使用

    如果想测试单一的测试js，可以用：

    或者多个js

    当然也可以用通配符测试某个文件夹下所有的js和jsx：

    Mocha与ES6

    在上面我们用的并非是ES6的语法，那么让我们把其中的代码都改为ES6的语法。

    其中index.js为：

    而index.test.js为：

    此时直接运行mock肯定是不行的，我们现需要安装一下babel：

    然后，在项目目录下面，新建一个.babelrc文件：

    接着讲package.json中的脚本改为：

    其中--compilers参数用来指定测试脚本的转码器，这行命令的意思是运行mocha时先用babel-core/register模块，处理一下.js文件

    注意：

    --compilers将会在未来被移除，官方称它是redundant（累赘的），而作为替代方案的是

    命令变得更加简单了

    Mocha测试用例执行的超时和高亮

    Mocha默认每个测试用例最多执行2000毫秒，如果到时没有得到结果，就报错。以下命令设置超时时间为5000：

    Mocha默认会高亮显示超过75毫秒的测试用例，以下命令设置高亮判断的临界值：

    Mocha测试的钩子

    Mocha在describe块之中，提供测试用例的四个钩子：before()、after()、beforeEach()和afterEach()。它们会在指定时间执行。

    小结

    涵盖了一些常用的mock和chai方法，并更多地介绍了mock测试结果的输出格式，以及skip跳过测试和only仅测试当前用例。