Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Getting started with TDD

506 views

Published on

為 CHOCOLABS 打造 TDD 環境

Published in: Engineering
  • Be the first to comment

Getting started with TDD

  1. 1. 迎接 TDD Ivan Wei
  2. 2. 維持現況 不好嗎
  3. 3. 先說結論
  4. 4. 什麼是 TDD
  5. 5. Red Write a test that fail Refactor Green Work the code work
  6. 6. 好處
  7. 7. 一致性
  8. 8. 壞處
  9. 9. 時間增加
  10. 10. 破壞現況
  11. 11. 直到…
  12. 12. RiskCost High Low Nothing Too much Sweet Point
  13. 13. DEMO
  14. 14. 使用的套件
  15. 15. 名稱 用途 設定檔 Gulp.js 流程總指揮 gulpfile.js Mocha.js 測試發動機 mocha.opts Should.js 稽核人員 JSDoc API 文件產生器 jsdoc.json
  16. 16. 執行方式
  17. 17. 單檔測試
  18. 18. 所有測試
  19. 19. 撰寫方式
  20. 20. JSDOC 撰寫
  21. 21. SPEED UP • Sublime、Atom - DocBlockr • Webstorm - 需要補充
  22. 22. 加入 ESLINT
  23. 23. • 開啟 gulpfile.js • gulp.task('mochaTest', ['lint'], () => { 取代 gulp.task('mochaTest', () => { • gulp.task('test', ['lint', 'mochaTest', 'build:docs']); 取代 gulp.task('test', ['mochaTest', 'build:docs']);
  24. 24. IDE 服用 Linter
  25. 25. • WebStorm 教學 • Sublime 教學 (看 JSHint 的部分) • Atom 教學
  26. 26. 新增小工具
  27. 27. TRACER 提升 Debug 的效率
  28. 28. Q & A
  29. 29. 接下來 CI / CD
  30. 30. 需要…

×