迎接 TDDIvan Wei

Why

維持現況不好嗎

先說結論

什麼是 TDD

RedWrite a test

that fail

Refactor GreenWork the

code work

好處

一致性

壞處

時間增加

破壞現況

直到…

RiskCostHigh

Low

Nothing Too much

Sweet Point

DEMO

使用的套件

名稱 用途 設定檔Gulp.js 流程總指揮 gulpfile.js

Mocha.js 測試發動機 mocha.opts

Should.js 稽核人員

JSDoc API 文件產生器 jsdoc.json

執行方式

單檔測試

所有測試

撰寫方式

JSDOC 撰寫

SPEED UP

• Sublime 、 Atom - DocBlockr

• Webstorm - 需要補充

加入 ESLINT

• 開啟 gulpfile.js

• gulp.task('mochaTest', ['lint'], () => {取代gulp.task('mochaTest', () => {

• gulp.task('test', ['lint', 'mochaTest', 'build:docs']);取代gulp.task('test', ['mochaTest', 'build:docs']);

IDE 服用 Linter

• WebStorm 教學• Sublime 教學 (看 JSHint 的部分)• Atom 教學

新增小工具

TRACER提升 Debug 的效率

Q & A

接下來 CI / CD

需要…