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

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

頑張りすぎない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
4k

Other Decks in Programming

See All in Programming
D331d219bbb80155f3687db8009984f0?s=48 kinkinkon1009
0
660
098d1adf6ec5b955e29e624b6cc9b6f9?s=48 totokit4
2
130
42a6a049ac8f5265f31858a9509217fb?s=48 uhooi
0
240
9e9eb825c69d719f2d3c32bdd3bc971e?s=48 atp
1
190
C0e29dade6ec33081689ac135a269b45?s=48 crgarridos
1
150
Dee939e8aa52d13793b2f0c5e463777b?s=48 julep
1
200
20c5ddcad23304aed77ce8c3aa020562?s=48 tkmru
2
260
774a937b74096e82576b37678d00aeca?s=48 kishino
1
110
7d1521d950d9bc5697868830cb04ff2f?s=48 yimajo
0
110
Eb44761e0fb3a5ec8e23ec28048dd7a5?s=48 stoitsev
1
120
827dbd19908541482bac51ace8b86426?s=48 anchorcable
1
130
11ebd3c1bb98057b1e458518fc9ffe14?s=48 mune92283498
1
390

Featured

See All Featured
0bce06bd06ee7a2c4f5500f25dcf7f18?s=48 paulrobertlloyd
71
3.5k
E14f55d3f939977cecbf51b64ff6f861?s=48 keithpitt
401
20k
6804f1775cb4babfcc3851298566fbce?s=48 tanoku
85
8.4k
7559f6cff1f5efc2d210965febd4d71c?s=48 bermonpainter
341
26k
433acaea1012b25d97ae66da9b998dad?s=48 malarkey
192
8.4k
9128d500301ae51524e887bb680f471d?s=48 caitiem20
306
17k
11c84dff30266b907714802088852677?s=48 jasonvnalue
82
8k
761be20b5ebd271008bcee1244fc5b52?s=48 matthewcrist
72
7.4k
61857dafbd287b3027c4dcea9008ad3c?s=48 carmenhchung
22
1.1k
A9179349dd2bdc67f377719f56d85656?s=48 garrettdimon
286
110k
95d9f37115fbb0d13135d0f77132f856?s=48 morganepeng
92
13k
D09fad3e36ae6841f54820be0e907f7a?s=48 rocio
155
11k

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 ୈೋɾୈ࢛໦༵ʙ