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
230
メドピアにおけるライブラリアップデート_MedBeer_20180912.pdf
pipopotamasu
0
12k
MedPeer_JapaxTaxi_MeetUp_Actioncable
pipopotamasu
0
560
MedPeer X みんなのウェディング合同勉強会
pipopotamasu
0
1.1k
UXBridge_vol3_pipopotamasu
pipopotamasu
2
880
Other Decks in Technology
See All in Technology
impressions-trying-lambda-web-adapter
junkishigaki
2
120
データ戦略部門 紹介資料
sansan33
PRO
1
3.1k
AIコードエディタは開発を変えるか?Cursorをチームに導入して1ヶ月経った本音
ota1022
1
720
CloudBruteによる外部からのS3バケットの探索・公開の発見について / 20250605 Kumiko Henmi
shift_evolve
3
300
MCP Clientを活用するための設計と実装上の工夫
yudai00
1
850
Azure Developer CLI と Azure Deployment Environment / Azure Developer CLI and Azure Deployment Environment
nnstt1
1
150
Zero Data Loss Autonomous Recovery Service サービス概要
oracle4engineer
PRO
2
7.2k
Spring for GraphQLって実際どうなの?〜小規模スタートアップの事例紹介〜
kogayushi
0
110
CSS polyfill とその未来
ken7253
0
150
エンジニアが組織に馴染むために勉強会を主催してチームの壁を越える
ohmori_yusuke
2
130
Redmineの意外と知らない便利機能 (Redmine 6.0対応版)
vividtone
0
1.3k
大手企業のAIツール導入の壁を越えて:サイバーエージェントのCursor活用戦略
gunta
31
11k
Featured
See All Featured
Building an army of robots
kneath
306
45k
BBQ
matthewcrist
88
9.7k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
6
660
Code Review Best Practice
trishagee
68
18k
Site-Speed That Sticks
csswizardry
8
600
Typedesign – Prime Four
hannesfritz
41
2.6k
Speed Design
sergeychernyshev
30
970
Keith and Marios Guide to Fast Websites
keithpitt
411
22k
What's in a price? How to price your products and services
michaelherold
245
12k
Being A Developer After 40
akosma
91
590k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
252
21k
GraphQLとの向き合い方2022年版
quramy
46
14k
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