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

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

Other Decks in Technology

See All in Technology
[zh-TW] DevOpsDays Taipei 2025 -- Creating Awesome Change in SmartNews!(machine translation)
Avatar for Ikuo Suyama martin_lover
1
680
impressions-trying-lambda-web-adapter
Avatar for Junki Ishigaki junkishigaki
2
140
Introduction to Sansan, inc / Sansan Global Development Center, Inc.
Avatar for Sansan, Inc. sansan33
PRO
0
2.6k
AWS Lambdaでサーバレス設計を学ぼう_ベンダーロックインの懸念を超えて-サーバレスの真価を探る
Avatar for ふくちーぬ（Takaya Fukuchi） fukuchiiinu
4
350
Cursor Meetup Tokyo
Avatar for Shunta Komatsu iamshunta
5
1.4k
キャッシュレス決済のプロダクトから決済基盤への進化
Avatar for Ryosuke Uchitate b1a9id
0
160
DevOpsDays Taipei 2025 - Opening Remarks
Avatar for Cheng-Wei Chen cheng_wei_chen
0
120
AIエージェント実践集中コース LT
Avatar for Kaoru okaru
1
170
Introduction to Sansan for Engineers / エンジニア向け会社紹介
Avatar for Sansan, Inc. sansan33
PRO
5
38k
S3 Tables を図解でやさしくおさらい～基本から QuickSight 連携まで/s3-tables-illustrated-basics-quicksight
Avatar for emi emiki
2
370
Bill One 開発エンジニア 紹介資料
Avatar for Sansan, Inc. sansan33
PRO
4
12k
Kafka vs. Pulsar: Performance Evaluation by Petabyte-Scale Streaming Platform Providers
Avatar for LINEヤフーTech (LY Corporation Tech) lycorptech_jp
PRO
1
270

Featured

See All Featured
Making Projects Easy
Avatar for Brett Harned brettharned
116
6.2k
Building a Scalable Design System with Sketch
Avatar for Laura Van Doore lauravandoore
462
33k
Being A Developer After 40
Avatar for Adrian Kosmaczewski akosma
91
590k
Keith and Marios Guide to Fast Websites
Avatar for Keith Pitt keithpitt
411
22k
Producing Creativity
Avatar for Steve Smith orderedlist
PRO
346
40k
Embracing the Ebb and Flow
Avatar for Simon Collison colly
85
4.7k
Stop Working from a Prison Cell
Avatar for Chris Michel hatefulcrawdad
269
20k
Raft: Consensus for Rubyists
Avatar for Patrick Van Stee vanstee
137
7k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
Avatar for Eileen M. Uchitelle eileencodes
25
2.8k
Optimizing for Happiness
Avatar for Tom Preston-Werner mojombo
378
70k
Building Adaptive Systems
Avatar for Chris Keathley keathley
42
2.6k
Rebuilding a faster, lazier Slack
Avatar for samanthasiow samanthasiow
81
9k

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