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

フロントエンドにおけるテスト戦略 / Testing Strategies on the Front End

hrkzmaaa
October 12, 2022

フロントエンドにおけるテスト戦略 / Testing Strategies on the Front End

hrkzmaaa

October 12, 2022
Tweet

Other Decks in Programming

Transcript

  1. ϑϩϯτΤϯυʹ͓͚Δςετઓུ
    4&44*0/

    View Slide

  2. 4QFBLFS
    ฏ઒࿨ਅ
    ೥݄ʹϑϩϯτΤϯυΤϯδχΞͱͯ͠
    גࣜձࣾϠϓϦʹೖࣾ
    7VFKT /VYUKTྺ೥
    5ZQF4DSJQUྺ೥
    +FTUͱWVFUFTUVUJMTΛ༻͍ͨϑϩϯτΤϯυςετͷ
    ֦ॆΛϦʔυͯ͠׆ಈ

    View Slide

  3. */%&9





    ϑϩϯτΤϯυνʔϜͷ໾ׂ
    ϑϩϯτΤϯυςετͷ՝୊
    Ұൠతͳςετछྨख๏ʹ͍ͭͯ
    ϠϓϦʹ͓͚ΔϑϩϯτΤϯυςετͷઓུ
    ·ͱΊ

    View Slide

  4. ϠϓϦͰ࠾༻͍ͯ͠Δٕज़ελοΫ
    ϑϨʔϜϫʔΫɿ
    ঢ়ଶ؅ཧɿ7VFY
    όοΫΤϯυͱͷ௨৴ɿ
    طଘͷ7VFϑΝΠϧɿ0QUJPOT"1* +BWB4DSJQU

    ৽نͷ7VFϑΝΠϧɿ0QUJPOT"1* 5ZQF4DSJQU
    PS$PNQPTJUJPO"1*

    View Slide

  5. ϑϩϯτΤϯυνʔϜͷ໾ׂ
    ϠϓϦͷϑϩϯτΤϯυྖҬ͸؅ཧը໘Ͱ͋Δ$.4ΛϝΠϯʹ։ൃΛ͍ͯ͠Δɻ
    $.4ͷ։ൃ͸αʔόʔαΠυΤϯδχΞ΋ߦ͓ͬͯΓɺϑϩϯτΤϯυΤϯδχ
    Ξ͸ΑΓઐ໳ੑΛߴΊͨಇ͖ํʹ࣌ؒΛඅ΍͢͜ͱ͕ग़དྷΔΑ͏ʹͳͬͨɻ
    $.4ʢ؅ཧը໘ʣ αʔόʔ ΞϓϦ
    J04ΤϯδχΞ
    "OESPJEΤϯδχΞ
    αʔόʔαΠυΤϯδχΞ
    ϑϩϯτΤϯυΤϯδχΞ

    View Slide

  6. ϑϩϯτΤϯυνʔϜͷ໾ׂ
    $.4ͷٕज़తෛ࠴ͷղফ΍ϝϯςφϯεΛ࣠ʹ׆ಈ͍ͯ͠Δɻ
    ɾ඼࣭޲্ͷͨΊͷϑϩϯτΤϯυςετͷ੔උ
    ɾ։ൃମݧ޲্ͷͨΊͷϦϑΝΫλϦϯάʢ7VFίϯϙʔωϯτͷ54Խʣ
    ɾϢʔβϏϦςΟ޲্Λ໨తͱͨ͠σβΠϯγεςϜͷߏங
    ɾͦͷଞւ֎ల։Λݟਾ͑ͨଟݴޠରԠͳͲ
    ৄ͘͠͸ϠϓϦςοΫϒϩάʹաڈهࣄ͋Γ·͢

    View Slide

  7. ϑϩϯτΤϯυςετͷ՝୊
    ɾͲ͜·ͰςετίʔυΛॻ͚͹ྑ͍ͷ͔ෆ໌ྎ
    ɾ͋Δఔ౓͸&4-JOUͱ5ZQF4DSJQUͷ੩తղੳͰΧόʔͰ͖Δ͕ɺςετίʔυͰ
    ΧόʔͰ͖Δ෦෼Λ૿΍͍ͨ͠
    ɾखͰಈ͔ͯ֬͠ೝ͢ΔΑΓςετͰ֬ೝͰ͖ͨํ͕ίετ͕͔͔Βͳ͍ͷͰ͸
    ͱ͍͏ظ଴

    View Slide

  8. Ұൠతͳςετछྨख๏ʹ͍ͭͯ
    ςετछྨ
    ੩తղੳ 5ZQF4DSJQUͳͲͷ੩తܕ෇͚ݴޠ΍&4-JOUΛ༻͍ͨ΋ͷ
    Ϣχοτςετ
    Ϋϥε΍ϝιουΛ୯ମͰςετ͢Δ
    ϑϩϯτΤϯυͰ͸+FTU΍NPDIBͳͲͷπʔϧ͕༗໊
    ΠϯςάϨʔγϣϯςετ
    ෳ਺ͷΫϥε΍ϝιουΛςετ͢Δ
    "1*͸ϞοΫ͞Εͨ΋ͷΛ࢖͏
    6* &&
    ςετ
    γεςϜશମΛ௨ͯ͠ςετ͢Δ
    ϑϩϯτ͚ͩͰͳ࣮͘ࡍʹ"1*ϦΫΤετ͔Βը໘ඳը·Ͱߦ͏

    View Slide

  9. Ұൠతͳςετछྨख๏ʹ͍ͭͯ
    ςετϐϥϛου
    65
    *5
    45
    65ɿϢχοτςετ
    *5ɿΠϯςάϨʔγϣϯςετ
    45ɿγεςϜςετ

    View Slide

  10. Ұൠతͳςετछྨख๏ʹ͍ͭͯ
    """ύλʔϯ
    "SSBOHFʢ४උʣ
    "DUʢ࣮ߦʣ
    "TTFSUʢݕূʣ
    ͷॱ൪ͰςετίʔυΛॻ͘͜ͱͰςετίʔυͷՄಡੑ্͕͕Δ

    View Slide

  11. ϠϓϦʹ͓͚ΔϑϩϯτΤϯυςετͷઓུ
    ϠϓϦͷ$.4ʹ͓͚Δݱঢ়
    ɹ੩తղੳɿ˓
    ɹϢχοτςετɿ˚
    ɹΠϯςάϨʔγϣϯςετɿº
    ɹ6*ʢ&&ʣςετɿ˚ʢ2"ͰखಈͰؤு͍ͬͯΔͷ͕ϝΠϯʣ

    View Slide

  12. ϠϓϦʹ͓͚ΔϑϩϯτΤϯυςετͷઓུ
    ʢͦ΋ͦ΋ʣϢχοτςετ͕গͳ͍
    ๲େͳϏδωεϩδοΫ͕4UPSFʹ٧·͍ͬͯΔ
    ˣ
    ɾ4UPSF഑ԼͷϑΝΠϧʹରͯ͠Ϣχοτςετ
    ɾ7VFίϯϙʔωϯτʹରͯ͠εφοϓγϣοτςετ
    ɾ֤ϑΝΠϧͷ4UBUFNFOUΧόϨοδ͕Ҏ্ͱͳΔ͜ͱΛΰʔϧ

    View Slide

  13. ϠϓϦʹ͓͚ΔϑϩϯτΤϯυςετͷઓུ
    7VFYNVUBUJPOTͷ৔߹
    TUPSFJOEFYUT
    [email protected]@[email protected]@JOEFYTQFDUT

    View Slide

  14. ϠϓϦʹ͓͚ΔϑϩϯτΤϯυςετͷઓུ
    7VFYBDUJPOTͷ৔߹
    [email protected]@[email protected]@JOEFYTQFDUT
    TUPSFJOEFYUT

    View Slide

  15. ϠϓϦʹ͓͚ΔϑϩϯτΤϯυςετͷઓུ
    7VFYBDUJPOTͷ৔߹
    [email protected]@[email protected]@JOEFYTQFDUT
    TUPSFJOEFYUT

    View Slide

  16. ϠϓϦʹ͓͚ΔϑϩϯτΤϯυςετͷઓུ
    7VFίϯϙʔωϯτͷ৔߹
    DPNQPOFOUT#VUUPOWVF
    [email protected]@[email protected]@CVUUPOTQFDUT

    View Slide

  17. ϠϓϦʹ͓͚ΔϑϩϯτΤϯυςετͷઓུ
    7VFίϯϙʔωϯτͷ৔߹
    DPNQPOFOUT#VUUPOWVF
    [email protected]@[email protected]@@@[email protected]@CVUUPOTQFDUTTOBQ

    View Slide

  18. ϠϓϦʹ͓͚ΔϑϩϯτΤϯυςετͷઓུ
    7VFίϯϙʔωϯτͷ৔߹
    DPNQPOFOUT#VUUPOWVF

    View Slide

  19. ·ͱΊ
    ɾҰൠతͳςετͷख๏ͱϠϓϦͷςετઓུʹ͍ͭͯ࿩ͨ͠
    ɾςετϐϥϛουʹ͍ͭͯ͸ͲͷϓϩμΫτʹ΋௨͡Δ࿩ͩͱࢥ͏
    ɾࠓޙ΋ΑΓྑ͍ϓϩμΫτ࡞ΓͷͨΊʹςετઓུΛվળ͍͖͍ͯͨ͠

    View Slide

  20. ͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠

    View Slide