JavaScript 组件之旅（四）：测试 JavaScript 组件（2）
作者：太伯 来源：alipay UED 发布时间：2009-10-13 20:32:00
接下来，我们编写两个 helper 方法用来输出和测试：
function log(str) {
node.value += str + '\n';
}
function assert(expression) {
var flag;
eval('flag = ' + expression);
return typeof(flag) === 'boolean' && flag;
}
log 用来向文本框追加信息，assert 用来测试传入表达式的值。测试方法如下（这里使用了 jQuery）：
var sq = SmartQueue, task, total = 0, passed = 0, failed = 0;
$('#J_test_cases').children().each(function(index) {
eval($('pre', this).text());
task.register();
$('li', this).each(function() {
var item = $(this);
var flag = assert(item.text());
if(flag) passed ++; else failed ++;
item.prepend((flag ? '<font color="green">[PASS]</font>' : '<font color="red">[FAIL]</font>') + ' ');
total++;
}).wrap('<pre></pre>');
}).end().before('<p>Total: ' + total + ', passed: '+ passed +', failed: ' + failed + '</p>');
sq.fire();
这个结构还可改进一下，比如输出测试说明而不是具体的代码，也可以增加后置操作，这里就不再演示了。你还可以查看完整的测试页面，含有 23 个测试用例和完整的测试实现。
~~~~~~~~~~~~~ 八卦分割线 ~~~~~~~~~~~~~
好吧，我们已经体会到了思考和行动的乐趣，走到了系列文章的尾声，但这只是开始。我们经历了一个很小的实用组件的实现全过程，领略到了 JavaScript 世界的精彩，让我们继续前行~
0
投稿猜你喜欢
- 在MySQL中，对于索引的使用并是一直都采用正确的决定。简单表的示例：CREATE TABLE `r2` (ID` int(11) DEFA
在http规则中用404来表示某个页面不能访问，一般来说，网站的404错误页面都是IIS或APACHE默认的页面，千篇一律，非常单调。由于可- 您在访问网站时是否会在有些页面上见到这种功能---您在可以访问此网站的同时，还可以查看您免费邮箱中是否有新邮件。这个功能是不是让您觉得很心动
- 很久没有写文章，最近一直在忙于找工作和找房子。哎，现在终于安定下来了，哎，又叹息一下，是因为我把去淘宝面试的机会也推掉了，本来以为要卷铺盖回
- 如何对设计进行评判，一定有很多答案，有利有弊。问100位设计师，会得到100种回答。用线上PV、UV等数据说话，更多受产品属性、运营动作影响
- 在WEB2.0这个词未出现之前，是没有所谓的WEB1.0之说的，那时候的互联网也是没有时代之分的，能上的网站不多，值得上的网站更不多，很多的
- 1.delete不能使自动编号返回为起始值。但是truncate能使自动增长的列的值返回为默认的种子 2.truncate只能一次清空，不能
- 近日无事，想起以前曾打算过要做一个定时重启或关机的工具，便花了一点时间以hta的形式写了个，名为"Windows Timer&qu
- 指定的代码页特性无效。 codepage属性：是指出网页的代码页 如果制作的网页脚本与WEB服务端的默认代码页不同，则必须指明代码页： 代码
- COM接口VC实现,接口: [id(1), helpstring("method Test"
- 为了提高Asp程序的性能,人们常常将经常使用的数据缓存在 Application,但是你修改了数据库后怎么让application更新呢,本
- <!--#include file="Include/Conn.asp"--><％If(Request
- 大家是否还记得1983年任天堂的著名游戏《超级玛丽》里那个留着胡子的意大利水管工人，还有日本konami公司1987年发行的射击游戏《魂斗罗
- 上期回顾:亚马逊购物用户体验分析 (一)“查找内部”功能书是在亚马逊最常被购买的产品之一，所以毋庸置疑亚马逊的开发小组已经建立了一个关于“查
- CSS如何做细线表格？天天用Div，倒把CSS表格细线这个最基础的应用忘了。table { border-collapse:&nb
- 前面我们讲了一些Dreamweaver MX的基本操作，相信大家看了后都会觉得比较简单，的确，这是个工具软件，操作方便应该是它的宗旨。其实网
- 这些年来，我发现许多开发者对于何时使用数据操纵语言(DML)触发器与何时使用约束感到迷惑。许多时候，如果没有正确应用这两个对象，就会造成问题
- Mysql数据库是一个多用户，多线程的关系型数据库，是一个客户机/服务器结构的应用程序。它是对个人用户和商业用户是免费的. Mysql数据库
- 当浏览者进入你的网站首页时或提交某些表单时，会弹出网站声明或提交说明等文本信息框，引导浏览者使用你的网站。实现这个功能我们是用Dreamwe
- 如何在ADO中使用SQL函数？代码见下：<％Set conn1 = Server.CreateObjec
