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

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
2
1.3k

 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
220
Dive into vue-test-utils ~~Road of 1.0.0~~
Avatar for pipopotamasu pipopotamasu
0
110
medpacker_introduction_20190523
Avatar for pipopotamasu pipopotamasu
0
520
Introduction of medpacker: RoR Frontend Boilerplate
Avatar for pipopotamasu pipopotamasu
0
5k
新サービス・JOURNAL(ジャーナル)開発秘話
Avatar for pipopotamasu pipopotamasu
2
290
メドピアにおけるライブラリアップデート_MedBeer_20180912.pdf
Avatar for pipopotamasu pipopotamasu
0
12k
MedPeer_JapaxTaxi_MeetUp_Actioncable
Avatar for pipopotamasu pipopotamasu
0
710
MedPeer X みんなのウェディング合同勉強会
Avatar for pipopotamasu pipopotamasu
0
1.1k
UXBridge_vol3_pipopotamasu
Avatar for pipopotamasu pipopotamasu
2
910

Other Decks in Technology

See All in Technology
visionOS 開発向けの MCP / Skills をつくり続けることで XR の探究と学習を最大化
Avatar for kazuhiro hara karad
1
510
JAWSDAYS2026_A-6_現場SEが語る 回せるセキュリティ運用～設計で可視化、AIで加速する「楽に回る」運用設計のコツ～
Avatar for s-hata shoki_hata
0
3k
[JAWSDAYS2026]Who is responsible for IAM
Avatar for Mizuki TSUJI mizukibbb
0
820
非情報系研究者へ送る Transformer入門
Avatar for Ryo Ishiyama rishiyama
13
8.2k
銀行の​内製開発にて​2つの​プロダクトを​１つのチームで​スクラムしてみてる​話
Avatar for koba1210 koba1210
1
140
Oracle Cloud Infrastructure IaaS 新機能アップデート 2025/12 - 2026/2
Avatar for oracle4engineer oracle4engineer
PRO
0
160
It’s “Time” to use Temporal
Avatar for Saji sajikix
3
210
Scrumは歪む — 組織設計の原理原則
Avatar for Daisuke Ashihara dashi
0
200
生成AIで速度と品質を両立する、QAエンジニア・開発者連携のAI協調型テストプロセス
Avatar for butatamasoba / Shota Kusaba shota_kusaba
0
160
ソフトバンク流！プラットフォームエンジニアリング実現へのアプローチ
Avatar for SoftBank Tech Night sbtechnight
1
180
わからなくて良いなら、わからなきゃだめなの？
Avatar for kota oue kotaoue
1
370
身体を持ったパーソナルAIエージェントの 可能性を探る開発
Avatar for yoko / Naoki Yokomachi yokomachi
1
130

Featured

See All Featured
Lightning Talk: Beautiful Slides for Beginners
Avatar for Ines Montani inesmontani
PRO
1
480
How to Ace a Technical Interview
Avatar for Jacob Kaplan-Moss jacobian
281
24k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
Avatar for Tammy Everts tammyeverts
55
3.3k
How to Align SEO within the Product Triangle To Get 
Buy-In & Support - #RIMC
Avatar for Aleyda Solis aleyda
1
1.4k
Producing Creativity
Avatar for Steve Smith orderedlist
PRO
348
40k
10 Git Anti Patterns You Should be Aware of
Avatar for Lemi Orhan Ergin lemiorhan
PRO
659
61k
BBQ
Avatar for Matthew Crist matthewcrist
89
10k
Beyond borders and beyond the search box: How to win the global "messy middle" with AI-driven SEO
Avatar for David Carrasco davidcarrasco
3
77
Self-Hosted WebAssembly Runtime for Runtime-Neutral Checkpoint/Restore in Edge–Cloud Continuum
Avatar for Yuki Nakata chikuwait chikuwait
0
400
The B2B funnel & how to create a winning content strategy
Avatar for Katarina Dahlin katarinadahlin
PRO
1
300
The Illustrated Guide to Node.js - THAT Conference 2024
Avatar for David Neal reverentgeek
1
310
WCS-LA-2024
Avatar for Leonardo Collado-Torres lcolladotor
0
480

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