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

Vue.js 單元測試 -Jest

Avatar for CypressKuo CypressKuo
April 28, 2017
Technology
0
190

Vue.js 單元測試 -Jest

Vue.js 單元測試 with Jest
Avatar for CypressKuo

CypressKuo

April 28, 2017
Tweet

More Decks by CypressKuo

See All by CypressKuo
Deep-copying.pdf
Avatar for CypressKuo cypresskuo
0
28
CSS_for_Web_Vitals.pdf
Avatar for CypressKuo cypresskuo
0
35
談談_Code_review.pdf
Avatar for CypressKuo cypresskuo
0
41
REST_vs_GraphQL_今夜はご注文はどっち.pdf
Avatar for CypressKuo cypresskuo
0
21
CSS_重構.pdf
Avatar for CypressKuo cypresskuo
0
22
跟上_JS_的腳步-ES2020.pdf
Avatar for CypressKuo cypresskuo
0
24
Core_Web_Vitals.pdf
Avatar for CypressKuo cypresskuo
0
47
這個時代人人都知道的敏捷開發.pdf
Avatar for CypressKuo cypresskuo
0
54
Webassembly.pdf
Avatar for CypressKuo cypresskuo
0
11

Other Decks in Technology

See All in Technology
「良さそう」と「とても良い」の間には 「良さそうだがホンマか」がたくさんある / 2025.07.01 LLM品質Night
Avatar for Shumpei Miyawaki smiyawaki0820
1
360
解析の定理証明実践＠Lean 4
Avatar for H Segawa dec9ue
0
180
"サービスチーム" での技術選定 / Making Technology Decisions for the Service Team
Avatar for 株式会社カミナシ kaminashi
1
190
5min GuardDuty Extended Threat Detection EKS
Avatar for takakuni takakuni
0
160
SalesforceArchitectGroupOsaka#20_CNX'25_Report
Avatar for atomica7sei atomica7sei
0
230
AIとともに進化するエンジニアリング / Engineering-Evolving-with-AI_final.pdf
Avatar for LINEヤフーTech (LY Corporation Tech) lycorptech_jp
PRO
0
110
Microsoft Build 2025 技術/製品動向 for Microsoft Startup Tech Community
Avatar for Toru Makabe torumakabe
2
310
「Chatwork」の認証基盤の移行とログ活用によるプロダクト改善
Avatar for kubell kubell_hr
1
200
生成AI時代の開発組織・技術・プロセス 〜 ログラスの挑戦と考察 〜
Avatar for Hiroshi Ito itohiro73
1
320
AWS テクニカルサポートとエンドカスタマーの中間地点から見えるより良いサポートの活用方法
Avatar for kazzpapa3 kazzpapa3
2
570
生成AIで小説を書くためにプロンプトの制約や原則について学ぶ / prompt-engineering-for-ai-fiction
Avatar for nwiizo nwiizo
4
2.7k
GeminiとNotebookLMによる金融実務の業務革新
Avatar for abenben abenben
0
240

Featured

See All Featured
The Success of Rails: Ensuring Growth for the Next 100 Years
Avatar for Eileen M. Uchitelle eileencodes
45
7.5k
Documentation Writing (for coders)
Avatar for Carmen Chung carmenintech
72
4.9k
Building Better People: How to give real-time feedback that sticks.
Avatar for Will Jessup wjessup
367
19k
The World Runs on Bad Software
Avatar for Brandon Keepers bkeepers
PRO
69
11k
The Invisible Side of Design
Avatar for Vitaly Friedman smashingmag
300
51k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
Avatar for Rebecca Miller-Webster rmw
34
3.1k
Unsuck your backbone
Avatar for Amy Palamountain ammeep
671
58k
What’s in a name? Adding method to the madness
Avatar for Product Marketing Alliance productmarketing
PRO
23
3.5k
ピンチをチャンスに：未来をつくるプロダクトロードマップ #pmconf2020
Avatar for Aki / @LoveIdahoBurger aki_iinuma
124
52k
How GitHub (no longer) Works
Avatar for Zach Holman holman
314
140k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
Avatar for Irina Nazarova irinanazarova
8
800
How To Stay Up To Date on Web Technology
Avatar for Chris Coyier chriscoyier
790
250k

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