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

頑張りすぎないVue.js単体テストのススメ / Vue.js unit testing that does not work too hard

610195d9ffdba3c9cddaa9fd87753284?s=47 Kosuke Yamashita
October 24, 2019
Programming
1
360

頑張りすぎないVue.js単体テストのススメ / Vue.js unit testing that does not work too hard

2019/10/24 STORES.jp Meetup for Front-end Engineers #1で発表した内容です。

610195d9ffdba3c9cddaa9fd87753284?s=128

Kosuke Yamashita

October 24, 2019
Tweet

More Decks by Kosuke Yamashita

See All by Kosuke Yamashita
事業成長を加速させるフロントエンド改善のお話
610195d9ffdba3c9cddaa9fd87753284?s=48 kskymst
6
4.6k

Other Decks in Programming

See All in Programming
【Scrum Fest Osaka 2022】スクラムチームに放り込まれた若手エンジニアの皆さん、どのように技術のキャッチアップをしていくかイメージはついていますか？
70be36c6f5871b4f2d238f96587ffeb3?s=48 miiiki
0
120
ES2022の新機能
A3efba75cfbb0b7d5248eb74d1d29d79?s=48 smt7174
0
260
Java初心者が知っておくべきプログラミングのこと - JJUG CCC 2022 Spring
9e840766611f942c7c0a9ad6987a5d78?s=48 kishida
5
550
こそこそアジャイル導入しようぜ！
08c43eecaeb20bad17d63e0e6964d9c2?s=48 ichimichi
0
1.2k
1時間半で克服するJavaScriptの非同期処理/async_javascript_kokufuku
338259af0e093b5d91e9dc7afbcdd0d5?s=48 marchin1989
2
620
IE Graduation Certificate
1ff811939fd0923df8321ec6d8bf9d4b?s=48 jxck
6
4.8k
git on intellij
1a51f443c6d75a0576428792b0da05f2?s=48 hiroto_kitamura
0
170
Angular-basierte Micro Frontends mit Module Federation @API Summit
15934fa2aa7b2ce21f091e9b7cffa856?s=48 manfredsteyer
PRO
0
110
エンジニアによる事業指標計測のススメ
Ee398a67f5017cc2ad5c02d67d10e516?s=48 doyaaaaaken
1
190
Why Airflow? & What's new in Airflow 2.3?
4114559062197ddc69b311ea6e6207d0?s=48 kaxil
0
120
LINE Messaging APIの概要 - LINE API総復習シリーズ
01cca15e7d324831bd63b7e1e6213f7a?s=48 uezo
1
180
Beyond Micro Frontends: Frontend Moduliths for the Enterprise @enterjs2022
15934fa2aa7b2ce21f091e9b7cffa856?s=48 manfredsteyer
PRO
0
190

Featured

See All Featured
No one is an island. Learnings from fostering a developers community.
6bb82b13cda86d3b821fa44100335ddf?s=48 thoeni
9
1.3k
Faster Mobile Websites
C620790ae5bf5b50c245b2e0ef95f338?s=48 deanohume
294
28k
Code Review Best Practice
3d6ace9554821d552146413bcdf874f6?s=48 trishagee
43
9.2k
How GitHub Uses GitHub to Build GitHub
78b475797a14c84799063c7cd073962f?s=48 holman
465
280k
Code Reviewing Like a Champion
C7393b7ba7ec9c8890dd77d209fbb3c9?s=48 maltzj
506
37k
How to name files
0a4f62e90c976eeb44d33add75cca5af?s=48 jennybc
40
61k
What's in a price? How to price your products and services
Dad095ea7038f89f760419ce475d5d14?s=48 michaelherold
229
9.4k
Designing with Data
F57e2136eb9895eb95ff5dc8a1c02677?s=48 zakiwarfel
91
3.9k
Why You Should Never Use an ORM
88bc30284c6a424b63a92aad27d0ba36?s=48 jnunemaker
PRO
47
7.6k
Visualization
170b760e0147792d0140e59ec78e9893?s=48 eitanlees
125
11k
Writing Fast Ruby
1f74b13f1e5c6c69cb5d7fbaabb1e2cb?s=48 sferik
612
57k
What the flash - Photography Introduction
5ce91fa49a613cbc3e20d5f96856473f?s=48 edds
62
10k

Transcript

  1. ,PTVLF:BNBTIJUB 4503&4KQ JODIFZ JOD 4503&4KQ.FFUVQGPS'SPOUFOE&OHJOFFST ؤுΓ͗͢ͳ͍7VFKT୯ମςετͷεεϝ

  2. ࣗݾ঺հ ɾࢁԼޭհ ɾ4503&4KQ6*վળνʔϜ ɾ೥݄ೖࣾ ɾલ৬͸ϕτφϜͷελʔτΞοϓ ɹͰ3FBDUϝΠϯ !LTLZNTU

  3. ୯ମςετॻ͍ͯ·͔͢ʁ

  4. ετΞσβΠϯ ϦϒϥϯσΟϯά ՝ۚϖʔδ ૿੫ରԠ ׂൢ๏ରԠ 6*$PNQPOFOU ΞΠςϜ࡞੒ฤू ೥݄ ೥ ݱࡏ

    5FTUJOH4UBSU Ҡߦ։࢝ ˞1+͸Ұ෦ൈਮ

  5. ֤ݸਓؤுͬͯਐΊ͍͕ͯͨɻɻ ςετํ਑ΛܾΊͯޮՌతͳςετΛ ؤுΓ͗ͣ͢ॻ͖͍ͨ ςετཻ౓ͷෆἧ͍׌ͭɺޮՌతͰͳ͍ςετ ɾϦιʔεͷফ໣ ɾϝϯςφϯείετ ɾεϓϦϯτ௨Γʹਐ·ͳ͍JTTVF ɾਫ਼ਆతͳਏΈ ! "

  6. ͦ͜Ͱࠓ೔͸4503&4͕ςετͱ ޲͖߹ͬͨ݁Ռʹ͍͓ͭͯ࿩͠·͢

  7. ˞ิ଍

  8. 4503&4KQͰ͸ओʹͭͷϦϙδτϦͰ /VYUº+FTUΛத৺ʹςετ؀ڥΛߏங .BJO 6*$PNQPOFOU-JCSBSZ

  9. /VYU WVFUFTUVUJMT º+FTUͰͷ͓࿩͕ϝΠϯ .BJO 6*$PNQPOFOU-JCSBSZ

  10. "HFOEB ໨తΛܾΊΔʢXIZʣ ςετର৅ΛܾΊΔʢXIBUʣ Ͳ͏ςετ͢Δͷ͔ IPX ͜Ε͔Β

  11. "HFOEB ໨తΛܾΊΔʢXIZʣ ςετର৅ΛܾΊΔʢXIBUʣ Ͳ͏ςετ͢Δͷ͔ IPX ͜Ε͔Β

  12. ςετΛॻ͘໨త ɾਫ਼ਆత҆ఆ ɾखಈςετͷίετͷ࡟ݮ ɾϦϑΝΫλϦϯά࣌ͷΤϯόάΛݮΒ͢ ɾίϯϙʔωϯτͷ࢓༷ॻత໾ׂ

  13. "HFOEB ໨తΛܾΊΔʢXIZʣ ςετର৅ΛܾΊΔʢXIBUʣ Ͳ͏ςετ͢Δͷ͔ IPX ͜Ε͔Β

  14. ςετର৅ ɾQBHFT ⚪1$ ⚪41 ɾDPNQPOFOUT ⚪NJYJO ⚪DPOUBJOFS ⚪QSFTFOUBUJPOBM ɾMBZPVUT ɾTUPSF

    ɾVUJMT ɾDPOTUBOUT ɾQMVHJOT ɾNJEEMFXBSF

  15. ςετ಺༰ ɾNPVOU ɾQSPQT ɾDPNQVUFE ɾNFUIPET ⚪FNJU ⚪IUUQ3FRVFTU ɾUFNQMBUF ⚪TMPU ⚪WJGWTIPX

    ⚪WPO ⚪WCJOEDMBTT ⚪WCJOEBUUS ɾMJGFDZDMF ɾNJYJO ɾBTZOD%BUBGFUDI ɾHFUUFST ɾNVUBUJPOT ɾBDUJPOT

  16. ൣғ͸޿͍ !

  17. ޮՌతɺޮՌͷബ͍ςετΛఆٛͯ͠ ॻ͘ɺॻ͔ͳ͍Λ໌֬ʹ͢Δ !

  18. ޮՌͷബ͍ςετ ɾॳظදࣔঢ়ଶ ɾQSPQTͷఆٛ ɾ୯७ͳϩδοΫ FUD ෳࡶ౓ͷ௿͍ϩδοΫ͸ ॻ͔ͳ͍બ୒Λͨ͠ !

  19. ॳظදࣔঢ়ଶ QSPQTͷUFNQMBUFදࣔͷΈ

  20. QSPQTͷఆٛ QSPQTఆٛʹରͯ͠ͷςετ

  21. ୯७ͳϩδοΫFYNVUBUJPOT ୯७ͳTUBUFมߋͷNVUBUJPO ͦͷଞFNJUΛൃՐ͢Δ͚ͩͷNFUIPETͳͲ

  22. ޮՌతͳςετ ɾυϝΠϯͰͷίΞͳϩδοΫ ɾ෼ذͷೖΔϩδοΫ ෳࡶ౓ͷߴ͍ϩδοΫ͸ ͔ͬ͠Γͱ཈͑Δ !

  23. υϝΠϯͰͷίΞͳ߲໨Λఆٛ͢Δ

  24. ྫ͑͹͜͏͍ͬͨ ༗ྉձһొ࿥ϑΥʔϜͷ৔߹ ίΞͳςετ߲໨Λఆٛ

  25. ༗ྉձһొ࿥ϑΥʔϜ ͷ৔߹ ᶃ ᶄ ᶆ ᶅ ᶄֹ͕ۚਖ਼͘͠දࣔ͞Ε͍ͯΔࣄ ᶃʮ͓ࢧ෷ํ๏ʯʹΑͬͯ ϑΥʔϜ಺༰͕มΘΔࣄ ᶅόϦσʔγϣϯ͕ਖ਼͘͠ಈ࡞ɺ

    දࣔ͞ΕΔࣄ ᶆϑΥʔϜͷೖྗ಺༰Ͱ"1*͕ ୟ͔ΕΔࣄ

  26. ෼ذͷೖΔϩδοΫ ಛఆ৚݅ɺΠϕϯτʹΑͬͯڍಈ͕ มΘΓόάʹͳΓ΍͍͢

  27. "HFOEB ໨తΛܾΊΔʢXIZʣ ςετର৅ΛܾΊΔʢXIBUʣ Ͳ͏ςετ͢Δͷ͔ IPX ͜Ε͔Β

  28. Ͳ͏ςετ͢Δͷ͔ ɾQBHFTͰͷ౷߹ςετ ɾTUPSF͸GBDUPSZؔ਺Ͱڞ௨Խ ʜFUD ಉ஋Ϋϥεςετɺڥք஋ςετͷΑ͏ͳςετٕ๏ ͸΋ͪΖΜͰ͕͢ɺ΋ͬͱ7VFº+FTUଆͷ࿩

  29. QBHFTͰͷ౷߹ςετ QBHFT͔ΒNPVOUͰ౷߹ςετ σʔλͷྲྀΕΛ͔ͬ͠Γ௨͍ͬͯΔ͔νΣοΫ ˞ଞίϯϙʔωϯτ͸جຊతʹ͸TIBMMPX.PVOUͰ੹຿Λด͡ࠐΊΔ 1BSFOU $IJME (SBOEDIJME mount

  30. ͦͷࡍXBSOJOHͰ΋GBJMʹ͢Δ jestSetup.js XBSOJOH͕ग़΍͘͢ɺग़ͯ΋ςετࣗମ͸௨ͬͯ͠·͏ҝ XBSOJOHͰ΋GBJM͢Δ༷ʹ͓ͯ͘͠ͱΑΓָͰ҆৺ jest.config.js

  31. TUPSF͸GBDUPSZؔ਺Ͱڞ௨Խ ڞ௨Խ͢Δ͜ͱͰେ෯ʹָʹ

  32. ͜ͷଞʹ΋·ͩ·ͩ͋Δ !EFYJB͕ࣾ಺2JJUBʹ߲໨ͷ σβΠϯύλʔϯɺΞϯνύλʔϯ Λ·ͱΊͯ͘Ε͍ͯΔ ࣮૷࣌ͷ໎͍͕ফ͑ϨϏϡϫʔ ͱ΋ڞ௨ݴޠͰձ࿩Ͱ͖ΔΑ͏ʹ ͳΔ ৄ͍͠಺༰͸·ͨͲ͔͜Ͱ࿩ͤͨΒ !

  33. "HFOEB ໨తΛܾΊΔʢXIZʣ ςετର৅ΛܾΊΔʢXIBUʣ Ͳ͏ςετ͢Δͷ͔ IPX ͜Ε͔Β

  34. ͜Ε͔Β WJGͳͲͷදࣔ෼ذʹؔͯ͠͸&&ಋೖͳͲ ࢼͯ͠Έ͍ͨɺྑͦ͞͏Ͱ͋Ε͹୯ମςετ ͷ಺༰Λ&&دͤΒΕΔͷͰ͸ͳ͍͔ʁ ͳΜͯ࿩Λ͍ͯ͠·͢

  35. ؤுΓ͗ͣ͢ϝϯς͠΍͍͢ ςετΛ͜Ε͔Β΋໨ࢦ͍ͯ͘͠ !

  36. None

  37. ͝੩ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠ !

  38. IUUQTIFZKQFWFOUTIFMMPIFZ ୈೋɾୈ࢛໦༵ʙ