使用Mootools开发JavaScript单元测试框架javascript

mootools是一个很好的javascript框架,它简洁、模块化,使用很简单,开发人员能够很快上手,编写扩展能力强、兼容性好的javascript代码。我这两天用了用,感觉和prototype用法简直一模一样,不过功能似乎更加强,有很多效果,拖拽等。而且它的面向对象,继承比prototype更直观好用,所以我开始学习这个框架。

首先看看mootools的基本用法吧,更加详尽的解释可以在官方网站上找到。

1.如果我们要写一个animal类,我们可以这样写:

var animal = new class({

initialize: function(name)

{

this.name = name;

}

});

和prototype的class.create很像,只是我觉得这样写法更加顺手,使用this定义的变量是类的成员,在类函数中可以任意使用该变量。

如果我们要给animal类新增方法,只需要调用extend方法就能够很容易的做到:

animal.extend({

bark: function()

{

return this.name + ": no sound";

}

});

2. 元素操作。mootools使用element类来封装html元素,增加了许多常用的方法,可以看看下面的代码:

var div1 = new element('div', {

'styles': {

'width': '200px',

'height': '300px',

'border': '1px solid red'

},

'events': {

'click': function()

{

alert('test');

}

}

}).inject(document.body);

是不是很清晰,元素的类型、样式、事件、位置都很清晰的表达出来,让人一目了然而且代码量很少。

3. 效果。mootools提供很多了丰富的效果库,拖拽、淡入淡出等等,比如:

拖拽:

$('div1').makedraggable();

滑动:

var slider = new fx.slide($('div1'));

slider.slidein();

mootools就介绍到这里,有兴趣的人可以去官方网站上下载,上面有教程。

这两天一边学习mootools,一边用其开发一个javascript unit test框架,虽然已经有了jsunit,不过我一方面为了重新拾起很久没有用的javascript,一方面为了能 按照自己的风格写unit test。现在很简陋,以后有时间我会继续完善,希望大家能多提供意见和帮助。

下面简单介绍一些该框架的使用吧,首先引用mooltools和jsunittf_core,

script type="text/javascript" src="script/mootools-release-1.11.js">script>

script type="text/javascript" src="script/jsunittf_core.js">script>

然后写unit test,在function关键字前加上/*test*/用来标志测试函数。

/*test*/

function two_add_seven_should_equals_nine()

{

assert.areequal(9, 2 + 7);

}

最后打开页面即可,下面是效果图:

运行前:

运行后:

鼠标移动到failed的测试上会有错误信息提示:

代码在此处下载

======================================================
在最后，我邀请大家参加新浪APP，就是新浪免费送大家的一个空间，支持PHP+MySql，免费二级域名，免费域名绑定 这个是我邀请的地址，您通过这个链接注册即为我的好友，并获赠云豆500个，价值5元哦！短网址是http://t.cn/SXOiLh我创建的小站每天访客已经达到2000+了，每天挂广告赚50+元哦，呵呵，饭钱不愁了，\(^o^)/