这就需要借助优秀测试框架的帮助,尤其是支持TDD开发模式的自动化测试框架更为重要,因为我使用的编程是语言是Node.js,那么广泛使用的Mocha.js将成为我的首选。 介绍完TDD的概念和接口,下面就可以引入Mocha.js啦。 二. Mocha.js - Javascript测试框架,支持TDD,BDD等多种接口 Mocha.js是被广泛使用的Javascript测试框架,官网:http://mochajs.org/ 官方对其的定义是 使用Mocha.js,可以写测试用例,并跑用例来得到结果,同时还支持多种格式的Report来显示结果。支持TDD,BDD等接口,是TDD开发过程中的好帮手。 在这里,我实现一个简单常见的测试用例,来说明Mocha.js如何使用。 首先介绍一下几个重要的接口, suite:定义一组测试用例。
cnpm install -g mocha 执行mocha init命令,可以自动生成浏览器端的测试文件: mocha init test mocha会自动创建一个test目录,其中有4个文件,分别是: mocha.js :Mocha源码 mocha.css:Mocha源码 tests.js:测试代码 index.html:浏览器测试入口页面 mocha.js与mocha.css是Mocha模块自身的源代码,因为需要在浏览器中展示测试结果 rel="stylesheet" href="mocha.css" /> </head> <body>
<script src="<em>mocha.js</em> tests.js"></script> <script> mocha.run(); </script> </body> </html> 可知: index.html中导入了mocha.js rel="stylesheet" href="mocha.css" /> </head> <body> <script src="<em>mocha.js</em>cnpm install -g mocha 执行mocha init命令,可以自动生成浏览器端的测试文件: mocha init test mocha会自动创建一个test目录,其中有4个文件,分别是: mocha.js :Mocha源码 mocha.css:Mocha源码 tests.js:测试代码 index.html:浏览器测试入口页面 mocha.js与mocha.css是Mocha模块自身的源代码,因为需要在浏览器中展示测试结果 rel="stylesheet" href="mocha.css" /> </head> <body>
<script src="<em>mocha.js</em> tests.js"></script> <script> mocha.run(); </script> </body> </html> 可知: index.html中导入了mocha.js rel="stylesheet" href="mocha.css" /> </head> <body> <script src="<em>mocha.js</em>执行后会在该目录生成index.html、mocha.js、mocha.css和一个空白的test.js,可以直接在test.js中添加测试用例。 当然,也可以不敲命令直接复制引用mocha.js到html。 编写用例 常用的断言库都可以运行的很好。
执行后会在该目录生成index.html、mocha.js、mocha.css和一个空白的test.js,可以直接在test.js中添加测试用例。 当然,也可以不敲命令直接复制引用mocha.js到html。 编写用例 常用的断言库都可以运行的很好。
// mocha/src/mocha.js class Mocha { constructor() {} run() {} } module.exports = Mocha; // mocha 传入的第二个参数 } } module.exports = Test; 我们完善一下目录结构: ├─ mocha/ │ ├─ index.js │ ├─ src/ │ │ ├─ mocha.js // mocha/src/mocha.js const Suite = require('. // mocha/src/mocha.js // ... const interfaces = require('.. 最后,我们在 Mocha 实例的 run 方法中去实例化 Runner 并调用它: // mocha/src/mocha.js // ... const Runner = require('.
执行后会在该目录生成index.html、mocha.js、mocha.css和一个空白的test.js,可以直接在test.js中添加测试用例。 当然,也可以不敲命令直接复制引用mocha.js到html。 编写用例 常用的断言库都可以运行的很好。
前端TDD开发环境的搭建 如果想应用Tdd的方法到前端的开发中,主要用到以下几个工具(工具的用法在后面介绍): mocha.js mocha 主要提供了describe的语法,用来描述测试用例,并且把执行测试后的结果清楚的返回到终端上
这些工具有 Mocha.js、Chai.js和 ts-node。 Mocha.js 是一个测试运行器,Chai.js是一个断言库,帮助确定你是否从你的代码中得到你所期望的结果,而 ts-node 帮助我们在TypeScript项目中使用这些工具。
mocha/mocha.css"> </head> <body>
`<script src="node_modules/mocha/<em>mocha.js</em>body>
/node_modules/mocha/mocha.js"></script> <script> window.assert = chai.assert;
/node_modules/mocha/mocha.js"></script> <script> window.assert = chai.assert;