Vue.js 單元測試 -Jest

Vue.js 單元測試 with Jest

Transcript

1. Vue.js 單元測試 -Jest 2017/04/28 @前端組例會 cypresskuo
2. Jest Painless JavaScript Testing - Easy Setup - Instant Feedback - Snapshot Testing - Zero configuration testing platform - Facebook 開源專案 2
3. Easy Setup Zero configuration testing platform 3
4. Instant Feedback --watch --watchAll 4
5. Snapshot Testing 將 React trees 或是其他可序列化的 UI 截取下來， 防止無意間修改到組件的某個部份。 - server side render 5
7. 其他功能 DOM Testing (需要其他元件 TestUtil) Mock Function 覆蓋率報告 --coverage http://stackoverflow.com/questions/26618243/how-do-i-read-an-istanbul-coverage-report 7
8. 參考資料 http://facebook.github.io/jest/ https://vuejs.org/v2/guide/unit-testing.html http://laichuanfeng.com/work/jest-snapshot-and-dom-testing-in-react/ https://hackernoon.com/jest-for-all-episode-1-vue-js-d616bccbe186 8
9. 感謝聆聽 9