前端单元测试初体验关于前端引入单元测试的作用和意义

----20120216 单丹

提纲挈领

Why Test. Why Unit Test. Why Me

How Refactor

1/15

Why Test

For Team

建立起重构的基础

建立起对代码质量的信心

2/15

Why Unit Test

First Language

Difficult to Code

3/15

Why Me 现状还好 没 bug 时间 25%-50%

资源有限

4/15

Why Me

Thinking in

Javascript

提升个人功力

5/15

Why Me

设计模式MVC / MVP / MCRV / MVVM…

Model - 模型 业务层 /数据层View - 界面 表现层Controller - 响应 Event 用户交互Renderer - 渲染 View

Presenter - 将 model 与 view 绑定ViewModel - 业务层 6/15

框架

Why Me

JavaScript MVC

SproutCoreBackboneJS

YUI App Framework…

Single Page App7/15

分层的思想 不一定采用分层的结构 -额外开销

8/15

Why Me

9/15

Why Me

分层和分离的代码更：松耦合易于重用…

易于单元测试 [model]

10/15

Why Me

Thinking

这个方法应该属于哪个层这个方法是否只属于一个 层这个方法是否只做了一件事…

How Refactor

11/15

对比源文件 page.js

How Refactor

12/15

视图与逻辑分离

How Refactor

13/15

•Mock

•应用框架推进单元测试•… 旺旺 : starsun1106 majorye

问题和反馈

14/15

结束语

我们不只是在做前端，我们是和各部门同学组成的团队一起在做产品。对产品线负责。

我们的每个想法，都有可能推动整个产品线的前行。

要相信自己的品位，要相信自己的微力量。

请关注前端单元测试15/15