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

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<br>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');

})

最新内容请见作者的GitHub页:http://qaseven.github.io/

时间: 2024-09-17 09:46:06

使用Qunit对js代码进行单元测试的相关文章

Node.js的UnitTest单元测试

在专业化的软件开发过程中,无论什么平台语言,现在都需要UnitTest单元测试. Node.js有built-in的Assert. 今天让我们来看一下Node.js的单元测试.在这儿我们使用nodeunit, 通过NPM安装: npm install nodeunit -g 支持命令行,浏览器运行. 各种断言. 在node.js下模块化对于方法导出exports, 如果是对象导出module.exports,模块儿是单元测试的基础,看下面的node.js代码: var fs = require(

jsp-JSP中编写JS代码过程中,调用了一个JSP表达式,发现一个问题,麻烦各位大神解答

问题描述 JSP中编写JS代码过程中,调用了一个JSP表达式,发现一个问题,麻烦各位大神解答 背景: 楼主使用Myelipse新建了一个Web项目,在编写一个JSP文件的时候遇到一个问题,首先是使用了img,并且写了一个事件,代码如下: <imgclass="poke" src="poke/back.jpg" title="hit" id="play_id_3" onClick="change_pic()&qu

web-查看页面指定元素的js代码,请问一下应该怎么做?。。。

问题描述 查看页面指定元素的js代码,请问一下应该怎么做?... 这里的url是http://www.lecai.com/user/login/?from=head_nav,我要的是要查看是<span id=""captcha_info"" style=""margin-left:0;"">点击输入框出验证码</span>相对应的js代码,最好有图文教程....在线等............. 解决方案

网页-请问有什么方式让js 代码在服务器端执行?

问题描述 请问有什么方式让js 代码在服务器端执行? 异步登陆其他网站网页的时候,模拟登陆中发现它有个js加密用户名和密码.我模拟登陆需要js加密,我想是否有方式可以在服务器端直接运行js代码,或者我只能讲js加密函数转写为php等代码,再进行模拟登陆? 解决方案 服务器端也可以运行jshttp://blog.csdn.net/xzyxuanyuan/article/details/8062887 解决方案二: js代码,是可以在.jsp和html文件中运行的,而 .jsp文件的本质就是一个se

写一段js代码,实现分页展示与导航功能,使用对象模式

问题描述 写一段js代码,实现分页展示与导航功能,使用对象模式 我是个js入门者,技术总监给我出了这个问题,我想问一下使用对象模式是什么意思,导航功能又是指什么,有高手给我指点一下吗?最好有代码,非常谢谢! 解决方案 对象模式就是使用js中的对象模型,定义对象,将数据和函数封装起来.导航功能分为三部分,一个是导航菜单,用于定位栏目的链接,一个是站点地图,层次展示站点全部页面,一个是路径指示器,包含当前页和首页之间关系的列表,几乎所有的网站都有,只要你留心就可以看到. 解决方案二: 导航,从字面应

files-input相同name怎么判断都不为空求js代码

问题描述 input相同name怎么判断都不为空求js代码 $(""form"").submit( function () { var files = document.getElementsByName(""upload""); for (var int = 0; int < files.length; int++) { if (files[int].val=="""") { /

JS代码示例:IE6浏览器maxwidth最大宽度

文章简介:JS代码示例:IE6_maxwidth最大宽度. //直接操作需要的元素var container = document.getElementById(elementId);container.style.width = (container.clientWidth > (width - 1)) ? width + "px" : "auto"; //定义函数,多次调用function setMaxWidth(elementId, width){var

图片自动缩小的js代码,用以防止图片撑破页面

js|页面 JS代码(随便放哪里):<script language="JavaScript"> <!-- var flag=false; function DrawImage(ImgD){ var image=new Image(); image.src=ImgD.src; if(image.width>0 && image.height>0){   flag=true;   if(image.width/image.height>

一些技巧性js代码

总结一些技巧性js代码,希望对大家有所帮助. 实现页面最大化          self.moveTo(0,0);      self.resizeTo(screen.availWidth,screen.availHeight);      self.focus(); 默认img图片       <img alt="""  " onerror=""error.jpg" " src=""mengzhao