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

vue-function-tester

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
Oracle Cloud Infrastructure IaaS 新機能アップデート 2026/6 - 2026/8
Avatar for oracle4engineer oracle4engineer
PRO
0
200
すぐできる衛星通信対応 あとは山奥に行くだけ
Avatar for tatetate55 tatetate55
0
110
Amazon Quick on DesktopがIAM Identity Centerで動かない理由
Avatar for YukiOgawa yukiogawa
0
180
Reactの設計論
Avatar for uhyo uhyo
18
9.8k
AIで仕事のやり方を変える
Avatar for Kentaro Matsumoto matsu7874
3
1.1k
コスト最適化の「めんどくさい」を AWS FinOps Agent でチョット楽にする
Avatar for kaz classmethod_kaz
0
330
例外の正しい扱い方 そのエラー try-catchして大丈夫？
Avatar for Watanabe Jin jinwatanabe
3
480
顧客に向き合う開発組織へ。リアーキテクチャとフィーチャーチーム化で挑む組織改革
Avatar for セーフィー safie
0
760
NW運用でNWトポロジ可視化ツールに期待すること/shumoku-meetup1
Avatar for m.hagiwara corestate55
2
120
家のリアーキテクト・リファクタリング
Avatar for Suguru Oki / スー suguruooki
0
140
研究開発部の紹介 / Sansan R&D Profile
Avatar for Sansan, Inc. sansan33
PRO
5
25k
OpenTelemetry eBPF Instrumentationの舞台裏 / Behind the Scenes of OpenTelemetry eBPF Instrumentation
Avatar for ymotongpoo ymotongpoo
4
1.2k

Featured

See All Featured
The MySQL Ecosystem @ GitHub 2015
Avatar for Sam Lambert samlambert
251
13k
A better future with KSS
Avatar for Kyle Neath kneath
240
18k
Improving Core Web Vitals using Speculation Rules API
Avatar for Sergey Chernyshev sergeychernyshev
21
1.6k
Producing Creativity
Avatar for Steve Smith orderedlist
PRO
348
41k
Darren the Foodie - Storyboard
Avatar for Kevinho.art khoart
PRO
3
3.9k
Typedesign – Prime Four
Avatar for Hannes Fritz hannesfritz
42
3.2k
Impact Scores and Hybrid Strategies: The future of link building
Avatar for Tamara Novitovic tamaranovitovic
0
440
Facilitating Awesome Meetings
Avatar for Lara Hogan lara
57
7.1k
How To Stay Up To Date on Web Technology
Avatar for Chris Coyier chriscoyier
790
250k
More Than Pixels: Becoming A User Experience Designer
Avatar for Michelle Schulp Hunt marktimemedia
3
520
Into the Great Unknown - MozCon
Avatar for Noah Learner thekraken
41
2.7k
Building a Scalable Design System with Sketch
Avatar for Laura Van Doore lauravandoore
464
34k

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