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

Vue.js 單元測試 -Jest

Sponsored · Ship Features Fearlessly Turn features on and off without deploys. Used by thousands of Ruby developers. →
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
33
CSS_for_Web_Vitals.pdf
Avatar for CypressKuo cypresskuo
0
39
談談_Code_review.pdf
Avatar for CypressKuo cypresskuo
0
46
REST_vs_GraphQL_今夜はご注文はどっち.pdf
Avatar for CypressKuo cypresskuo
0
23
CSS_重構.pdf
Avatar for CypressKuo cypresskuo
0
27
跟上_JS_的腳步-ES2020.pdf
Avatar for CypressKuo cypresskuo
0
29
Core_Web_Vitals.pdf
Avatar for CypressKuo cypresskuo
0
54
這個時代人人都知道的敏捷開發.pdf
Avatar for CypressKuo cypresskuo
0
60
Webassembly.pdf
Avatar for CypressKuo cypresskuo
0
13

Other Decks in Technology

See All in Technology
JAWS DAYS 2026でAIの「もやっと」感が解消された話
Avatar for Makky12 smt7174
1
120
FASTでAIエージェントを作りまくろう！
Avatar for YukiOgawa yukiogawa
4
180
第26回FA設備技術勉強会 - Claude/Claude_codeでデータ分析 -
Avatar for コロッケそば happysamurai294
0
200
Why we keep our community?
Avatar for Yasunobu Kawaguchi kawaguti
PRO
0
350
Blue/Green Deployment を用いた PostgreSQL のメジャーバージョンアップ
Avatar for Ken Kato kkato1
0
170
Cursor Subagentsはいいぞ
Avatar for Yuji Yamaguchi yug1224
2
130
契約書からの情報抽出を行うLLMのスループットを、バッチ処理を用いて最大40%改善した話
Avatar for SansanTech sansantech
PRO
3
330
MIX AUDIO EN BROADCAST
Avatar for Erick Ralph Kionga ralpherick
0
140
AI時代のシステム開発者の仕事_20260328
Avatar for 閃利㈱河村 純 sengtor
0
320
開発チームとQAエンジニアの新しい協業モデル -年末調整開発チームで実践する【QAリード施策】-
Avatar for kaomi kaomi_wombat
0
280
ハーネスエンジニアリング×AI適応開発
Avatar for Ryohei Kamiya aictokamiya
1
910
AI時代のIssue駆動開発のススメ
Avatar for Atsushi Nakatsugawa moongift
PRO
0
320

Featured

See All Featured
Marketing to machines
Avatar for Jono Alderson jonoalderson
1
5.1k
Agile that works and the tools we love
Avatar for Rasmus Luckow-Nielsen rasmusluckow
331
21k
ラッコキーワード サービス紹介資料
Avatar for ラッコ株式会社 rakko
1
2.8M
How STYLIGHT went responsive
Avatar for nonsquared nonsquared
100
6k
What's in a price? How to price your products and services
Avatar for Michael Herold michaelherold
247
13k
Un-Boring Meetings
Avatar for Sebastian Deterding codingconduct
0
240
The innovator’s Mindset - 
Leading Through an Era of Exponential Change - McGill University 2025
Avatar for Jean-Marc De Jonghe jdejongh
PRO
1
140
A better future with KSS
Avatar for Kyle Neath kneath
240
18k
Agile Leadership in an Agile Organization
Avatar for Dr. Kim W Petersen kimpetersen
PRO
0
120
Efficient Content Optimization with Google Search Console & Apps Script
Avatar for Katarina Dahlin katarinadahlin
PRO
1
440
Ruling the World: When Life Gets Gamed
Avatar for Sebastian Deterding codingconduct
0
190
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