首页 » 科技 » 有了FireUnit，JavaScript也能单元测试啦！

有了FireUnit，JavaScript也能单元测试啦！

七月佑安

于2008-12-22 23:35:43翻译 | 已有2808人浏览 | 有0人评论

FireUnit是一个Firefox和Firebug扩展，可以让我们对JavaScript代码进行单元测试！这是一个为了实现Firebug单元测试而诞生的作品，目前功能还很简单，但相信不久以后就会发展成为JavaScript单元测试的必备工具。

Tags:firefox | extension | javascript | test | fireunit

在和Firebug团队一起工作的几个月里，我和Jan Odvarko尝试建立一种对JavaScript进行单元测试的方法，这段工作的最后成果是一个叫做FireUnit的Firefox/Firebug扩展。

FireUnit提供了一组JavaScript API，可以进行简单的单元测试，同时把结果显示在Firebug中新增的Tab栏下。

下面就是几个利用FireUnit API进行单元测试的例子（现在我们只提供一些基本的方法，以后就会扩展出更多的方法）。

// 最简单的true-like/false-like测试
fireunit.ok( true, "I'm going to pass!" );
fireunit.ok( false, "I'm going to fail!" );

// 比较两个字符串 - 并将差异显示出来
fireunit.compare(
"The lazy fox jumped over the log.",
"The lazy brown fox jumped the log.",
"Are these two strings the same?"
);

// 用正则表达式比较字符串
fireunit.reCompare(
/The .* fox jumped the log./,
"The lazy brown fox jumped the log.",
"Compare a string using a RegExp."
);

// 显示全部结果
fireunit.testDone();

单元测试的结果会显示在Firebug中叫做Test的Tab中（当然为了让FireUnit运行，必须先安装FireBug）。结果页面中的每一项都可以通过展开显示详细信息，包括测试的跟踪记录，以及字符串比较的区别等。

FireUnit也提供了一组方法，用于模拟本地的浏览器事件

// 你可以通过下面的方式模拟浏览器事件
var input = document.getElementsByTagName("input")[0];
fireunit.mouseDown( input );
fireunit.click( input );
fireunit.focus( input );
fireunit.key( input, "a" );

And a way of running a batch of test files (each of which would contain a number of individual tests).

// 或者可以一起运行多个页面的测试
fireunit.runTests("test2.html", "test3.html");

// 测试文件的结尾标识
fireunit.testDone();

我们通过这种方式设计了很多Firebug测试用例，尤其针对那些基于网络的功能。