Upgrade to Pro — share decks privately, control downloads, hide ads and more …
Sign up for free

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
42
CSS_for_Web_Vitals.pdf
Avatar for CypressKuo cypresskuo
0
48
談談_Code_review.pdf
Avatar for CypressKuo cypresskuo
0
56
REST_vs_GraphQL_今夜はご注文はどっち.pdf
Avatar for CypressKuo cypresskuo
0
30
CSS_重構.pdf
Avatar for CypressKuo cypresskuo
0
30
跟上_JS_的腳步-ES2020.pdf
Avatar for CypressKuo cypresskuo
0
39
Core_Web_Vitals.pdf
Avatar for CypressKuo cypresskuo
0
62
這個時代人人都知道的敏捷開發.pdf
Avatar for CypressKuo cypresskuo
0
83
Webassembly.pdf
Avatar for CypressKuo cypresskuo
0
21

Other Decks in Technology

See All in Technology
2026-10-24 JAWS JAWS-UG 茨城 #18 IAM Policy Autopilotってなにさ。terraform planからIAM Policyつくれるの? / What's IAM Policy Autopilot
Avatar for SUZUKI Masashi masasuzu
0
170
Steerable Visual Representations
Avatar for SansanTech sansantech
PRO
0
440
Vue.jsのGitHubから学ぶ意思決定
Avatar for Yuto Nagai(Future) yut0naga1_fa
1
250
DevelopersIO2026 -バックアップは“消されないこと”が9割-
Avatar for Tatsuya Yoshida yoshida0129
0
410
「作れる」と「リリースできる」の間にあったもの── PdMを外して見えた、PdMがやるべき仕事/Buildable ≠ Shippable: What Removing the PM Taught Me About the PM’s Job
Avatar for Yappli Developers yappli_developers
0
280
Metadata - Section 2: Simple Metadata & Meta Tags
Avatar for mohab soliman mohab1
0
140
(swiftc) NonCopyableとライフタイム修飾子
Avatar for Himeshi teamhimeh
0
130
AIエージェント時代、Kaggleにどう取り組むか
Avatar for Naoya Takashima takanao
1
170
LLM Content Moderationを支える評価・改善ループの実践
Avatar for suikabar suikabar
2
360
渡米前の準備を制す！re:Invent 2026徹底準備術 / The Ultimate Preparation Guide for re:Invent 2026
Avatar for Yuji Oshima yuj1osm
1
250
プロダクトが成長すると、 プロダクトマネージャーの仕事はどう変わるのか － 「まず作る」から「小さく学び、確かめながら進む」へ
Avatar for SansanTech sansantech
PRO
1
370
AI駆動開発における開発環境のセキュリティの考え方
Avatar for Hiroki YAMAMOTO yamahiro
2
620

Featured

See All Featured
My Coaching Mixtape
Avatar for mlcsv mlcsv
0
360
Scaling GitHub
Avatar for Zach Holman holman
464
140k
Joys of Absence: A Defence of Solitary Play
Avatar for Sebastian Deterding codingconduct
1
550
Exploring anti-patterns in Rails
Avatar for Elle Meredith aemeredith
4
540
Improving Core Web Vitals using Speculation Rules API
Avatar for Sergey Chernyshev sergeychernyshev
21
1.7k
Typedesign – Prime Four
Avatar for Hannes Fritz hannesfritz
42
3.2k
The Limits of Empathy - UXLibs8
Avatar for Cassini Nazir cassininazir
2
730
Highjacked: Video Game Concept Design
Avatar for Ryan Kendrick rkendrick25
PRO
1
490
Speed Design
Avatar for Sergey Chernyshev sergeychernyshev
33
2.2k
The Straight Up "How To Draw Better" Workshop
Avatar for Dennis Kardys denniskardys
239
140k
[RailsConf 2023 Opening Keynote] The Magic of Rails
Avatar for Eileen M. Uchitelle eileencodes
31
10k
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