Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Vue.js 單元測試 -Jest

Avatar for CypressKuo CypressKuo
April 28, 2017
Technology
200
0

Vue.js 單元測試 -Jest

Vue.js 單元測試 with Jest

Avatar for CypressKuo

CypressKuo

April 28, 2017

More Decks by CypressKuo

See All by CypressKuo
Deep-copying.pdf
Avatar for CypressKuo cypresskuo
0
41
CSS_for_Web_Vitals.pdf
Avatar for CypressKuo cypresskuo
0
46
談談_Code_review.pdf
Avatar for CypressKuo cypresskuo
0
52
REST_vs_GraphQL_今夜はご注文はどっち.pdf
Avatar for CypressKuo cypresskuo
0
27
CSS_重構.pdf
Avatar for CypressKuo cypresskuo
0
30
跟上_JS_的腳步-ES2020.pdf
Avatar for CypressKuo cypresskuo
0
35
Core_Web_Vitals.pdf
Avatar for CypressKuo cypresskuo
0
61
這個時代人人都知道的敏捷開發.pdf
Avatar for CypressKuo cypresskuo
0
65
Webassembly.pdf
Avatar for CypressKuo cypresskuo
0
17

Other Decks in Technology

See All in Technology
しくみを学んで使いこなそう GitHub Copilot app
Avatar for Toru Makabe torumakabe
2
290
Alphaモジュール使っていいのかい！？いけないのかい！？どっちなんだいっ！？
Avatar for watany watany
1
280
AI時代のYAGNI：「爆速で無駄になった機能」からの学び / 20260720 Naoki Takahashi
Avatar for SHIFT EVOLVE shift_evolve
PRO
2
320
公式ドキュメントの歩き方etc
Avatar for あべ coco_se
1
120
Terraform共通モジュールをチーム横断で“変えられる”運用へ ― リリースと適用の分離
Avatar for kekke-n kekke_n
1
3.4k
Network Firewallやっていき！
Avatar for 荒木 ARK news_it_enj
0
170
Playwright × AI Agent でE2Eテストはどう変わるか AI駆動テストの可能性と実用検証の結果
Avatar for Taiga Oyu taiga7543
1
300
Making sense of Google’s agentic dev tools
Avatar for Guillaume Laforge glaforge
1
280
AI時代の闇と光
Avatar for tatsuya1970 tatsuya1970
0
110
OpenTelemetryにおけるGoのゼロコード・コンパイル時計装について #fukuokago
Avatar for quiver quiver
0
110
Oracle Base Database Service 技術詳細
Avatar for oracle4engineer oracle4engineer
PRO
15
110k
DatabricksにおけるMCPソリューション
Avatar for Takaaki Yayoi taka_aki
1
280

Featured

See All Featured
DevOps and Value Stream Thinking: Enabling flow, efficiency and business value
Avatar for Helen Beal helenjbeal
1
260
WCS-LA-2024
Avatar for Leonardo Collado-Torres lcolladotor
0
710
Have SEOs Ruined the Internet? - User Awareness of SEO in 2025
Avatar for Akash Hashmi akashhashmi
0
400
How to Align SEO within the Product Triangle To Get 
Buy-In & Support - #RIMC
Avatar for Aleyda Solis aleyda
2
1.7k
B2B Lead Gen: Tactics, Traps & Triumph
Avatar for Sophie Logan marketingsoph
0
170
How STYLIGHT went responsive
Avatar for nonsquared nonsquared
100
6.2k
Rebuilding a faster, lazier Slack
Avatar for samanthasiow samanthasiow
85
9.6k
The Curious Case for Waylosing
Avatar for Cassini Nazir cassininazir
1
430
Deep Space Network (abreviated)
Avatar for Tony Rice tonyrice
0
230
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
Avatar for Marc Duiker marcduiker
35
2.5k
The Straight Up "How To Draw Better" Workshop
Avatar for Dennis Kardys denniskardys
239
140k
Mozcon NYC 2025: Stop Losing SEO Traffic
Avatar for Sam Torres samtorres
1
390

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

  6. 6

  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