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

vue-function-tester

Sponsored · Ship Features Fearlessly Turn features on and off without deploys. Used by thousands of Ruby developers. →
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
280
メドピアにおけるライブラリアップデート_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
技術キャッチアップ効率化を実現する記事推薦システムの構築
Avatar for Yudai Hayashi yudai00
2
160
Secure Boot 2026 - Aggiornamento dei certificati UEFI e piano di adozione in azienda
Avatar for Intune Italian User Group memiug
0
130
Sansan Engineering Unit 紹介資料
Avatar for Sansan, Inc. sansan33
PRO
1
4k
LINEアプリ開発のための Claude Code活用基盤の構築
Avatar for LINEヤフーTech (LY Corporation Tech) lycorptech_jp
PRO
1
1.3k
失敗できる意思決定とソフトウェアとの正しい歩き方_-_変化と向き合う選択肢/ Designing for Reversible Decisions
Avatar for soudai sone soudai
PRO
8
1.5k
Agentic Codingの実践とチームで導入するための工夫
Avatar for LINEヤフーTech (LY Corporation Tech) lycorptech_jp
PRO
0
340
【５分でわかる】セーフィー エンジニア向け会社紹介
Avatar for Safie safie_recruit
0
43k
【SLO】"多様な期待値" と向き合ってみた
Avatar for kaita z63d
2
280
Claude Codeと駆け抜ける 情報収集と実践録
Avatar for sontixyou sontixyou
2
1.3k
AI Agentにおける評価指標とAgent GPA
Avatar for tsho tsho
1
260
LINEヤフーにおけるAI駆動開発組織のプロデュース施策
Avatar for LINEヤフーTech (LY Corporation Tech) lycorptech_jp
PRO
0
340
もう怖くないバックグラウンド処理 Background Tasks のすべて - Hakodate.swift #1
Avatar for Kanta Oikawa kantacky
0
240

Featured

See All Featured
Kristin Tynski - Automating Marketing Tasks With AI
Avatar for Tech SEO Connect techseoconnect
PRO
0
180
Color Theory Basics | Prateek | Gurzu
Avatar for Gurzu gurzu
0
220
Information Architects: The Missing Link in Design Systems
Avatar for Michelle Chin soysaucechin
0
810
Why You Should Never Use an ORM
Avatar for John Nunemaker jnunemaker
PRO
61
9.8k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
Avatar for panda_program panda_program
122
21k
Large-scale JavaScript Application Architecture
Avatar for Addy Osmani addyosmani
515
110k
Efficient Content Optimization with Google Search Console & Apps Script
Avatar for Katarina Dahlin katarinadahlin
PRO
1
360
Being A Developer After 40
Avatar for Adrian Kosmaczewski akosma
91
590k
コードの90%をAIが書く世界で何が待っているのか / What awaits us in a world where 90% of the code is written by AI
Avatar for r-kagaya rkaga
60
42k
We Analyzed 250 Million AI Search Results: Here's What I Found
Avatar for Josh Blyskal joshbly
1
860
From π to Pie charts
Avatar for Rasagy Sharma rasagy
0
140
エンジニアに許された特別な時間の終わり
Avatar for watany watany
106
240k

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