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

vue-function-tester

pipopotamasu
December 11, 2019
Technology
2
1.1k

 vue-function-tester

pipopotamasu

December 11, 2019
Tweet

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
860

Other Decks in Technology

See All in Technology
【NGK2025S】動物園（PINTO_model_zoo）に遊びに行こう
kazuhitotakahashi
0
220
Oracle Base Database Service 技術詳細
oracle4engineer
PRO
6
54k
My small contributions - Fujiwara Tech Conference 2025
ijin
0
1.4k
2025年のARグラスの潮流
kotauchisunsun
0
790
エンジニアリングマネージャー視点での、自律的なスケーリングを実現するFASTという選択肢 / RSGT2025
yoshikiiida
4
3.6k
Amazon Q Developerで.NET Frameworkプロジェクトをモダナイズしてみた
kenichirokimura
1
200
Formal Development of Operating Systems in Rust
riru
1
420
embedパッケージを深掘りする / Deep Dive into embed Package in Go
task4233
1
210
Reactフレームワークプロダクトを
モバイルアプリにして、もっと便利に。 ユーザに価値を届けよう。/React Framework with Capacitor
rdlabo
0
120
FODにおけるホーム画面編成のレコメンド
watarukudo
PRO
2
270
実践！ ソフトウェアエンジニアリングの価値の計測 ── Effort、Output、Outcome、Impact
nomuson
0
2k
なぜfreeeはハブ・アンド・スポーク型の データメッシュアーキテクチャにチャレンジするのか？
shinichiro_joya
2
440

Featured

See All Featured
Optimising Largest Contentful Paint
csswizardry
33
3k
Git: the NoSQL Database
bkeepers
PRO
427
64k
How GitHub (no longer) Works
holman
312
140k
Principles of Awesome APIs and How to Build Them.
keavy
126
17k
Done Done
chrislema
182
16k
Why Our Code Smells
bkeepers
PRO
335
57k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
666
120k
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
3.6k
The Power of CSS Pseudo Elements
geoffreycrofte
74
5.4k
What's in a price? How to price your products and services
michaelherold
244
12k
KATA
mclloyd
29
14k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
251
21k

Transcript

  1. Vue.jsの単体テストライブラリ 「vue-function-tester」 を作ってみた話 2019年11⽉

  2. 2 • 村上大和 • @pipopotamasu • 野球, 筋トレ

  3. 3 vue-function-testerとは？

  4. 4 vue-function-testerとは？ https://github.com/pipopotamasu/vue-function-tester

  5. 5 vue-function-testerとは？ • Vue.jsの「メソッドの単体テストライブラリ」 • もっというと、methods, lifecycle hooks, computed, watchをテストするライブラリ

  6. Get Started!!

  7. 7

  8. 8

  9. 9

  10. 10

  11. 11

  12. 12

  13. 13

  14. 14

  15. 15

  16. 16

  17. 17

  18. 18

  19. 19

  20. 20

  21. 21 なぜ作ったか？

  22. 22 なんとなく 「こんな感じにテストを書きたい」 をライブラリに落とし込んだ

  23. 23 こんな感じに書きたかった

  24. 24 1) メソッドチェーンで書きたい

  25. 25 1) メソッドチェーンで書きたい

  26. 26 2) とにかく短く書きたい

  27. 27 2) とにかく短く書きたい

  28. 28 2) とにかく短く書きたい

  29. 29 3) $emitのモック省略したい

  30. 30 3) $emitのモック省略したい

  31. 31 vue-function-testerとは？ https://github.com/pipopotamasu/vue-function-tester