使用 Qunit 对js代码进行单元测试
2014-09-22 13:58
561 查看
参考博客地址 http://www.woiweb.net/how-to-test-your-javascript-code-with-qunit.html
官方地址 http://qunitjs.com/
1、创建qunit.html 文件添加由官方提供的cdn 加载测试框架
最后面引入的 project.js 就是待测试的文件
最后面引入的 tests.js 就是测试用例的文件
2、测试用例的编写
先写一个待测试例子,这是一个判断是否是偶数的方法
3、编写测试
官方地址 http://qunitjs.com/
1、创建qunit.html 文件添加由官方提供的cdn 加载测试框架
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>QUnit Example</title> <link rel="stylesheet" href="//code.jquery.com/qunit/qunit-1.15.0.css"> </head> <body> <div id="qunit"></div> <div id="qunit-fixture"></div> <script src="//code.jquery.com/qunit/qunit-1.15.0.js"></script> <script src="project.js"></script> <script src="tests.js"></script> </body> </html>
最后面引入的 project.js 就是待测试的文件
最后面引入的 tests.js 就是测试用例的文件
2、测试用例的编写
先写一个待测试例子,这是一个判断是否是偶数的方法
//project.js function isEven(val) { return val % 2 === 0; }
3、编写测试
//tests.js test('isEven()', function() { ok(isEven(0), 'Zero is an even number'); ok(isEven(2), 'So is two'); ok(isEven(-4), 'So is negative four'); ok(!isEven(1), 'One is not an even number'); ok(!isEven(-7), 'Neither is negative seven'); })
相关文章推荐
- 使用QUnit对JS进行单元测试
- 使用QUnit对JS进行单元测试
- [C#]_[使用NUnit对业务逻辑代码进行单元测试]
- Spring整合JUnit框架进行单元测试代码使用详解
- Spring整合JUnit框架进行单元测试代码使用详解
- vue.js学习10之动手使用vue-cli搭建项目及生成的代码进行修改练手
- Spring整合JUnit框架进行单元测试代码使用详解
- 使用QUnit对javascript脚本进行单元测试
- 前端单元测试插件qunit.js使用示例
- 如何用QUnit为JS代码做单元测试
- 使用QUnit对javascript进行单元测试
- 利用 Ant 和 JUnit 进行增量开发-使用单元测试来逐步改进代码
- 单元测试,使用Qunit测试你的javascript代码
- 使用jasmine来对js进行单元测试
- 使用Mocha进行Node.js的单元测试
- 使用 Feed4JUnit 进行数据与代码分离的 Java 单元测试
- 使用 JUnit 进行 Java 代码的单元测试
- Spring整合JUnit框架进行单元测试代码使用详解
- Spring整合JUnit框架进行单元测试代码使用详解
- 使用Junit进行单元测试代码