新卒一年目が大規模WebアプリのE2Eテストに挑戦した話

2018/09/22 Jser.info 使用スライド

Transcript

1. ৽ଔҰ೥໨͕ େن໛WEBΞϓϦͷ E2Eςετʹ௅ઓͨ͠࿩. "UTVNJOF
   ,POEP
   !IBJESBOU
   
2. "UTVNJOF
   ,POEP 8FC
   "QQMJDBUJPO
   &OHJOFFS
3. E2Eςετ࣮૷·ͰͷܦҢ
4. ීஈͷ୲౰ϓϩμΫτʹ͍ͭͯ w "OHVMBS
   
   4DBMB
   ͷ
   େن໛#UP#γεςϜ w "1*ΤϯυϙΠϯτ਺໿ݸ
   w ૯ߦ਺໿ ߦ
   ϥΠϒϥϦܥ͸আ֎
   w ݱࡏ΋ઈࢍόϦόϦ૿Ճத
   ࠓ೔͸ɺ͜ͷγεςϜʹ͓͚Δ&&ςετ࣮૷ͷ͓࿩ɻ
5. ͳͥE2Eςετʁ
6. ᶃ
   ೖ͔ࣾͯ͠Βো֐Λى͜͠·͔ͬͨ͘Βɻ ͨͬͨϲ݄Ͱ
   ճ΋
   Ҿ͖ى͜͢
   தʹ͸݁ߏσΧΠো֐΋ʜ
7. ᶄ
   όοΫ͸ςετͷඞཁੑ͕ബ͔͔ͬͨΒ w ܕ҆શͳ4DBMBͷޭࡑ w େ఍ͷόάͷݪҼ͸ίϯύΠϧͰൃݟͰ͖Δ
   w །Ұͷෆ҆͸+BWBͰॻ͍ͨίʔυɺϥΠϒϥϦ w ΫϦςΟΧϧͳ෦෼͸طʹςετ࡞੒ࡁ w ෳࡶͳܭࢉɾॲཧΛ൐͏෦෼͸طʹϢχοτςετ͕
 ॻ͔Ε͍ͯΔঢ়گͩͬͨ
8. ᶅ
   ϑϩϯτʹ඼࣭୲อͷ࢓૊Έ͕ແ͔͔ͬͨΒ w ը໘਺
   ໿ݸ
   w ͜ͷ֤ը໘͕ͦΕͧΕ໿dݸͷίϯϙʔωϯτΛ๊͑Δ
   w ๲େͳ਺ͷςετέʔεΛྻه͠खಈͰ֬ೝ w શͯ໨ࢹɾखಈͰͷ֬ೝ
9. ϑϩϯτͷςετɺॻ͜͏ʂ ʢ ॻ͍ͨ͜ͱແ͍͚Ͳ ʣ
10. ࣮૷ͷख๏
11. ςετ༻ϥΠϒϥϦબఆ × Puppeteer jest w $ISPNFݶఆͳ͕Βߴػೳͳϒϥ΢βૢ࡞
    w ςετέʔε͕γϯϓϧʹॻ͚ɺυΩϡϝϯτ͕ݟ΍͔͔ͬͨ͢Β
    w ޙޫ
12. ςετΛॻ͖࢝Ίͨ৔ॴ ϩάΠϯը໘͔Βॻ͖࢝ΊΔ͜ͱʹ w ઈରʹࣦഊͯ͠͸͍͚ͳ͍
    w ຆͲมߋ͕ൃੜ͠ͳ͍
    w ࠷΋ػೳ਺͕গͳ͘ɺϢʔβʔετʔϦʔ͕Ұ͚ͭͩͳͷͰ
 ςετ͕ൺֱతॻ͖΍͍͢
    ଟ෼
    
13. ςετΛॻ͍ͯΈͯɾɾɾ ྫ
    ϩάΠϯը໘
    w ʰϢʔβʔೝূʱˠʰࢪઃબ୒ʱˠʰ৬һબ୒ʱˠʰύείʔυೖྗʱ
 ·Ͱ͕ҰͭͷϢʔβʔετʔϦʔ
    w ૯ߦ਺
    ߦ
    w ͨͩ͠ɺςετέʔε͸͚̎ͭͩ
 ະϩάΠϯ࣌ͷϦμΠϨΫτॲཧɺϩάΠϯॲཧ
    
14. ॻ͍ͯΈͯͲ͏͔ͩͬͨʁ
15. ࠷ॳ͸ͭΒΈ͕ଟ͔ͬͨɻɻ
16. ࠷ॳʹײͨͭ͡ΒΈͷڞ༗
17. ᶃ
    ࣮ߦ࣌ͷ؀ڥͰςετ݁Ռ͕มΘΔ ಉ͡ίʔυͳͷʹɺ࣮ߦ͢Δͨͼʹ੒ޭ͢Δ͔Ͳ͏͔͕มΘΔ ׼ ͦͷޙ͙͢ʹ࣮ߦ͢Δͱɺ
18. ᶃ
    ࣮ߦ࣌ͷ؀ڥͰςετ݁Ռ͕มΘΔ w ωοτϫʔΫͷ࣭Ͱςετͷ੒ޭ཰͕มԽ ଟ෼ w ՈͷωοτͰ͸ेதീ۝མͪΔɻ
    w ༗ઢ͔ແઢ͔Ͱςετͷ੒ޭ཰͕มΘΔɻ w ฒྻ࣮ߦͷ෭࡞༻ʁ
    ਖ਼௚ɺෆ໌ w ϘλϯͷΫϦοΫ࣌ʹɺΫϦοΫ͕લޙ͢Δ͜ͱ͕͋Δ
    w ύεϫʔυͷೖྗͰɺೖྗ஋͕લޙ͢Δ͜ͱ͕كʹൃੜ
19. w ςϯϓϨʔτͷमਖ਼Ͱςετ͕ಈ͔ͳ͘ͳΔ w )5.-ߏ଄
    $44Ϋϥεͷमਖ਼͸ηϨΫλΛ؆୯ʹഁյ͢Δ
    ᶄ
    ςετ͕յΕ΍͍͢
20. ྫ
    (&5ͷςετɺͲ͏͢Δʁ
    w (&5ͯ͘͠ΔσʔλΛ༧Ί࡞͓ͬͯ͘ʁ
    w ࡟আ͞Εͳ͍อূ͸ʁ
    w ॻ͖׵͑ΒΕͳ͍อূ͸ʁ
    
    UFTUEPVCMFͷΑ͏ͳϞοΫϥΠϒϥϦ΋࢖͑ͳ͍ɻ ౰વ ᶅ
    ςετ༻σʔλ͕ਏ͍
21. ݁ߏਏ͍…ʁ
22. Ͱ΋ɺπʔϧͷ࢖͍ํ͕Θ͔Ε͹
 ·ͩਏ͘ͳ͍ʂʢଟ෼ʁʣ
23. ͭΒΈ΁ͷରॲ
24. ᶃ
    ࣮ߦ࣌ͷ؀ڥͰςετ݁Ռ͕มΘΔ w 1VQQFUFFSͰޮՌతͩͬͨ͜ͱ
    w ϘλϯΫϦοΫલޙʹEFMBZΛ伵·ͤΔ w ϦΫΤετॲཧ΍ϖʔδભҠͷॲཧͷࡍ͸
 XBJU6OUJMʹzOFUXPSLJEMFz͔zOFUXPSLJEMFzΛࢦఆ͢Δ
25. ᶄ
    ςετ͕ڰ͍΍͍͢ ˠ
    ηϨΫλܥ͸ҰͭͷϑΝΠϧʹవΊͯҰݩ؅ཧ ࢀߟ
    2JJUB
    
    &&ςετͷಋೖ͔ΒֶΜͩ͜ͱ
 IUUQTRJJUBDPNNUNJUFNTFEEGE
26. ΋͔ͯ͠͠ɺͭΒ͘ͳ͍ʁʁ
27. ࠷ޙʹ
    ݸਓతͳϑϩϯτςετ΁ͷॴײ w &&͸΍͸Γ࣮૷͢Δίετ͕ߴ͍ͱࢥͬͨɻ
    w ࠷ॳʹίπΛ௫Ή·Ͱ͕ଟগਏ͍
    w όοΫͷมߋ͚ͩͰͳ͘ɺϑϩϯτͷมߋ΋ςετΛյ͢ɻ
 ཁ͢Δʹϝϯςφϯείετ͕ߴ͍ɻ
    w ࠷ॳ͸ଞͷςετΛݕ౼ͨ͠΄͏͕ྑ͍͔΋ʁ
    w Ϣχοτςετɺεφοϓγϣοτςετɺ"1*ͷΈςετ
    FUD
    w ໪࿦ɺςετର৅͕ҧ͏ͨΊҰ֓ʹ͸ݴ͑ͳ͍͕ɻɻ
28. ͝ਗ਼ௌɺຊ౰ʹ
 ͋Γ͕ͱ͏͍͟͝·ͨ͠ʂ
29. ࢀߟɾग़యͳͲ GoogleChrome/puppeteer
 https://github.com/GoogleChrome/puppeteer facebook/jest
 https://github.com/facebook/jest 2JJUB
    
    &&ςετͷಋೖ͔ΒֶΜͩ͜ͱ
    IUUQTRJJUBDPNNUNJUFNTFEEGE
    &OEUP&OE
    UFTUJOH
    3FBDU
    BQQT
    XJUI
    1VQQFUFFS
    BOE
    +FTU
    
    -PH3PDLFU
    IUUQTCMPHMPHSPDLFUDPNFOEUPFOEUFTUJOHSFBDUBQQTXJUIQVQQFUFFSBOEKFTU DFGCGE