没有合适的资源?快使用搜索试试~ 我知道了~
如何用Qunit测试你的javascript代码文.pdf
1.该资源内容由用户上传,如若侵权请联系客服进行举报
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
2.虚拟产品一经售出概不退款(资源遇到问题,请及时私信上传者)
版权申诉
0 下载量 109 浏览量
2021-11-10
16:46:33
上传
评论
收藏 726KB PDF 举报
温馨提示
试读
17页
如何用Qunit测试你的javascript代码文.pdf
资源详情
资源评论
资源推荐
QUnit 是一套由 jQuery 团队开发的,非常强大的用于对 JavaScript 进行单元测试的框架。
本文将介绍什么是 QUnit ,以及为何要关心代码测试。
什么是 QUnit
Qunit 是一款强大的用于帮助调试代码的, JavaScript 单元测试框架。 QUnit 由 jQuery 团
队成员编写, 是 jQuery 的官方测试套件, 不仅如此, QUnit 还可以测试任何常规 JavaScript
代码,甚至可以通过一些像 Rhino 或者 V8 这样的 JavaScript 引擎,测试服务端 JavaScript
代码。
如果不熟悉“单元测试”的概念,不要担心。并不难理解:
"在计算机编程中,单元测试(又称为模块测试)是针对程序模块 (软件设计的最小单位 )来
进行正确性检验的测试工作。 程序单元是应用的最小可测试部件。 在过程化编程中, 一个单
元就是单个程序、 函数、过程等; 对于面向对象编程, 最小单元就是方法, 包括基类 (超类) 、
抽象类、或者派生类(子类)中的方法。 "——引自维基百科。
简单来说, 你为代码的每一个功能编写测试用例, 如果所有的测试都通过了, 就可以确保代
码没有 bug 了(通常,还是由测试有多彻底而定)。
为什么要测试代码
如果你以前从未写过任何单元测试, 你可能直接将你的代码应用到网站上, 点击一会看看是
否有什么问题出现,并且尝试去解决你所发现的问题,采用这种方法会有很多的问题。
首先, 这是非常乏味的。 点击其实并不是一项简单的工作, 因为需要保证每一个东西都被点
击到而且极有可能漏掉一两个。 其次, 为测试做的每一件事情都是不可重用的, 这就意味着
它很难回归。 什么是回归?想像一下, 你写了一些代码并测试他们, 修复了所有你发现的缺
陷,然后发布。这时,一个用户发过来一些关于新的 bug 的反馈,并且有一些新的需求。
你又回到代码中,处理这些新的 bug ,并增加新的功能。接下来可能会发生的就是一些旧
的缺陷又重现了,这就叫“回归”。这样,你就不得不重新点击一遍,而且有可能你还找不
到这些旧的缺陷;即使你这么做,这还需要一段时间才能弄清楚你的问题是由回归引起的。
使用单元测试, 你写测试用例去发现缺陷,一旦代码被修改, 您通过测试再筛选一次。 一旦
出现回归, 一些测试用例一定会失败, 你可以很容易地认出他们, 知道哪部分代码包含了错
误。既然你知道你刚才修改了什么,就可以很容易地解决问题。
单元测试的另外一个尤其是对于 Web 开发的优点:让跨浏览器兼容性测试变得更容易。仅
仅在不同浏览器中运行你的测试用例, 一旦某个浏览器出现问题, 修复它并重新运行这些测
试用例,确保不会在别的浏览器引起回归,一旦全部通过测试,就可以肯定的说, 所有的目
标浏览器都支持。
我喜欢提及一个 John Resig 的项目: TestSwarm 。 TestSwarm 通过分发,将 JavaScript
单元测试带到了一个新的层次。 这是一个包含很多测试用例的网站, 任何人都可以去那运行
一些测试用例, 然后返回结果会返回到服务器。 通过这种方式, 代码会非常迅速的在不同的
浏览器进行测试,甚至不同的平台运行。
怎么用 QUnit 编写测试用例
如何正确地用 QUnit 写单元测试呢?首先,您需要搭建一个测试环境:
<!DOCTYPE html>
<html>
<head>
<title>QUnit Test Suite</title>
<link rel="stylesheet"
href="http://github.com/jquery/qunit/raw/master/qunit/qunit.css"
mce_href="http://github.com/jquery/qunit/raw/master/qunit/qunit.css"
type="text/css" media="screen">
<script type="text/javascript"
src="http://github.com/jquery/qunit/raw/master/qunit/qunit.js"
mce_src="http://github.com/jquery/qunit/raw/master/qunit/qunit.js"></script>
<!-- Your project file goes here -->
<script type="text/javascript" src="myProject.js"
mce_src="myProject.js"></script>
<!-- Your tests file goes here -->
<script type="text/javascript" src="myTests.js"
mce_src="myTests.js"></script>
</head>
<body>
<h1 id="qunit-header">QUnit Test Suite</h1>
<h2 id="qunit-banner"></h2>
<div id="qunit-testrunner-toolbar"></div>
<h2 id="qunit-userAgent"></h2>
<ol id="qunit-tests"></ol>
</body>
</html>
正如你所见,在这里使用了一个被托管的 QUnit 框架版本。
将要被测试的代码需要添加到 myProject.js 中,并且你的测试用例应该插入到 myTest.js 。
要运行这些测试,只需在一个浏览器中打开这个 html 文件。现在需要写一些测试用例了。
单元测试的基石是断言。
剩余16页未读,继续阅读
hyh15959933972
- 粉丝: 0
- 资源: 8万+
下载权益
C知道特权
VIP文章
课程特权
开通VIP
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功
评论0