【淘宝技术沙龙·第七期】前端测试在路上.pptxVIP

前端测试;赵勇 / 淘宝UED / 前端 / 遇春（花名）;前端测试;找一个 说服自己的理由;RIA Base on Browser Heavy Javascript Html 5;Server;前端质量;前端团队的变化;测试同学： “前端的问题越来越多了”;;前端测试目标;声音 “前端不好测” “界面老是改，改完用例就没用了” “单元测试不好做，很难隔离，不好做mock” “业内没有成熟的实践” “项目太紧，没时间” “前端测试性价比不高”;前端的痛;分而治之;Dom测试 结构，布局 兼容性;DOM测试;测试目标;谁动了我的Tag;加个样式，Ie6乱掉了 开发html嵌套时，标签没闭合 某个元素的样式名写错了 …;Demo;代码;代码;代码;功能测试;功能测试目标;Demo;代码;性能测试;性能测试目标;Demo;代码;代码;单元测试;单元测试目标;代码可测试性问题;语言特性;提升可测试性;绑定事件回调;数据属性;单一职责法则，更细颗粒的过程抽象 避免使用匿名函数 ??数据处理和DOM操作完全分开 分离业务逻辑和展现逻辑 减少闭包，为闭包中待测函数提供全局命名空间;过程抽象范例;闭包内函数暴露测试接口范例;Event.on(#content,blur,function(){ if(this.value === ){ alert(输入有误，不能为空) } });提升可测试性;;;View;ViewObj;ModelObj;Control;可测试性提升 各层关注分离，提升可扩展性 业务逻辑和展现逻辑分离，UI修改更安全;面向过程?面向对象，推行成本较大 对于简单的过程，反而增加可理解性 对开发人员的抽象能力要求较高;Demo;Dom测试;逻辑复杂型;3QA