ng-mocksを活用したユニットテストのご紹介

ng-japan OnAir vol.46 「Angularのテストを語る」で発表したLTセッションの資料です。

Transcript

1. ng-japan OnAir LT Session
2. Angular޷͖ͳWebΞϓϦέʔγϣϯΤϯδχΞͰ͢ ࣗࣾͰӡӦ͢ΔϏϡʔΞʔΞϓϦέʔγϣϯͷςοΫϦʔ υΛ୲౰͍ͯ͠·͢ɻ Senior Software Engineer yusuke-oba1 About Me େ৔
   ༔հ 
 Yusuke OBA
3. 4BGJFͬͯԿʁ
4. Ϋϥ΢υ࿥ըαʔϏε גࣜձࣾςΫϊɾγεςϜɾϦαʔνʮωοτϫʔΫΧϝϥͷΫϥ΢υ࿥ըαʔϏεࢢ৔ௐࠪʯ ωοτϫʔΫΧϝϥͷө૾ΛΫϥ΢υʹ อଘɻ
   ͍ͭͰ΋޷͖ͳ࣌ʹϥΠϒ΍࿥ըө૾Λ ݟΒΕ·͢ɻ
   ૑ۀ೥໨ɻ 
 ಉ༷ͷαʔϏεͱͯ͠͸ɺ 
 ࠃ಺γΣΞ/P✨
5. ng-mocksΛ׆༻ͨ͠Ϣχοτςετͷ͝঺հ
6. ͳͥςετΛॻ͘ͷ͔
7. ͳͥςετΛॻ͘ͷ͔ ɾσάϨΛ๷͙
   ɾϩδοΫͷมߋɺϥΠϒϥϦͷมߋʹڧ͘ͳΔ
   ɾΑΓγϯϓϧͳ࣮૷ʹͳΔ
8. ςετͷ೰Έ
9. ςετͷ೰Έ ɾϞοΫΛ࡞੒͢Δͷ͕खؒ
   ɾ࣮૷͕มΘΔͱϞοΫΛվम͢Δඞཁ͕͋Δ
10. OHNPDLT
    .PDL1SPWJEFS IUUQTOHNPDLTTVEPFVBQJ.PDL1SPWJEFS ϞοΫΛಈతʹ࡞੒͢Δ
11. ࣮૷ྫͷ͝঺հ
12. ؆୯ͳαϯϓϧͰ͝঺հ ςΩετϘοΫε ߋ৽Ϙλϯ
13. ؔ࿈ਤ Component Component Store Service 6*Λఆٛ ঢ়ଶ؅ཧɾߋ৽ "1*αʔϏε
14. σΟϨΫτϦߏ੒ Service Component Store Component
15. αʔϏεͷ࣮૷
16. αʔϏεͷ࣮૷    
    "1*Ͱ஋Λߋ৽ ⁞ ⁞
    "1*Ͱ஋Λऔಘ
17. ComponentStoreͷ࣮૷ͱςετ
18. $PNQPOFOU4UPSFͷ࣮૷ ⁞ ⁞
    ঢ়ଶͱͯ͠WBMVFΛఆٛ    
    αʔϏε͔Β஋Λऔಘͯ͠WBMVFͷঢ়ଶΛॳظԽ ⁠ ⁠
    WBMVFͷঢ়ଶΛߋ৽ ⁡ ⁡
    αʔϏεͷVQEBUF7BMVFϝιουΛݺͼग़͢
19. $PNQPOFOU4UPSFͷςετ࣮૷ ⁞ ⁞
    OHNPDLTͷ.PDL1SPWJEFSͰαʔϏεΛϞοΫ    
    5FTU#FEJOKFDUͰϞοΫΠϯελϯε͕ฦΔ ⁠ ⁠
    TQZ0OͰϝιουͷॲཧΛ্ॻ͖ ⁡ ⁡
    ঢ়ଶ͕ظ଴஋ʹߋ৽͞Ε͍ͯΔ͔Λςετ ⁢ ⁢
    ετΞͷঢ়ଶΛߋ৽ ⁣ ⁣
    TQZ0OͰϝιουͷॲཧΛ্ॻ͖ ⁤ ⁤
    ظ଴͢ΔϝιουɾҾ਺͕ݺ͹Ε͍ͯΔ͔Λςετ
20. Componentͷ࣮૷ͱςετ
21. HTML Template Component $PNQPOFOUͷ࣮૷ ⁞ ⁞
    $PNQPOFOU
    4UPSFΛQSPWJEFSTʹ௥Ճ    
    $PNQPOFOU
    4UPSFΛ%*Ͱ஫ೖ ⁠ ⁠
    WBMVFม਺ʹετΞͷWBMVF஋Λ୅ೖ
    ˞QVTI
    QJQF͸BTZOD
    QJQFͷΧελϚΠζ ⁡ ⁡
    ςΩετϘοΫεʹWBMVFΛόΠϯσΟϯά
    ˞TGUFYUCPY͸ಠࣗίϯτϩʔϧ ⁢ ⁢
    ϘλϯʹVQEBUFϝιουΛόΠϯσΟϯά
    ˞TGCVUUPO͸ಠࣗίϯτϩʔϧ
22. $PNQPOFOUͷςετ࣮૷ ⁞ ⁞
    .PDL1SPWJEFSͰ$PNQPOFOU
    4UPSFΛϞοΫ
    ɹ
    WBMVFΛ#FIBWJPS4VCKFDUʹஔ͖׵͑    
    WBMVFͷ஋Λߋ৽
    ˞
    .PDL4UPSF7BMVFʹ͍ͭͯ͸ޙड़ ⁠ ⁠
    ςΩετϘοΫεͷ஋Λςετ
    ˞
    GJOE&MFNFOUT#Z/BNFʹ͍ͭͯ͸ޙड़ ⁡ ⁡
    ίϯτϩʔϧͷϔϧύʔΛ࡞੒
    ˞
    ಠࣗίϯτϩʔϧΛςετͰ੍ޚ͢ΔͨΊͷϔϧύʔΫϥε ⁢ ⁢
    6QEBUFϘλϯΛΫϦοΫͯ͠VQEBUFϝιου ͕ݺ͹Ε͍ͯΔ͔Λςετ
23. ศརؔ਺ͷ঺հ #FIBWJPS4VCKFDUͷ஋Λߋ৽͢Δ
    )5.-ཁૉͷOBNFଐੑ͔ΒλʔήοτͷཁૉΛ୳ࡧ͢Δ
    
24. ·ͱΊ ɾϞοΫͷ࡞੒ίετΛ࡟ݮ͢Δ͚ͩͰ͍ͩͿָʹͳΔ 
 ɾཁૉ͸OBNFଐੑΛ෇༩࣮ͯ֬͠ʹऔΕΔΑ͏ʹ͢Δ 
 ɾϔϧύʔΫϥεͰίϯτϩʔϧΛૢ࡞Ͱ͖ΔΑ͏ʹ͢Δͱศར 
 ɾςετ͸ॻ͖ա͗ͳ͍
25. ө૾͔ΒະདྷΛͭ͘Δ