使用 Qunit 对js代码进行单元测试

最新推荐文章于 2024-07-26 20:46:33 发布

weixin_30832405

最新推荐文章于 2024-07-26 20:46:33 发布

阅读量74

点赞数

文章标签： javascript 开发工具测试 ViewUI

原文链接：http://www.cnblogs.com/linksgo2011/p/3985884.html

版权

参考博客地址 http://www.woiweb.net/how-to-test-your-javascript-code-with-qunit.html

官方地址 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');
})

转载于:https://www.cnblogs.com/linksgo2011/p/3985884.html

weixin_30832405

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
使用 Qunit 对js代码进行单元测试

参考博客地址http://www.woiweb.net/how-to-test-your-javascript-code-with-qunit.html官方地址http://qunitjs.com/1、创建qunit.html 文件添加由官方提供的cdn 加载测试框架<!DOCTYPE html><html><head> &lt...
复制链接

扫一扫