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.1k
vue-function-tester
pipopotamasu
December 11, 2019
Tweet
Share
More Decks by pipopotamasu
See All by pipopotamasu
How JS Works
pipopotamasu
0
170
Dive into vue-test-utils ~~Road of 1.0.0~~
pipopotamasu
0
88
medpacker_introduction_20190523
pipopotamasu
0
480
Introduction of medpacker: RoR Frontend Boilerplate
pipopotamasu
0
4.7k
新サービス・JOURNAL(ジャーナル)開発秘話
pipopotamasu
2
210
メドピアにおけるライブラリアップデート_MedBeer_20180912.pdf
pipopotamasu
0
12k
MedPeer_JapaxTaxi_MeetUp_Actioncable
pipopotamasu
0
480
MedPeer X みんなのウェディング合同勉強会
pipopotamasu
0
1k
UXBridge_vol3_pipopotamasu
pipopotamasu
2
850
Other Decks in Technology
See All in Technology
ZOZOTOWN の推薦における KPI モニタリング/KPI monitoring for ZOZOTOWN recommendations
rayuron
1
760
「完全に理解したTalk」完全に理解した
segavvy
1
270
Storage Browser for Amazon S3
miu_crescent
1
340
rootful・rootless・privilegedコンテナの違い/rootful_rootless_privileged_container_difference
moz_sec_
0
100
Alignment and Autonomy in Cybozu - 300人の開発組織でアラインメントと自律性を両立させるアジャイルな組織運営 / RSGT2025
ama_ch
1
1.2k
ハイテク休憩
sat
PRO
2
190
型情報を用いたLintでコード品質を向上させる
sansantech
PRO
2
210
I could be Wrong!! - Learning from Agile Experts
kawaguti
PRO
8
1.8k
[トレノケ雲の会 mod.13] 3回目のre:Inventで気づいたこと -CloudOperationsを添えて-
shintaro_fukatsu
0
120
PHP ユーザのための OpenTelemetry 入門 / phpcon2024-opentelemetry
shin1x1
3
1.6k
PHPerのための計算量入門/Complexity101 for PHPer
hanhan1978
6
1.5k
20241228 - 成為最強魔法使!AI 實時生成比賽的策略 @ 2024 SD AI 年會
dpys
0
330
Featured
See All Featured
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
330
21k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
232
17k
How STYLIGHT went responsive
nonsquared
96
5.3k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
356
29k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
26
1.9k
The Cult of Friendly URLs
andyhume
78
6.1k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
112
50k
The Art of Programming - Codeland 2020
erikaheidi
53
13k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
49
2.2k
Performance Is Good for Brains [We Love Speed 2024]
tammyeverts
7
550
The Pragmatic Product Professional
lauravandoore
32
6.3k
Stop Working from a Prison Cell
hatefulcrawdad
267
20k
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