Web-E2E-Testing-from-Ruby

Transcript

1. Ruby && Webํ໘͔Βݟ͑ͨ
 ΤϯυπʔΤϯυςετͷ
 ྺ࢙ͱࢥ͍ग़
   ॾڮګհ @moro 
2. ‣ (ࣸਅ) ղফͰ͖ͨෆ҆ 
3.  Kyosuke MOROHASHI moro moro
5. લ࢙ 
6. ‣ ΞϓϦέʔγϣϯͷ਽ܗΛ࡞Δͱςετ؀ڥ͕͍ͭͯ͘Δɻ ‣ test/models, test/controllers, test/views … ‣ ʮ୯ମʯςετ͕த৺ Ruby on Rails 
7. ‣ & rspec_rails ‣ spec/models, spec/controllers, …. RSpec 
8. ‣ ϞσϧɾϏϡʔɾίϯτϩʔϥΛ౷߹(integrate)ͯ͠
 ςετ͢Δɻ ‣ ୯ҰϦΫΤετʹ͓͍ͯɺΞϓϦέʔγϣϯͷ֤ϨΠϠ͕ ҙਤ௨Γ౷߹ͯ͠ಈ͔͘ɺΛςετ͢Δɻ ‣ ෳ਺ϦΫΤετʹΘͨΔڍಈ(͋ͷը໘͔Β͜ͷը໘ʹભҠͯͦ͠ΕΛೖྗ…) ͸ ςετͰ͖ͳ͍ɻ Integration test / Request spec 
9. ‣ ϒϥ΢βૢ࡞ΛࣗಈԽͯ͠ςετ͢Δ Selenium ͱɺ ‣ ਓؒͷૢ࡞Λه࿥ͯ͠ςετέʔεΛ࡞ͬͯ͘ΕΔ Selenium IDE Selenium & Selenium IDE 
10. ‣ ϓϩδΣΫτϝϯόʔ͕ɺຖே࠷৽ͷίʔυΛνΣοΫΞ ΢τͯ͠Ұ௨Γ৮ͬͯΈΔɻԿ͔͋Ε͹͙͢ʹ௚͢ɻ खಈͰͷܧଓతE2Eςετ 
11. ෳ਺ϦΫΤετʹ·͕ͨΔɺϢʔβʔ͕࣮ࡍʹ࢖͏
 γφϦΦʹԊͬͨςετ͸Αͦ͞͏ɻ ͜ͷ࣌఺Ͱ͸·ͩखಈςετɺ࣮ߦ͢Δͷ͕େมɻ Selenium IDEͰه࿥ͨ͠ςετ͸͙͢յΕΔɻ ࣮ײͰ͖ͨ͜ͱ 
12. Webrat + Cucumber 
13. ‣ ΤϯυπʔΤϯυςετΛɺࣗવݴޠͰ͔͚Δɻ ‣ MVCϨΠϠ௨؏ & ෳ਺ΞΫγϣϯ ‣ ࣗવݴޠͰςετ͕͔͚Δɻ ‣ Gherkin ϑΥʔϚοτ ‣ Given, When, Then / લఏɺ΋͠ɺͳΒ͹ Cucumber 
14. ‣ Cucumber ͷόοΫΤϯυɺWebΞϓϦΛςετ͢Δͨ ΊͷϥΠϒϥϦɻ ‣ ηογϣϯ(cookie)ΛҾ͖ͭ͛Δ ‣ ʮෳ਺ϦΫΤετΛॱ൪ʹݺΜͩʯςετ͕͔͚ΔΑ͏ʹ ‣ ϦϯΫ΍ϑΥʔϜΛૢ࡞͢Δ(ͭ΋ΓͰ࢖͑Δ)API͕͋ͬͨ Webrat 
15. ‣ ࣗવݴޠͰॻ͍ͨ *.feature Λಈ͔ͨ͢Ίͷ࢓૊ΈΛ step_definitions ͱͯ͠ॻ͘ɻ ‣ step_definitions ͷத͸Rubyίʔυɻࣗવݴޠͱ͸
 ਖ਼نදݱͰϚονϯά͞ΕΔɻ Cucumber + Webrat 
17. ‣ Gherkin ςΩετΛϓϩάϥϚͱɺϓϩάϥϚͰ͸ͳ͍ਓ ͱɺڞ༗Ͱ͖ͳ͍͔ͨΊͨ͠ɻ ‣ ϏδωεαΠυ΁ͷ࢓༷ݕ౼/߹ҙʹ ‣ ݟੵ΋Γ୯Ґʹ࢖ͬͯΈͨΓ΋ ‣ νʔϜͷ৽ϝϯόʔ΁ͷઆ໌ʹ ‣ ։ൃ࣌ͷҙࣝ߹Θͤʹ (feature͚ͩॻ͍ͨੜࣽ͑PRΛϨϏϡʔͨ͠Γ) ࢲͱCucumber 
18. Web ͷɺγφϦΦهड़Ͱ͖ΔE2Eࣗಈςετͷ࢓૊Έ͸ ΍͸Γͪΐ͏΂ΜΓɻ ฼ޠͰॻ͍ͯ͋Δͷ΋ɺ΍ͬͯΈΔͱΘ͔Γ΍͍͢ɻ ૿͑ͨ૚͕ʮ೔ຊޠϓϩάϥϛϯάʯʹͳͬͯ͠·͏ͱ
 ϓϩάϥϚʹͱͬͯ͸൥ࡶͳ͚ͩɻ ࣮ײͰ͖ͨ͜ͱ 
19. “ ࣮ࡍʹ͸ɺͦΕΒ͸ඇٕज़ܥͷεςʔΫϗϧμʔ
 ʢར֐ؔ܎ऀʣͱҰॹʹςετΛॻ͘ͱ͍͏ɺ
 Սۭͷ৔ॴͰ͔͠໾ʹཱͪ·ͤΜɻ https://martinfowler.com/bliki/DynamicTyping.html 
 ( http://bliki-ja.github.io/DynamicTyping/ )
20. 
21. ‣ ඞͣ͠΋ʮॻ͍ͯʯ΋ΒΘͳ͚Ε͹ͳΒͳ͍Θ͚Ͱ͸ͳ͍ɻ ‣ ಉ͡දݱͰεςʔΫϗϧμʔ͕Έͳڞ௨ཧղ͢Δͷ͕େࣄɻ ‣ ʮεςʔΫϗϧμʔʯʹ͸΋ͪΖΜɺ։ൃνʔϜ΋ؚ·ΕΔɻ ‣ ͦͷͨΊͷݴޠ΍ޠኮΛҭͯΔͷ͕େ੾ͩͬͨɻ Α͘ݴΘΕ·͢ɺɺɺ͚ͩͲ 
22. Capybara 
23. ‣ Webratޓ׵APIͷ͋ΔɺͳϥΠϒϥϦ ‣ υϥΠόΛ੾Γସ͑ͯJavaScript΋ಈ͔ͤΔΑ͏ʹɻ ‣ Selenium΋ߴϨϕϧAPIͰ࢖͑ΔΑ͏ʹͳͬͨɻ Capybara௒ϕϯϦɺͰ͢ΑͶ 
24. JavaScript ·ͰؚΉΤϯυπʔΤϯυςετ͸
 ΋͏΋ͷ͍͢͝خ͍͠ɻ Capybara APIࣗମ΋ͲΜͲΜศརʹͳ͍ͬͯΔɻ JS͕ಈ͘֎෦ϒϥ΢βΛىಈ͢Δͷ͸ɺศར͚ͩͲ஗͍& Τϥʔ͕Θ͔ΓͮΒ͘ͳͬͨɻ ࣮ײͰ͖ͨ͜ͱ 
25. ‣ RailsϒʔϜͱͱ΋ʹਓؾ্ঢɺߴػೳԽ͕ਐΉɻ ‣ shared example, subject, let, ϞοΫඪ४ఏڙ
 ‣ RSpec 3ͰAPIͱ(งғؾ)͕มΘΔɻ ‣ test-unit ΍ power-assert ͷ੒ख़ͱͱ΋ʹɺxunit଒ͷ ݟ௚͕͠ਐΉɻ ಉ࣌ظʹ(ྑ͘΋ѱ͘΋)RSpecʹ΋େ͖ͳมԽ͕ 
26. Capybara + X season 1 
27. ‣ Turnip ‣ RSpecͷϥϯλΠϜͰɺGherkinελΠϧͷςετΛ
 ࣮ߦͰ͖Δɻ ‣ Cukeͷ൥ࡶϙΠϯτͩͬͨɺstep definitionsఆٛͱͷ
 ϚονϯάΛվળ͍ͯ͠Δɻ + RSpec + Gherkin 
28. ‣ feature spec ‣ Capybara APIΛ௚઀࢖ͬͯɺΤϯυπʔΤϯυςετΛ ॻ͚ΔΑ͏ʹͨ͠ɻ ‣ Ұ෦ͷޠኮ(feature, scenario…)Λಋೖ͕ͨ͠ɺ͋͘· ͰRSpecͷϝιου໊ΤΠϦΞεʹͱͲ·Δɻ ‣ 2017೥࣌఺ͩͱɺ͜Ε͕ଟ਺೿͔ͳɻ + RSpec - Gherkin 
29. ‣ σʔλͷηοτΞοϓ͕ͭΒ͍ɻ ‣ Τϯυ͔ΒผͷΤϯυ·Ͱɺ௕େͳΦϒδΣΫτάϥϑ͕ඞཁͱͳΓ͕ͪɻ ‣ ͕͔͔࣌ؒͬͨΓɺҙਤͤ͵ෆ׬શσʔλ͕Ͱ͖ͨΓɻ ‣ ૊Έ߹Θͤͷςετ͕ͭΒ͍ɻ ‣ shared exampleΛۦ࢖ͨ݁͠Ռɺݟ௨͕͠ѱ݅͘਺΋ଟ͘ͳΔɻ feature spec ͭΒ͍ܥ ͋Δ͋Δ 
30. JavaScript ·ͰؚΉΤϯυπʔΤϯυςετ͸
 ΋͏΋ͷ͍͢͝خ͍͠ (΄Μ͜Ε) Α͍ΤϯυπʔΤϯυςετΛॻ͘ͷ͸೉͍͠ɻ υϝΠϯʹԊͬͨޠኮΛҭͯΔͷ΋ɻ ݕূ͢΂͖݁ՌͷݟۃΊ(ͳΜͱͳ͘Ξαʔτ)΋ɻ ࣮ײͰ͖ͨ͜ͱ 
31.  https://speakerdeck.com/akiinyo/du-miyasuiendotuendotesutogashu-kitai?slide=5
32. શϨΠϠΛ·ͱΊςετ͢Δʹ͸ศར ͚ͩͲɺେ͖ͯ͘஗͍ςετʹͳΓ͕ͪ ݁Ռͱͯ͠: 
33. Capybara + X season 2 
34. ‣ Appium ‣ Web͚ͩͰ͸ͳ͘ϞόΠϧΞϓϦ΋ࣗಈςετՄೳʹɻ ‣ Rails 5.1+ ͰCapybara͕ඪ४ʹɻ ‣ SystemTestCaseͱͯ͠࢖͑ΔΑ͏ʹͳΓɺRSpecͰ΋ System Specͱͯ͠αϙʔτɻ ‣ Selenium υϥΠόͰheadless chrome΋࢖͑ΔΑ͏ʹɻ ͜Ε͔ΒͷΤϯυπʔΤϯυςετ 
35. ·ͱΊ
36. ‣ ࣗಈԽ͞Εͨ ‣ ΤϯυπʔΤϯυͷςετ͸ ‣ ͱͯ΋Α͍΋ͷͩ ࣮ײͰ͖ͨՁ஋ 
37. ‣ ΤϯυπʔΤϯυςετ͸ ‣ େ͖ͯ͘ ‣ ஗ͯ͘ ‣ ॻ͘/ϝϯς͢Δͷ͕ΊΜͲ͍͘͞ɺςετʹͳΓ͕ͪ ࢒ͬͨ՝୊ 
38. “ ࣗಈςετΛॻ͘ϓϥΫςΟε͸ੈͷ தʹཱ೿ʹࠜ෇͖ɺࣗ෼ͨͪͰࣗಈς ετΛॻ͘ͷ͕ʮ;ͭ͏ʯͳੈͷதʹ ͳΓ·ͨ͠ɻ͜Ε͸େ͖ͳલਐͰ͢ɻ — テスト駆動開発 「付録C」
39. ‣ ໨ͷલͷϑΟʔνϟΛͲ͏͍͏γφϦΦʹͰ͖Δ͔ɺ
 ͦͷγφϦΦͰͷςετର৅͸Կ͔ɺΛΑ͘ߟ͑Δɻ ‣ ύϥϝλϥΠζυςετ(γφϦΦΞ΢τϥΠϯ)͸ɺ
 ΋͏ͪΐͬͱٕज़తʹ͏·͘΍Εͦ͏ͳؾ΋͢Δɻ ‣ υϝΠϯ΍νʔϜʹ߹ͬͨޠኮΛҭ͍ͯͯ͘ɻ ࢒ͬͨ՝୊ͱ޲͖߹͑Δͱ͍͍Ͱ͢ΑͶ 
40. “ ςετۦಈ։ൃ͸ɺϓϩάϥϛϯάதͷෆ҆Λ ίϯτϩʔϧ͢Δख๏ͩɻ ུ 
 ʮ͜Ε͸ࠔ೉ͳ໰୊ͳͷͰɺ࠷ॳ͔Β͢΂ͯΛ ݟ௨ͤΔΘ͚Ͱ͸ͳ͍ʯͱ͍͏ਅͬ౰ͳײ֮ͷ ͜ͱͩɻ — テスト駆動開発 「まえがき」
41. ‣ ʮϑΟʔνϟશମʯ͸΋ͪΖΜ࠷ॳ͔Βݟ౉ͤͳ͍ɻ ‣ Ͱ΋ϑΟʔνϟͷࠜຊΛͪͬͪΌ͘࡞ͬͯɺͦͷςετΛ ௨͠ଓ͚Δ͜ͱ͸Ͱ͖ͦ͏ɻ ‣ ࠜຊ͸Կ͔ɺ͸ߟ͑Δɻ ‣ νʔϜͷޠኮ͕ҭ͍ͬͯΕ͹ɺ͍ͬͦ͏εϜʔζʹͳΓͦ͏ɻ ʮΤϯυπʔΤϯυʯ΁ͷద༻