$30 off During Our Annual Pro Sale. View Details »

vue-function-tester

Avatar for pipopotamasu pipopotamasu
December 11, 2019
Technology
2
1.2k

 vue-function-tester

Avatar for pipopotamasu

pipopotamasu

December 11, 2019
Tweet

More Decks by pipopotamasu

See All by pipopotamasu
How JS Works
Avatar for pipopotamasu pipopotamasu
0
200
Dive into vue-test-utils ~~Road of 1.0.0~~
Avatar for pipopotamasu pipopotamasu
0
98
medpacker_introduction_20190523
Avatar for pipopotamasu pipopotamasu
0
500
Introduction of medpacker: RoR Frontend Boilerplate
Avatar for pipopotamasu pipopotamasu
0
4.9k
新サービス・JOURNAL(ジャーナル)開発秘話
Avatar for pipopotamasu pipopotamasu
2
260
メドピアにおけるライブラリアップデート_MedBeer_20180912.pdf
Avatar for pipopotamasu pipopotamasu
0
12k
MedPeer_JapaxTaxi_MeetUp_Actioncable
Avatar for pipopotamasu pipopotamasu
0
640
MedPeer X みんなのウェディング合同勉強会
Avatar for pipopotamasu pipopotamasu
0
1.1k
UXBridge_vol3_pipopotamasu
Avatar for pipopotamasu pipopotamasu
2
890

Other Decks in Technology

See All in Technology
メッセージ駆動が可能にする結合の最適化
Avatar for かとじゅん j5ik2o
9
1.7k
IPv6-mostly field report from RubyKaigi 2026
Avatar for Sorah Fukumori sorah
0
230
インフラ室事例集
Avatar for MIXI ENGINEERS mixi_engineers
PRO
2
120
履歴テーブル、今回はこう作りました 〜 Delegated Types編 〜 / How We Built Our History Table This Time — With Delegated Types
Avatar for moznion moznion
13
8.3k
TypeScript 6.0で非推奨化されるオプションたち
Avatar for uhyo uhyo
15
5.6k
『ソフトウェア』で『リアル』を動かす：クレーンゲームからデータ基盤までの統一アーキテクチャ / アーキテクチャConference 2025
Avatar for GENDA genda
0
2.1k
ローカルLLM基礎知識 / local LLM basics 2025
Avatar for Naoki Kishida kishida
25
11k
名刺メーカーDevグループ 紹介資料
Avatar for Sansan, Inc. sansan33
PRO
0
970
翻訳・対話・越境で強いチームワークを作ろう！ / Building Strong Teamwork through Interpretation, Dialogue, and Border-Crossing
Avatar for ar_tama ar_tama
2
610
レガシーシステム刷新における TypeSpec スキーマ駆動開発のすゝめ
Avatar for karacoro / からころ tsukuha
4
870
「え？！それ今ではHTMLだけでできるの！？」驚きの進化を遂げたモダンHTML
Avatar for Riya Amemiya riyaamemiya
0
190
Introduction to Bill One Development Engineer
Avatar for Sansan, Inc. sansan33
PRO
0
320

Featured

See All Featured
Typedesign – Prime Four
Avatar for Hannes Fritz hannesfritz
42
2.9k
How To Stay Up To Date on Web Technology
Avatar for Chris Coyier chriscoyier
791
250k
YesSQL, Process and Tooling at Scale
Avatar for Rocio Delgado rocio
174
15k
ピンチをチャンスに：未来をつくるプロダクトロードマップ #pmconf2020
Avatar for Aki / @LoveIdahoBurger aki_iinuma
127
54k
GitHub's CSS Performance
Avatar for Jon Rohan jonrohan
1032
470k
Code Reviewing Like a Champion
Avatar for maltzj maltzj
527
40k
Why Our Code Smells
Avatar for Brandon Keepers bkeepers
PRO
340
57k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
Avatar for Irina Nazarova irinanazarova
9
1k
ReactJS: Keep Simple. Everything can be a component!
Avatar for Pedro Nauck pedronauck
666
130k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
Avatar for Marc Duiker marcduiker
34
2.3k
GraphQLとの向き合い方2022年版
Avatar for Yosuke Kurami quramy
49
14k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
Avatar for Chris Coyier chriscoyier
508
140k

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