Upgrade to Pro — share decks privately, control downloads, hide ads and more …
Sign up for free

vue-function-tester

Sponsored · Your Podcast. Everywhere. Effortlessly. Share. Educate. Inspire. Entertain. You do you. We'll handle the rest. →
Avatar for pipopotamasu pipopotamasu
December 11, 2019
Technology
1.3k
2

 vue-function-tester

Avatar for pipopotamasu

pipopotamasu

December 11, 2019

More Decks by pipopotamasu

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

Other Decks in Technology

See All in Technology
AgentCoreで実践するハーネスエンジニアリング
Avatar for やくも yakumo
1
290
データ品質を壊しながらSnowflakeのAIに分析させてみた
Avatar for かわなご kawanago
0
540
Incremental HTTP
Avatar for kazuho kazuho
5
2.1k
契約書画像からの情報抽出に特化した視覚接地モデルを育てる話
Avatar for SansanTech sansantech
PRO
1
150
AI駆動開発の時代になったのでトヨタ生産方式から見直す
Avatar for terurou terurou
3
4.7k
ai_cording_with_k8s_knowledge.pdf
Avatar for mochizuki875 mochizuki875
1
310
FinTech 1-2 : Overview of FinTech
Avatar for Kenji Saito ks91
PRO
0
150
IoTデバイスを繋げるプロトコルMatterをAndroidで使用する方法
Avatar for harutiro harutiro
0
120
購入ドメインでの課題と取り組み
Avatar for ykagano ykagano
0
150
ミイダス株式会社 テックチームのご紹介 / MIIDAS Tech Team
Avatar for ミイダス miidas
0
170
並行性の問題を防げ！実践トランザクション入門
Avatar for Shoichi Ochi occhi
0
280
検証フェーズはAIの回答を判断するための学習機会
Avatar for Toru_Kubota toru_kubota
2
520

Featured

See All Featured
Navigating the moral maze — ethical principles for Al-driven product design
Avatar for Skipper Chong Warson skipperchong
2
610
End of SEO as We Know It (SMX Advanced Version)
Avatar for Michael King ipullrank
3
4.4k
The Curse of the Amulet
Avatar for Matthew Lei leimatthew05
3
15k
Learning to Love Humans: Emotional Interface Design
Avatar for Aarron Walter aarron
275
41k
Chasing Engaging Ingredients in Design
Avatar for Sebastian Deterding codingconduct
0
340
Typedesign – Prime Four
Avatar for Hannes Fritz hannesfritz
42
3.2k
Utilizing Notion as your number one productivity tool
Avatar for Mfonobong Umondia mfonobong
4
610
Marketing Yourself as an Engineer | Alaka | Gurzu
Avatar for Gurzu gurzu
0
320
Code Reviewing Like a Champion
Avatar for maltzj maltzj
529
40k
Intergalactic Javascript Robots from Outer Space
Avatar for Vicent Martí tanoku
273
27k
We Have a Design System, Now What?
Avatar for Morgane Peng morganepeng
55
8.4k
Pawsitive SEO: Lessons from My Dog (and Many Mistakes) on Thriving as a Consultant in the Age of AI
Avatar for David Carrasco davidcarrasco
0
260

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