チームで取り組みテスト改善のあゆみ

1. νʔϜͰऔΓ૊Ήςετվળͷ ͋ΏΈ 2021.09.08 Wed. Midas Tech Study #2 @negiandlee k SmartHR ϓϩμΫτΤϯδχΞ
2. ࠜ؛ ༐໻ SmartHR ϓϩμΫτΤϯδχΞ ʗSmartHR ຊମʗओʹWebϑϩϯτΤϯυʢReact + TypeScriptʣ • 2020೥9݄SmartHRೖࣾ • SmartHRຊମͰݱࡏ͸ओʹ༧໿ػೳͷ։ൃΛߦͳ͍ͬͯΔ • ւ͕޷͖ͳͷͰւ͕͍ۙͱ͜ΖʹҾͬӽͨ͠ @negiandleek
4. લఏ
5. - νʔϜߏ੒ - ΤϯδχΞ5ਓ - ϑϩϯτΤϯυ1ਓ - όοΫΤϯυ4ਓ - QA1ਓ - ։ൃ͸LeSS(εΫϥϜͷେ͖͍൛)ͷϑϩʔʹԊͬͯΔ - εϓϦϯτظؒ͸1िؒ ։ൃମ੎ 🏢
6. Ұिؒͷ͍͍ͩͨͷྲྀΕ 📅 ਫ ໦ ۚ ݄ Ր ޕલ ੒Ռ෺ͷ
   ϨϏϡʔ ࣮૷
   ࣮૷2" 2" ޕޙ ܭը 2"
7. - SmartHRຊମʹϑϩϯτΤϯυͷνʔϜ͕ൃ଍͞Εͨͷ͕໿Ұ೥લ - όοΫΤϯυଆʹϏδωεϩδοΫ͕ଟ͍ - E2E(RSpec ͱCapybaraͰߏ੒͞Ε͍ͯΔςετ)͸ॻ͔Ε͍ͯΔ - όοΫΤϯυଆͷࣗಈςετ(Controller, Model, Request౳)͸݁ ߏॻ͔ΕͯΔ ݱঢ়ͷςετ *ϓϥεΞϓϦͰ͸ϑϩϯτΤϯυͷνʔϜ͸΋ͬͱૣ͔͘Β݁੒͞Ε͍ͯ·͢
8. - ෼ղ͢Δͱ…? ? - ςετ؍఺(ςετέʔε)ͷચ͍ग़͠ - ςετ࣮ࢪ QAͷλεΫΛ੔ཧ͢Δ
9. ՝୊
10. ՝୊ ࣮૷ޙͷQAෛՙ͕ߴ͘ͳΓ͕ͪ😭
11. - QAͷϦιʔε໰୊ - ։ൃऀ:QA=5: 1 - ݄ͱՐʹQAλεΫ͕ଟ͘ൃੜ͢Δ - ςετઓུ͕ͳ͔ͬͨ - ࣗಈςετͱϚχϡΞϧςετͰॏෳͯ͠ΔՕॴ͕͋Δ - ࣗಈςετ͕଍Γͯͳ͍͜ͱ΋ଟʑ ՝୊ͷৄࡉ *νʔϜᴈ໌ظͩͬͨͷͰ՝୊͸΄͔ʹ΋΋Ζ΋Ζ͋ͬͨ…
12. - QAͷϦιʔε໰୊ - QA͕ࣗಈςετͰԿΛ୲อ͍ͯ͠Δͷ͔஌Βͣʹ͍Δ - QAͷλεΫ͸1िؒͷ͏ͪɺޙ൒ʹ͞ΒʹภΔ - ςετઓུ͕ͳ͔ͬͨ ՝୊ͷ෼ੳ
13. - QAͷϦιʔε໰୊ - QA͕ࣗಈςετͰԿΛ୲อ͍ͯ͠Δͷ͔஌Βͣʹ͍Δͨ Ίɺςετ࣮ࢪͷ࣌ؒͷख͕ؒ૿͍͑ͯΔ - ͦͷͨΊɺQAͷλεΫ͸1िؒͷ͏ͪɺޙ൒ʹ͞ΒʹภΔ - ςετઓུ͕ͳ͔ͬͨ ՝୊ͷ෼ੳ QAͱΤϯδχΞͰ ςετ؍఺ʹ͍ͭͯڞ༗ͨ͠ΒղܾͰ͖ͦ͏🤔
14. ςετ؍఺ͷચ͍ग़͠ΛQAͱΤϯδχΞͰߦ͏ ←ཁૉͱঢ়ଶΛચ͍ग़ͯ͠ɺ ←ͦΕΒΛ૊Έ߹Θͤͯɺςετ؍఺Λग़͢
15. ࣗಈςετ΁ͷৼΓ෼͚ΛQAͱΤϯδχΞͰߦ͏ ←ࣗಈςετͰ୲อ͢Δ΋ͷͱɺ ←ϚχϡΞϧςετͰߦ͏΋ͷΛ ɹ͸͖ͬΓͤ͞Δ
16. ݁Ռ🎉 - ϚχϡΞϧςετͷςετ࣮ࢪΛ࠷খݶͰߦ͑Δ - ςετ؍఺ग़͠ΛQAͱΤϯδχΞͰߦ͍ɺࣗಈςετʹৼΓ෼͚ͯ ͍ΔͷͰ৴པੑ͕ΑΓߴ͘ͳΔ - ΤϯδχΞ͚ͩͰߦ͏ΑΓ΋ɺ҆৺ײ͕͋Δ *QAࢹ఺ͷ͓࿩͸ҎԼͷςοΫϒϩάʹৄ͘͠ॻ͍ͯ͋Γ·͢ https://tech.smarthr.jp/entry/2021/08/27/171310
17. - QAͷϦιʔε໰୊ - ςετઓུ͕ͳ͔ͬͨ - ΤϯδχΞͱQAͰڞ௨ͷೝࣝΛ࣋ͯͯͳ͍ - ϑϩϯτΤϯυͷUIςετ΋ԿΛ΍Δͷ͔ܾ·ͬͯͳ͔ͬͨ ՝୊ͷ෼ੳ
18. ςετઓུ͕ඞཁͳͷ͔νʔϜͰ࿩͠߹ͬͨ - ϚχϡΞϧςετͱࣗಈςετͷॏෳΛආ͚Δ - ςετ࣮ࢪͷίετΛݮΒͤΔ - ࣗಈςετΛ৴པੑΛΑΓߴ͍΋ͷʹ͍ͯ͘͠ - ςετํ਑͕໌֬Ͱͳ͍ͱɺςετ؍఺(ςετέʔε)͕ϒϨΔ
19. ςετઓུ͕ඞཁͳͷ͔νʔϜͰ࿩͠߹ͬͨ - ϚχϡΞϧςετͱࣗಈςετͷॏෳΛආ͚Δ - ςετ࣮ࢪͷίετΛݮΒͤΔ - ࣗಈςετΛ৴པੑΛΑΓߴ͍΋ͷʹ͍ͯ͘͠ - ςετํ਑͕໌֬Ͱͳ͍ͱɺςετ؍఺(ςετέʔε)͕ϒϨΔ
20. ςετઓུ͕ඞཁͳͷ͔νʔϜͰ࿩͠߹ͬͨ - ϚχϡΞϧςετͱࣗಈςετͷॏෳΛආ͚Δ - ςετ࣮ࢪͷίετΛݮΒͤΔ - ࣗಈςετΛ৴པੑΛΑΓߴ͍΋ͷʹ͍ͯ͘͠ - ςετํ਑͕໌֬Ͱͳ͍ͱɺςετ؍఺(ςετέʔε)͕ϒϨΔ
21. ςετઓུ͕ඞཁͳͷ͔νʔϜͰ࿩͠߹ͬͨ - ϚχϡΞϧςετͱࣗಈςετͷॏෳΛආ͚Δ - ςετ࣮ࢪͷίετΛݮΒͤΔ - ࣗಈςετΛ৴པੑΛΑΓߴ͍΋ͷʹ͍ͯ͘͠ - ςετํ਑͕໌֬Ͱͳ͍ͱɺςετ؍఺(ςετέʔε)͕ϒϨΔ ೦ͷҝ ཧ૝ͱݱঢ়ͷΪϟοϓʹؾͮ͘😭
22. ݱঢ়ͷςετϐϥϛου - ϑϩϯτΤϯυͷUIςετ͸ϚχϡΞϧςετ ͱE2Eςετ - ςετ؍఺ΛࣗಈςετʹৼΓ෼͚ΔΑ͏ʹͳ Γࣗಈςετͷίετ͕૿͑ͨ Ҿ༻:alisterbscott.com
23. ݱঢ়ͷςετϐϥϛου - ϑϩϯτΤϯυͷUIςετ͸ϚχϡΞϧςετ ͱE2Eςετ - ςετ؍఺ΛࣗಈςετʹৼΓ෼͚ΔΑ͏ʹͳ Γࣗಈςετͷίετ͕૿͑ͨ Ҿ༻:alisterbscott.com
24. ݱঢ়ͷςετϐϥϛου - ϑϩϯτΤϯυͷUIςετ͸ϚχϡΞϧςετ ͱE2Eςετ - ςετ؍఺ΛࣗಈςετʹৼΓ෼͚ΔΑ͏ʹͳ Γࣗಈςετͷίετ͕૿͑ͨ Ҿ༻:alisterbscott.com
25. ཧ૝ͷςετϐϥϛουʹ͚ۙͮΔ - E2EͷίετΛԼ͛ΔͨΊʹɺJest Integration Test Λಋೖͨ͠ - ϖʔδΛؙ͝ͱϨϯμϦϯά͢Δςετ - E2EͱॏͳΔ෦෼΋͋ΔͷͰɺϧʔϧΛ໌֬ʹ ͠ɺ࢖͍΍͍͢؀ڥʹͨ͠ Ҿ༻:alisterbscott.com Ҿ༻:testingjavascript.com
26. Jest Integration Testͷ؀ڥ੔උ - JestͱReact Testing Librar y - MSW(Mock Service Worker)ͷಋೖ - Browser/Node྆ํͰ࢖͑Δ - APIͷ࣮૷଴ͪ΋ͳ͘ͳΔͳͲͷϝϦοτ΋͋Δ - એݴతʹఆٛͰ͖ΔͷͰ࢖͍΍͍͢
27. ϑϩϯτΤϯυςετ +FTU
    *OUFHSBUJPO
    5FTU ͷ؀ڥ੔උ
    ←Node؀ڥ ↓Browser؀ڥ
28. ϑϩϯτΤϯυςετ +FTU
    *OUFHSBUJPO
    5FTU ͷ؀ڥ੔උ
    ↑Mock αϯϓϧˠ
29. Jest Integration TestͱE2EͱϚχϡΞϧςετͷͲΕͰ୲ อ͢Δ͔ϧʔϧΛ໌֬ʹ͢Δ - Jest Integration Test Ͱ΍ͬͨํ͕͍͍ςετ(RECOMMEND ) - Jest Integration Test Ͱ͋Δͱخ͍͠ςετ(OPTIONAL ) - E2 E - ϚχϡΞϧςετ
30. +FTU
    *OUFHSBUJPO
    5FTUͱ&&ͱϚχϡΞϧςετͷͲΕͰ୲อ͢Δ͔ϧʔϧΛ໌֬ʹ͢Δ - Jest Integration Test Ͱ΍ͬͨํ͕͍͍ςετ(RECOMMEND ) - First Fetch(ϖʔδͷॳճදࣔ)Ͱ׬݁͢Δ΋ͷ͸Jest Integration Tes t - ύλʔϯ͕ෳ਺͋Δ৔߹͸ɺϋοϐʔύεΛE2EͰߦ͍ɺ࢒ΓͷόϦΤʔγϣϯ͸Jest Ͱ୲อ͢Δ - Ϣʔβʔૢ࡞͕൐͏͕ɺRequest͕ൃੜ͠ͳ͍΋ͷ͸Jest Integration Tes t - όϦσʔγϣϯ΍ϘλϯͷDisabledଐੑ - Jest Integration Test Ͱ͋Δͱخ͍͠ςετ(OPTIONAL) - E2 E - ϚχϡΞϧςετ
31. +FTU
    *OUFHSBUJPO
    5FTUͱ&&ͱϚχϡΞϧςετͷͲΕͰ୲อ͢Δ͔ϧʔϧΛ໌֬ʹ͢Δ - Jest Integration Test Ͱ΍ͬͨํ͕͍͍ςετ(RECOMMEND ) - First Fetch(ϖʔδͷॳճදࣔ)Ͱ׬݁͢Δ΋ͷ͸Jest Integration Tes t - ύλʔϯ͕ෳ਺͋Δ৔߹͸ɺϋοϐʔύεΛE2EͰߦ͍ɺ࢒ΓͷόϦΤʔγϣϯ͸Jest Ͱ୲อ͢Δ - Ϣʔβʔૢ࡞͕൐͏͕ɺRequest͕ൃੜ͠ͳ͍΋ͷ͸Jest Integration Tes t - όϦσʔγϣϯ΍ϘλϯͷDisabledଐੑ - Jest Integration Test Ͱ͋Δͱخ͍͠ςετ(OPTIONAL ) - E2 E - ϚχϡΞϧςετ
32. +FTU
    *OUFHSBUJPO
    5FTUͱ&&ͱϚχϡΞϧςετͷͲΕͰ୲อ͢Δ͔ϧʔϧΛ໌֬ʹ͢Δ - Jest Integration Test Ͱ΍ͬͨํ͕͍͍ςετ(RECOMMEND ) - First Fetch(ϖʔδͷॳճදࣔ)Ͱ׬݁͢Δ΋ͷ͸Jest Integration Tes t - ύλʔϯ͕ෳ਺͋Δ৔߹͸ɺϋοϐʔύεΛE2EͰߦ͍ɺ࢒ΓͷόϦΤʔγϣϯ͸Jest Ͱ୲อ͢Δ - Ϣʔβʔૢ࡞͕൐͏͕ɺRequest͕ൃੜ͠ͳ͍΋ͷ͸Jest Integration Tes t - όϦσʔγϣϯ΍ϘλϯͷDisabledଐੑ - Jest Integration Test Ͱ͋Δͱخ͍͠ςετ(OPTIONAL ) - E2 E - ϚχϡΞϧςετ
33. +FTU
    *OUFHSBUJPO
    5FTUͱ&&ͱϚχϡΞϧςετͷͲΕͰ୲อ͢Δ͔ϧʔϧΛ໌֬ʹ͢Δ - Jest Integration Test Ͱ΍ͬͨํ͕͍͍ςετ(RECOMMEND ) - First Fetch(ϖʔδͷॳճදࣔ)Ͱ׬݁͢Δ΋ͷ͸Jest Integration Tes t
34. +FTU
    *OUFHSBUJPO
    5FTUͱ&&ͱϚχϡΞϧςετͷͲΕͰ୲อ͢Δ͔ϧʔϧΛ໌֬ʹ͢Δ - Jest Integration Test Ͱ΍ͬͨํ͕͍͍ςετ(RECOMMEND ) - Ϣʔβʔૢ࡞͕൐͏͕ɺRequest͕ൃੜ͠ͳ͍΋ͷ͸Jest Integration Tes t
35. +FTU
    *OUFHSBUJPO
    5FTUͱ&&ͱϚχϡΞϧςετͷͲΕͰ୲อ͢Δ͔ϧʔϧΛ໌֬ʹ͢Δ - Jest Integration Test Ͱ΍ͬͨํ͕͍͍ςετ(RECOMMEND ) - Jest Integration Test Ͱ͋Δͱخ͍͠ςετ(OPTIONAL ) - 400ܥ - E2EͰग़དྷͳ͍΋ͷ(ΠϨΪϡϥʔ͕ଟ͍ͷͰյΕͳ͍͜ͱͷ֬ೝ ) - APIΛୟ͍ͨ࣌ͷRequest BodyͳͲͷΞαʔγϣϯ - ϦϑΝΫλϦϯά౳͢ΔͷͰ͋Ε͹͋ͬͨํ͕҆৺ - E2 E - ϚχϡΞϧςετ
36. +FTU
    *OUFHSBUJPO
    5FTUͱ&&ͱϚχϡΞϧςετͷͲΕͰ୲อ͢Δ͔ϧʔϧΛ໌֬ʹ͢Δ - Jest Integration Test Ͱ΍ͬͨํ͕͍͍ςετ(RECOMMEND ) - Jest Integration Test Ͱ͋Δͱخ͍͠ςετ(OPTIONAL ) - 400ܥ - E2EͰग़དྷͳ͍΋ͷ(ΠϨΪϡϥʔ͕ଟ͍ͷͰյΕͳ͍͜ͱͷ֬ೝ ) - APIΛୟ͍ͨ࣌ͷRequest BodyͳͲͷΞαʔγϣϯ - ϦϑΝΫλϦϯά౳͢ΔͷͰ͋Ε͹͋ͬͨํ͕҆৺ - E2 E - ϚχϡΞϧςετ
37. +FTU
    *OUFHSBUJPO
    5FTUͱ&&ͱϚχϡΞϧςετͷͲΕͰ୲อ͢Δ͔ϧʔϧΛ໌֬ʹ͢Δ - Jest Integration Test Ͱ΍ͬͨํ͕͍͍ςετ(RECOMMEND ) - Jest Integration Test Ͱ͋Δͱخ͍͠ςετ(OPTIONAL ) - 400ܥ - E2EͰग़དྷͳ͍΋ͷ(ΠϨΪϡϥʔ͕ଟ͍ͷͰյΕͳ͍͜ͱͷ֬ೝ ) - APIΛୟ͍ͨ࣌ͷRequest BodyͳͲͷΞαʔγϣϯ - ϦϑΝΫλϦϯά౳͢ΔͷͰ͋Ε͹͋ͬͨํ͕҆৺ - E2 E - ϚχϡΞϧςετ
38. +FTU
    *OUFHSBUJPO
    5FTUͱ&&ͱϚχϡΞϧςετͷͲΕͰ୲อ͢Δ͔ϧʔϧΛ໌֬ʹ͢Δ - Jest Integration Test Ͱ͋Δͱخ͍͠ςετ(OPTIONAL ) - 400ܥ
39. +FTU
    *OUFHSBUJPO
    5FTUͱ&&ͱϚχϡΞϧςετͷͲΕͰ୲อ͢Δ͔ϧʔϧΛ໌֬ʹ͢Δ - Jest Integration Test Ͱ͋Δͱخ͍͠ςετ(OPTIONAL ) - APIΛୟ͍ͨ࣌ͷRequest Body΍Query ParameterͳͲͷΞαʔγϣϯ
40. +FTU
    *OUFHSBUJPO
    5FTUͱ&&ͱϚχϡΞϧςετͷͲΕͰ୲อ͢Δ͔ϧʔϧΛ໌֬ʹ͢Δ - Jest Integration Test Ͱ΍ͬͨํ͕͍͍ςετ(RECOMMEND ) - Jest Integration Test Ͱ͋Δͱخ͍͠ςετ(OPTIONAL ) - E2 E - ਖ਼ৗܥ - Mutationܥ(Post, Patch, Delete ) - ੍ޚܥ(ݖݶ΍ೝূͳͲ ) - ϚχϡΞϧςετ
41. +FTU
    *OUFHSBUJPO
    5FTUͱ&&ͱϚχϡΞϧςετͷͲΕͰ୲อ͢Δ͔ϧʔϧΛ໌֬ʹ͢Δ - Jest Integration Test Ͱ΍ͬͨํ͕͍͍ςετ(RECOMMEND ) - Jest Integration Test Ͱ͋Δͱخ͍͠ςετ(OPTIONAL ) - E2 E - ϚχϡΞϧςετ - Ұ෦ਖ਼ৗܥͱɺσβΠϯपΓ - ΠϨΪϡϥʔܥ(ෳ਺λϒ)΍όοΫάϥ΢ϯυॲཧͷ݁ՌͳͲ
42. ݁Ռ🎉 - ϑϩϯτΤϯυͷςετΛ௥Ճͯ͠ςετϐϥϛοτͷॏ৺͕Լ͕ Γɺࣗಈςετͷίετ͕গ͠ݮͬͨ - ςετέʔε͕૿͑ͨɺΑΓ৴པੑ͕ߴ·Δ - ෭࣍తʹόοΫΤϯυͷAPI࣮૷଴͕ͪݮͬͨ
43. ·ͱΊ
44. ·ͱΊ🎉 - ҆ఆ࣮ͯ͠૷ʙQA·ͰऴΘΔΑ͏ʹͳͬͨ - ࣗಈςετͷ৴པੑ͕ߴ·Γ҆৺ͯ͠ϑϩϯτΤϯυͷ։ൃ΋Ͱ͖Δ - ࣮૷ʙϦϦʔε·Ͱૣ͘ͳͬͨ - QAͷྗ΋େ͖͍ͷͰڠಇ͍ͯ͘͜͠ͱ͕େ੾ - ࣗಈςετͷ৴པੑ΋ߴ·ΓɺϚχϡΞϧςετ΋࠷খݶͰߦ͑Δ
45. ՝୊ɾ΍͍͖͍ͬͯͨ͜ͱ💪 - ςετ؍఺ग़͔͠ΒɺৼΓ෼͚Δ·Ͱ͔ͳΓ͔͔࣌ؒΔ - QAతͳ͜ͱΛΤϯδχΞ΋΍ΔͷͰɺ࡞ۀ࣌ؒݮΔ - Jest Integration Test͕΄ͱΜͲ଍Γͯͳ͍ - ΤϯδχΞશମΛר͖ࠐΜͰ͍͘ඞཁ͕͋Δ
46. 🙏 https://hello-world.smarthr.co.jp / ϑϩϯτΤϯυΤϯδχΞੵۃ࠾༻த…ʂʂ