Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
vue-function-tester
Search
pipopotamasu
December 11, 2019
Technology
2
1.2k
vue-function-tester
pipopotamasu
December 11, 2019
Tweet
Share
More Decks by pipopotamasu
See All by pipopotamasu
How JS Works
pipopotamasu
0
190
Dive into vue-test-utils ~~Road of 1.0.0~~
pipopotamasu
0
94
medpacker_introduction_20190523
pipopotamasu
0
500
Introduction of medpacker: RoR Frontend Boilerplate
pipopotamasu
0
4.8k
新サービス・JOURNAL(ジャーナル)開発秘話
pipopotamasu
2
240
メドピアにおけるライブラリアップデート_MedBeer_20180912.pdf
pipopotamasu
0
12k
MedPeer_JapaxTaxi_MeetUp_Actioncable
pipopotamasu
0
570
MedPeer X みんなのウェディング合同勉強会
pipopotamasu
0
1.1k
UXBridge_vol3_pipopotamasu
pipopotamasu
2
890
Other Decks in Technology
See All in Technology
AWS Organizations 新機能!マルチパーティ承認の紹介
yhana
1
280
LLM時代の検索
shibuiwilliam
2
190
OSSのSNSツール「Misskey」をさわってみよう(右下ワイプで私のOSCの20年を振り返ります) / 20250705-osc2025-do
akkiesoft
0
170
Core Audio tapを使ったリアルタイム音声処理のお話
yuta0306
0
190
品質と速度の両立:生成AI時代の品質保証アプローチ
odasho
1
370
AIの全社活用を推進するための安全なレールを敷いた話
shoheimitani
2
540
さくらのIaaS基盤のモニタリングとOpenTelemetry/OSC Hokkaido 2025
fujiwara3
3
450
CRE Camp #1 エンジニアリングを民主化するCREチームでありたい話
mntsq
1
130
React開発にStorybookとCopilotを導入して、爆速でUIを編集・確認する方法
yu_kod
1
280
Reach American Airlines®️ Instantly: 19 Calling Methods for Fast Support in the USA
flyamerican
1
170
データグループにおけるフロントエンド開発
lycorptech_jp
PRO
1
110
OPENLOGI Company Profile
hr01
0
67k
Featured
See All Featured
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
107
19k
Building Better People: How to give real-time feedback that sticks.
wjessup
367
19k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
PRO
181
54k
GitHub's CSS Performance
jonrohan
1031
460k
Rails Girls Zürich Keynote
gr2m
95
14k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
248
1.3M
Testing 201, or: Great Expectations
jmmastey
43
7.6k
Balancing Empowerment & Direction
lara
1
430
Agile that works and the tools we love
rasmusluckow
329
21k
A better future with KSS
kneath
238
17k
Raft: Consensus for Rubyists
vanstee
140
7k
The Language of Interfaces
destraynor
158
25k
Transcript
Vue.jsの単体テストライブラリ 「vue-function-tester」 を作ってみた話 2019年11⽉
2 • 村上大和 • @pipopotamasu • 野球, 筋トレ
3 vue-function-testerとは?
4 vue-function-testerとは? https://github.com/pipopotamasu/vue-function-tester
5 vue-function-testerとは? • Vue.jsの「メソッドの単体テストライブラリ」 • もっというと、methods, lifecycle hooks, computed, watchをテストするライブラリ
Get Started!!
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21 なぜ作ったか?
22 なんとなく 「こんな感じにテストを書きたい」 をライブラリに落とし込んだ
23 こんな感じに書きたかった
24 1) メソッドチェーンで書きたい
25 1) メソッドチェーンで書きたい
26 2) とにかく短く書きたい
27 2) とにかく短く書きたい
28 2) とにかく短く書きたい
29 3) $emitのモック省略したい
30 3) $emitのモック省略したい
31 vue-function-testerとは? https://github.com/pipopotamasu/vue-function-tester