Javascript之QUnit单元测试
作者:网络转载 发布时间:[ 2014/4/25 15:12:49 ] 推荐标签:单元测试 Javascript
一、javascript也需要单元测试吗?
这里我并不知道你有没有开发过大型的javascript项目,至今我开发过三个大型的js项目,分为是《课程节点树管理》、《在线制作试卷》和《在线聊天》。
从中我的体会是javascript的开发难度不是开发编码的过程,而是后的测试阶段,非常的痛苦,因为你必须使用浏览器自带的调试器去调试,同时
也不能自动化测试。但是后台因为用了vs自带的单元测试,所以修改起来很快。
由此我想到javascript应该也存在单元测试,所以我搜索了一下,发现了QUnit,它的特点很明显,是学习周期很短,可以在短时间内上手,并且也拥有
非常美观的界面,所以下面我将介绍如何使用QUnit。
二、开始学习前的准备
既然要学习,我们既然要有准备,我这里使用的是Visual Studio 2012。
下面是我的静态页面的基础模板:
1 <!DOCTYPE html>
2 <html xmlns="http://www.w3.org/1999/xhtml">
3 <head>
4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
5 <title></title>
6 <script type="text/javascript" src="http://code.jquery.com/qunit/qunit-1.14.0.js"></script>
7 <link type="text/css" rel="stylesheet" href="http://code.jquery.com/qunit/qunit-1.14.0.css" />
8 </head>
9 <body>
10 <div id="qunit"></div>
11 <div id="qunit-fixture"></div>
12 <script type="text/javascript">
13 //稍后我们会在这里写上教程
14 </script>
15 </body>
16 </html>
这里我是直接使用CDN的路径,如果你加载CDN的资源较慢的话,我建议去下载一份放在本地,并引用,否则你的页面会奇慢无比。
三、下面我们开始学习
1.首先我们先来一个简单的测试
1 <script type="text/javascript">
2 function add(a, b) {
3 return a + b;
4 }
5
6 test("Test Method 1", function () {
7 ok(add(1, 2) == 3, "Test Method 1 Pass");
8 });
9 </script>
相关推荐
更新发布
功能测试和接口测试的区别
2023/3/23 14:23:39如何写好测试用例文档
2023/3/22 16:17:39常用的选择回归测试的方式有哪些?
2022/6/14 16:14:27测试流程中需要重点把关几个过程?
2021/10/18 15:37:44性能测试的七种方法
2021/9/17 15:19:29全链路压测优化思路
2021/9/14 15:42:25性能测试流程浅谈
2021/5/28 17:25:47常见的APP性能测试指标
2021/5/8 17:01:11