為 CHOCOLABS 打造 TDD 環境

1. 迎接 TDD
Ivan Wei

3. 維持現況
不好嗎

4. 先說結論

6. 什麼是 TDD

8. Red
Write a test
that fail
Refactor
Green
Work the code
work

9. 好處

10. 一致性

12. 壞處

13. 時間增加

14. 破壞現況

15. 直到…

16. RiskCost
High
Low
Nothing Too much
Sweet Point

17. DEMO

19. 使用的套件

20. 名稱 用途 設定檔
Gulp.js 流程總指揮 gulpfile.js
Mocha.js 測試發動機 mocha.opts
Should.js 稽核人員
JSDoc API 文件產生器 jsdoc.json

21. 執行方式

22. 單檔測試

23. 所有測試

24. 撰寫方式

27. JSDOC 撰寫

30. SPEED UP
• Sublime、Atom - DocBlockr
• Webstorm - 需要補充

31. 加入 ESLINT

32. • 開啟 gulpfile.js
• gulp.task('mochaTest', ['lint'], () => {
取代
gulp.task('mochaTest', () => {
• gulp.task('test', ['lint', 'mochaTest',
'build:docs']);
取代
gulp.task('test', ['mochaTest',
'build:docs']);

33. IDE 服用 Linter

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

36. 新增小工具

37. TRACER
提升 Debug 的效率

38. Q & A

39. 接下來 CI / CD

41. 需要…