- 浏览: 83819 次
- 性别:
- 来自: 杭州
-
最新评论
-
jzm0902:
赞一个
JS的event对象 -
zhangweichina:
非常感谢,帮我解决了一个让我头疼了很久的问题
Struts2 上传文件 -
llxhna:
一美女一美女一美女一美女一美女
jQuery类对象数组操作 -
othella:
qq38450529 写道请教:ellipsis.xml里面是 ...
用CSS做字符截断 -
qq38450529:
请教:ellipsis.xml里面是什么内容?
用CSS做字符截断
JsMock用于测试行为,接口的交互测试。
JsMock的地址: http://jsmock.sourceforge.net/
先看个官网上的最简单的例子
大概的流程如图:
JsMock功能简单却很实用。关键是看你如何运用。首先前端开发人员要有意识的做到UI/Logic分层。让UI部分的code仅仅只做UI显示用。任何逻辑相关的代码可以分离出来。目前前端UI测试没有好的工具,只能靠人肉。但是逻辑部分的code我们完全可以做好单元测试。利用JsUnit和JsMock做状态,行为测试。保证我们的代码质量。
JsMock的方法:
再来贴下JsMock的部分源码:
今天我给同事分享了这个,有人问我能否用JsMock模拟Ajax call的数据。我觉得可以定义一个测试用的Ajax类。加上用setInterval/setTimeout来模拟异步call的特性。关键看你自己如何运用。
我个人觉得JsMock非常的实用。
1. 节省时间
2. 保证代码质量
3. 不会被别人block住
这里有人会说要写额外的代码,怎么叫节省时间。可能你在写这些代码的时候是花了时间。但是比起后面要花在跟别人接口整合,和调试问题的时间,这点时间完全是值得的。
保证代码质量这块就不多说了。这是所有测试的目标。你可以写尽可能多的测试case,保证你的代码质量。
Mock即模拟的意思。即使在你开发时候你所依赖的接口还没有好,你可以把对象Mock起来,用andReturn/andThrow等方法来控制返回结果,控制你自己代码的行为。
在以后的代码我会尽量按照这个方向来的。
JsMock的地址: http://jsmock.sourceforge.net/
先看个官网上的最简单的例子
function Worker() { this.getValue = function() { /* ... */} this.isFinished = function() {/* ... */} } //Fixture function doWork(worker) { if(worker.isFinished()) { return worker.getValue(); } else { return null; } } //Tests function test_doWork() { //1. Create a mockControl object var mockControl = new MockControl(), //2. Use mockConrol create a mock object for the Class workerMock = mockControl.createMock(Worker); //3. Set the expects for methods of the Class workerMock.expects().isFinished().andReturn(true); workerMock.expects().getValue().andReturn('hello'); //4. Use mock as the instance of the Class, run it. var result = doWork(workerMock); //assertEquals('hello', result); //5. verify the test mockControl.verify(); } function test_doWork_null() { var mockControl = new MockControl(); workerMock = mockControl.createMock(Worker); workerMock.expects().isFinished().andReturn(false); var result = doWork(workerMock); <span class="comment">//assertNull(result);</span> mockControl.verify(); }
大概的流程如图:

JsMock功能简单却很实用。关键是看你如何运用。首先前端开发人员要有意识的做到UI/Logic分层。让UI部分的code仅仅只做UI显示用。任何逻辑相关的代码可以分离出来。目前前端UI测试没有好的工具,只能靠人肉。但是逻辑部分的code我们完全可以做好单元测试。利用JsUnit和JsMock做状态,行为测试。保证我们的代码质量。
JsMock的方法:
- createMock(Object2Mock) - Create the mock object
- andReturn(value) - Set the return value on one method for some control logic's test
- andThrow(throwMsg) - Let the method throw a exception you set
- andStub(block) - The parameter should be a function. You can use it to get the arguments of the method
- addMockMethod(method) - Add extra method into mock object
- reset() - Clear the excepts
- verify() - Verify the test
再来贴下JsMock的部分源码:
/** * Create the mock for object/class * @param objectToMock object/function * @return mock object */ createMock: function(objectToMock) { var mock = { calls: [], expects: function() { this.__recording = true; return this; }, __recording: false }; mock.expect = mock.expects; if(objectToMock != null) { //if the param is a function - a Class if( typeof(objectToMock) == 'function' ) { //create methods for class's static methods. this.__createMethods(objectToMock, mock); //new an instance of the class, and create methods for it this.__createMethods(new objectToMock(), mock); } else if( typeof(objectToMock) == 'object') { //if the param is an object, creat methods for it this.__createMethods(objectToMock, mock); } else { throw new Error("Cannot mock out a " + typeof(objectToMock)); } } var self = this; //add addMockMethod into mock object mock.addMockMethod = function(method) { self.__createMethod(self, mock, method); }; return mock; } ..... /** * @private create methods of the object/class into mock * @param object - the object you want to mock it * @param mock - the target mock object */ __createMethods: function(object, mock) { for( property in object ) { //if the property is a public method, create method into mock if( this.__isPublicMethod(object, property) ) { this.__createMethod( this, mock, property ); } } }, /** * @private create the method into mock * @param control - mockControl object * @param mock - the target mock object * @param method - the method need add into mock object */ __createMethod: function(control, mock, method) { //create the property of mock for the method mock[method] = function() { //If you call expect() first, the __recording value is true if( mock.__recording ) {// expect control.__lastMock = mock; control.__lastCallName = method; //add this method into expected calls control.__expectationMatcher.addExpectedMethodCall( mock, method, arguments ); //clear the flag mock.__recording = false; //return the control object return control; } else {// If it's real call //add this method into actual calls control.__expectationMatcher.addActualMethodCall( mock, method, arguments ); //read mock calls to get the array under the method if( mock.calls[method] != null) { //get the latest value, popup returnValue = mock.calls[method].shift(); //If the value is a function, apply it if( typeof(returnValue) == 'function') { return returnValue.apply(this, arguments); } } } }; }
今天我给同事分享了这个,有人问我能否用JsMock模拟Ajax call的数据。我觉得可以定义一个测试用的Ajax类。加上用setInterval/setTimeout来模拟异步call的特性。关键看你自己如何运用。
我个人觉得JsMock非常的实用。
1. 节省时间
2. 保证代码质量
3. 不会被别人block住
这里有人会说要写额外的代码,怎么叫节省时间。可能你在写这些代码的时候是花了时间。但是比起后面要花在跟别人接口整合,和调试问题的时间,这点时间完全是值得的。
保证代码质量这块就不多说了。这是所有测试的目标。你可以写尽可能多的测试case,保证你的代码质量。
Mock即模拟的意思。即使在你开发时候你所依赖的接口还没有好,你可以把对象Mock起来,用andReturn/andThrow等方法来控制返回结果,控制你自己代码的行为。
在以后的代码我会尽量按照这个方向来的。
发表评论
-
用CSS做字符截断
2010-08-14 17:30 1555CSS类定义: .ellipsis { overflo ... -
CSS在IE下的hack
2010-06-10 16:48 1108hack的例子: <!DOCTYPE html PUBL ... -
IE下postion relative被叠加的issue
2010-05-17 12:59 1388为了fix这个bug试了个例子: <div style= ... -
prototype概念
2009-12-04 17:03 723在JavaScript中,prototype对象是实现面向对象 ... -
IE7,IE8下弹出层上的编辑框会让底层的link透出来的问题
2009-11-16 14:59 1706在层和后面页面中间阻隔一层iframe 如果是model方式 ... -
采用scrollHeight来实现textarea框的自动加行或者减行
2009-11-16 14:48 5664基于jquery实现的: 1.在textarea上绑定blur ... -
jQuery类对象数组操作
2009-07-10 10:10 4875我们都知道jQUery对象中 ... -
jQuery性能优化指南(1)
2009-07-08 10:55 7761,总是从ID选择器开始继承 在jQuery中最快的选择器 ... -
jQuery性能优化指南---2
2009-07-08 10:27 8224,对直接的DOM操作进行 ... -
jQuery性能优化指南---3
2009-07-08 10:26 9968,尽量使用ID代替Class ... -
struts2的boolean属性转换备忘
2009-06-30 13:44 3369用eclipse自动产生的getter和setter方法不符合 ... -
parseInt的备忘
2009-06-25 16:41 813当前面有0的时候,parseInt默认把它当作八进制处理了 0 ... -
struts.xml配置文件说明
2009-06-09 13:16 631<!DOCTYPE struts PUBLIC ... -
Struts 2杂谈(2):如何向标签文件中的Struts 2标签传递参数值
2009-06-09 12:46 1358引用文章来源:http://www.blogjava.net/ ... -
ValueStack对象的传送带机制
2009-06-09 12:42 1035引用文章来源:http://www ... -
Struts2 国际化
2009-06-09 11:20 898引用文章出处:http://www.blogjava.net/ ... -
Struts2如何写自己的拦截器
2009-06-09 11:16 1576引用文章来源:http://www.blogjava.net/ ... -
Struts2拦截器概述
2009-06-09 11:14 881引用文章来源:http://www.blogjava.net/ ... -
Struts2 上传文件
2009-06-09 11:10 1548引用文章来源:http://www.blogjava.net/ ... -
Struts2-在Action类中获得HttpServletResponse对象的四种方法
2009-06-09 11:07 3694引用文章来源:http://www ...
相关推荐
4. **验证结果**:测试执行后,通过 JSMock 的验证功能检查模拟对象的行为是否符合预期。 5. **清理**:测试结束后,记得清理模拟对象,恢复正常的代码执行环境。 ### 开源优势 作为一个开源项目,JSMock 的源...
另,如果有诸如开发的API之类,可以在不部署测试服务器的情况下,将配置好的脚本发给合作方,用于辅助接口接入使用。##使用方法安装nodejs (必须)安装node-mockitsudo npm install -g或者sudo npm install node-...
mock基于、框架 开发的模拟数据基于 开发的模拟数据技术栈node.jsmock.jsexpress (node.js框架)目录结构├── logStyle // 控制台打印的样式├── mock // mock.js├── public // 公用的├── .gitignore // ...
TAC顶刊报告:'多智能体分布式自适应一致性控制(含纯一致性与leader-follower一致性)'及其Matlab复现代码.pdf
SVPWM仿真与基于DSP28335的PIL(处理器在环)仿真模型验证算法可行性与实时性的实践研究.pdf
VSG仿真、并网与离网运行仿真、预同期并网控制及虚拟同步机逆变器仿真.pdf
SSA-RF与RF神经网络多元回归预测(Matlab 程序及运行指南).pdf
Simulink微网多逆变器下垂控制仿真模型:固定与可调的下垂系数、SVPWM与算法控制的并联运行.pdf
电磁场与电磁波28
SSA-CNN-LSTM时间序列预测(Matlab)_ 麻雀算法优化卷积长短期记忆网络.pdf
C++知识点汇总.md.zip
T型逆变器仿真(SPWM)Matlab 2021a:LCL滤波器下纯阻性负载的五电平波形仿真.pdf
STM32G431 FOC线性磁链观测器无感FOC驱动资料(非VESC、非ST电机库生成,支持直接零速闭环启动及电位器转速控制)”.pdf
STM32F103 SAE CAN开放协议源码(含半年咨询费+中文注释及原理说明).pdf
Java项目springboot基于springboot的课程设计,包含源码+数据库+毕业论文
Simulink导弹制导系统仿真模型文件使用指南及视频讲解.pdf
内容概要:本文深入介绍了Caffe深度学习框架,涵盖其历史背景和发展、安装配置、卷积神经网络(CNN)的基础理论及其实现。具体内容包括CNN各个层级的工作原理、Caffe中的网络模型定义和训练方法、LeNet与AlexNet的实际运用、迁移学习及模型的性能优化等。通过详细的实战操作演示,文章帮助开发者掌握在Caffe上搭建CNN的方法和技术。 适合人群:从事计算机视觉领域的研究人员和工程师,尤其是想要深入了解卷积神经网络和掌握Caffe框架的人群。 使用场景及目标:本文适合作为学习材料用于理解卷积神经网络的概念和工作机制,指导初学者和有经验的开发者如何利用Caffe实现图像识别、目标检测等任务;并且帮助读者掌握模型训练和性能优化的相关技能。 其他说明:文中提供了大量代码片段与实例讲解,方便读者理解和实践;此外还对比了几款主流深度学习框架的优势,辅助决策选用合适的开发工具。
1、文件说明: Centos8操作系统vim-editorconfig-1.1.1-1.el8.rpm以及相关依赖,全打包为一个tar.gz压缩包 2、安装指令: #Step1、解压 tar -zxvf vim-editorconfig-1.1.1-1.el8.tar.gz #Step2、进入解压后的目录,执行安装 sudo rpm -ivh *.rpm
VMD信号分解算法:VMD功率分解与滚动轴承故障检测.pdf
STM32 IAP固件升级程序源代码(串口环形队列接收模式实现固件升级程序).pdf