フロントエンドの単体テスト

Transcript

1. フロントエンドの単体テスト
2. 2 ࣗݾ঺հ Introduction ࡾ໦ ඩྤ (Takeru Miki) גࣜձࣾϋοΫπ ςοΫϦʔυ !UBLF@DBOUJL ɾ೥ྸ: 24ࡀ (2000೥ੜ) ɾॴଐ: גࣜձࣾϋοΫπ (৽ଔ2೥໨) ɾۀ຿: όοΫΤϯυ(PHPer)ɺΠϯϑϥ(AWS) ɾझຯ: ࠷ۙ΢ΫϨϨͱΪλʔʹϋϚͬͯΔ🎸
3. フロントエンドの単体テスト ͸͡Ίʹ
   ୯ମςετͱ͸
   ͳͥ୯ମςετΛߦ͏ͷ͔
   ϑϩϯτΤϯυͷ୯ମςετ
   ͍͞͝ʹ DPOUFOUT ͔͜͜Βޙ10෼͔͔Γ·͢()
4. フロントエンドの単体テスト DPOUFOUT ͸͡Ίʹ
   ୯ମςετͱ͸
   ͳͥ୯ମςετΛߦ͏ͷ͔
   ϑϩϯτΤϯυͷ୯ମςετ
   ͍͞͝ʹ
5.  
   ͸͡Ίʹ ࠓճ࿩͢͜ͱ ɾ୯ମςετͬͯͳΜͳͷʁ
   ɾͦ΋ͦ΋ͳΜͰ୯ମςετΛߦ͏ͷʁ
   ɾϑϩϯτΤϯυʹ͓͚Δ୯ମςετͬͯʁ
6.  
   ͸͡Ίʹ ͜Μͳਓʹ޲͚ͯ ɾςετͬͯԿ͕͍͍ͷʁ
   ɾϑϩϯτΤϯυͷςετͬͯԿॻ͘ͷʁ
   ɾςετॻ͍ͯΔ͚Ͳ͜ΕͰ͍͍ͷʁ
7.  
   ͸͡Ίʹ ओͳࢀߟจݙ
8. フロントエンドの単体テスト DPOUFOUT ͸͡Ίʹ
   ୯ମςετͱ͸
   ͳͥ୯ମςετΛߦ͏ͷ͔
   ϑϩϯτΤϯυͷ୯ମςετ
   ͍͞͝ʹ ͜͜Ͱ2෼੾ͬͯΔͱௐࢠ͍͍Αʂ
9.  
   ୯ମςετͱ͸ ͓͓·͔ͳςετͷछྨ ɾ୯ମςετ 6OJUςετ
   ɾ౷߹ςετ *OUFHSBUJPOςετ
   ɾ&&ςετ
10.  
    ୯ମςετͱ͸ ͓͓·͔ͳςετͷछྨ ɾ୯ମςετ 6OJUςετ
    ɹɾιϑτ΢ΣΞͷݸʑͷখ͞ͳ෦෼Λςετ͢Δ͜ͱ
    ɹɾఆΊΒΕͨೖྗ͔Βظ଴͞Εͨग़ྗΛಘΒΕΔ͔Λ֬ೝ
    ɾ౷߹ςετ *OUFHSBUJPOςετ
    ɹɾෳ਺ͷϞδϡʔϧΛ૊Έ߹Θͤͨςετ
    ɾ&&ςετ
    ɹɾϞοΫΛߦΘͣɺόοΫΤϯυɾ%#Λ߹Θͤͨςετ
11.  
    ୯ମςετͱ͸ ͓͓·͔ͳςετͷछྨ ɾ୯ମςετ 6OJUςετ
    ɹɾιϑτ΢ΣΞͷݸʑͷখ͞ͳ෦෼Λςετ͢Δ͜ͱ
    ɹɾఆΊΒΕͨೖྗ͔Βظ଴͞Εͨग़ྗΛಘΒΕΔ͔Λ֬ೝ
    ɾ౷߹ςετ *OUFHSBUJPOςετ
    ɹɾෳ਺ͷϞδϡʔϧΛ૊Έ߹Θͤͨςετ
    ɾ&&ςετ
    ɹɾϞοΫΛߦΘͣɺόοΫΤϯυɾ%#Λ߹Θͤͨςετ
12.  
    ୯ମςετͱ͸ ֤ςετͷಛ௃ ɾ୯ମςετ
    ɾ౷߹ςετ
    ɾ&&ςετ ଎౓ ίετ ৴པ౓ ଎ খ ߴ
13.  
    ୯ମςετͱ͸ ςετϐϥϛου Լ૚ͷςετΛଟ͘ॻ͘͜ͱͰɺ
    ΑΓ҆ఆͨ͠අ༻ରޮՌͷߴ͍ςετ
14.  
    ୯ମςετͱ͸ ·ͱΊ ୯ମςετͱ͸
    ɾιϑτ΢ΣΞͷݸʑͷখ͞ͳ෦෼Λςετ͢Δ͜ͱ
    ɾఆΊΒΕͨೖྗ͔Βظ଴͞Εͨग़ྗΛಘΒΕΔ͔Λ֬ೝ
    ɾίετ௿͍͔Β࢝Ί΍͍͢
15. フロントエンドの単体テスト DPOUFOUT ͸͡Ίʹ
    ୯ମςετͱ͸
    ͳͥ୯ମςετΛߦ͏ͷ͔
    ϑϩϯτΤϯυͷ୯ମςετ
    ͍͞͝ʹ ͔͜͜Β7෼͔͔Δ!
16.  
    ͳͥ୯ମςετΛߦ͏ͷ͔ ͳΜͰ୯ମςετ͢Δͷʁ ɾΑΓ༏ΕͨઃܭʹͳΔ͔Β
    ɾόά͕গͳ͘ͳΔ͔Β
    ɾςετ͕࢓༷ॻ υΩϡϝϯτ ʹͳΔ͔Β
17.  ͳΜͰ୯ମςετ͢Δͷʁ ɾΑΓ༏ΕͨઃܭʹͳΔ͔Β
    ɾόά͕গͳ͘ͳΔ͔Β
    ɾςετ͕࢓༷ॻ υΩϡϝϯτ ʹͳΔ͔Β ୯ମςετΛߦͬͨ݁Ռʹա͗ͳ͍ 
    ͳͥ୯ମςετΛߦ͏ͷ͔
18.  ͳΜͰ୯ମςετ͢Δͷʁ ιϑτ΢ΣΞ։ൃϓϩδΣΫτͷ
    ੒௕Λ࣋ଓՄೳ 
    ͳͥ୯ମςετΛߦ͏ͷ͔
19.  ϓϩδΣΫτͷ੒௕ අ΍࣌ؒ͢ ςετͳ͠ ςετ͋Γ 
    ͳͥ୯ମςετΛߦ͏ͷ͔
20.  ϓϩδΣΫτͷ੒௕ අ΍࣌ؒ͢ ςετͳ͠ ςετ͋Γ ࣭ͷߴ͍ςετΛ͢Δඞཁ͕͋Δ 
    ͳͥ୯ମςετΛߦ͏ͷ͔
21.  ࣭ͷߴ͍ςετͱ͸ ࠷খݶͷอकίετͰɺ
    ࠷େݶͷՁ஋ΛੜΈग़͢͜ͱ͕Ͱ͖Δςετ 
    ͳͥ୯ମςετΛߦ͏ͷ͔
22.  ࣭ͷߴ͍ςετͱ͸ 
    ͳͥ୯ମςετΛߦ͏ͷ͔ ɾॻ͖ա͗ͯ΋μϝ
    ɾҙຯͷແ͍ςετʹͳͬͯͳ͍͔
23.  ࣭ͷߴ͍ςετͱ͸ ɾυϝΠϯϩδοΫͳͲͷΑΓॏཁͳ෦෼
    ɾෳࡶͳϩδοΫΛ࣋ͭ෦෼ 
    ͳͥ୯ମςετΛߦ͏ͷ͔
24.  ·ͱΊ 
    ͳͥ୯ମςετΛߦ͏ͷ͔ ୯ମςετ͸
    ɾιϑτ΢ΣΞ։ൃϓϩδΣΫτͷ੒௕Λ࣋ଓՄೳʹ͢ΔͨΊ
    ɾ࣭ͷߴ͍ςετΛ͢Δඞཁ͕͋Δ
    ɾ࠷খݶͷอकίετͰ࠷େݶͷՁ஋ΛੜΈग़͢
25. フロントエンドの単体テスト DPOUFOUT ͸͡Ίʹ
    ୯ମςετͱ͸
    ͳͥ୯ମςετΛߦ͏ͷ͔
    ϑϩϯτΤϯυͷ୯ମςετ
    ͍͞͝ʹ ࢒Γ4෼Ҏ্ͳ͔ͬͨΒٸ͗Ͱʂ
26.  
    ϑϩϯτΤϯυͷ୯ମςετ ϑϩϯτΤϯυʹ͓͚Δ୯ମςετ 🤔
27.  ϑϩϯτΤϯυͷ୯ମςετൣғ ɾΦϒδΣΫτ΍ؔ਺
    ɾΧελϜ)PPL
    ɾ୯ମίϯϙʔωϯτ 
    ϑϩϯτΤϯυͷ୯ମςετ
28.  ϑϩϯτΤϯυʹ͓͚Δ࣭ͷߴ͍୯ମςετ 🤔 
    ϑϩϯτΤϯυͷ୯ମςετ
29.  ςετϐϥϛου Լ૚ͷςετΛଟ͘ॻ͘͜ͱͰɺ
    ΑΓ҆ఆͨ͠අ༻ରޮՌͷߴ͍ςετ 
    ϑϩϯτΤϯυͷ୯ମςετ
30.  ςεςΟϯάτϩϑΟʔ ίʔυͷΧόϨοδͰ͸ͳ͘ɺ
    ϢʔεέʔεͷΧόϨοδΛॏࢹ 
    ϑϩϯτΤϯυͷ୯ମςετ
31.  ɾυϝΠϯϩδοΫͳͲͷΑΓॏཁͳ෦෼
    ɾෳࡶͳϩδοΫΛ࣋ͭ෦෼ ϑϩϯτΤϯυʹ͓͚Δ࣭ͷߴ͍୯ମςετ 
    ϑϩϯτΤϯυͷ୯ମςετ
32.  ɾυϝΠϯϩδοΫͳͲͷΑΓॏཁͳ෦෼
    ɾෳࡶͳϩδοΫΛ࣋ͭ෦෼ ϑϩϯτΤϯυʹ͓͚Δ࣭ͷߴ͍୯ମςετ 
    ϑϩϯτΤϯυͷ୯ମςετ
33.  ɾίʔυͷ෼ذ΍Τοδέʔε͕ଟ͍෦෼
    ɾσʔλΛ੔ܗ͢ΔΞϧΰϦζϜͱ͔
    ɾঢ়ଶ؅ཧͷϩδοΫͱ͔
    ɾ"1*௨৴ͷ݁ՌͰΤϥʔϋϯυϦϯά͢Δ΋ͷͱ͔
    ɾόϦσʔγϣϯͱ͔ ෳࡶͳϩδοΫͬͯԿʁ 
    ϑϩϯτΤϯυͷ୯ମςετ
34.  ɾιʔτʹؔ͢Δςετ
    ɾ഑ྻΛঢॱʹιʔτͰ͖Δ͜ͱ
    ɾۭͷ৔߹͸ͦͷ··ฦ٫Ͱ͖Δ͜ͱ
    ɾιʔτ࣌ʹݩͷ഑ྻΛมߋͰ͖ͳ͍͜ͱ ࣮ࡍͷςετέʔεྫ 
    ϑϩϯτΤϯυͷ୯ମςετ
35.  ɾύεϫʔυͷόϦσʔγϣϯʹؔ͢Δςετ
    ɾڧྗͳύεϫʔυΛ༗ޮ൑ఆͰ͖Δ͜ͱ
    ɾ୹͍ύεϫʔυΛແޮ൑ఆͰ͖Δ͜ͱ
    ɾ਺ࣈؚ͕·Ε͍ͯͳ͍ύεϫʔυΛແޮ൑ఆͰ͖Δ͜ͱ ࣮ࡍͷςετέʔεྫ 
    ϑϩϯτΤϯυͷ୯ମςετ
36. フロントエンドの単体テスト DPOUFOUT ͸͡Ίʹ
    ୯ମςετͱ͸
    ͳͥ୯ମςετΛߦ͏ͷ͔
    ϑϩϯτΤϯυͷ୯ମςετ
    ͍͞͝ʹ
37.  
    ͍͞͝ʹ ɾ୯ମςετͬͯͳΜͳͷʁ
    ɾςετͷதͰ΋Ұͭͷ୯ҐΛςετ͢Δখ͍͞ςετ
    ɾͦ΋ͦ΋ͳΜͰ୯ମςετΛߦ͏ͷʁ
    ɾϓϩδΣΫτͷ੒௕Λ࣋ଓՄೳͳ΋ͷʹ͢ΔͨΊ
    ɾϑϩϯτΤϯυʹ͓͚Δ୯ମςετͬͯʁ
    ɾෳࡶͳϩδοΫΛςετ͢Δͷʹ࠷ద શମͷ·ͱΊ
38.  ͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠ 
    ͍͞͝ʹ