Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

ReactとSeleniumの幸せな関係

3,992 views

Published on

2017/2/9 に株式会社チームスピリットで開催されたCI/CD NIGHTのLT資料です。
React.jsで構築したWebサービスをSeleniumでE2EテストするときにReact.js側で気をつけることをまとめました。

Published in: Technology
  • Be the first to comment

ReactとSeleniumの幸せな関係

  1. 1. React Selenium Happy life with React and Selenium! CI / CD NIGHT (2017/2/9) TeamSpirit Inc. @a_kuratani
  2. 2. Akira Kuratani / @a_kuratani kuratani TeamSpirit Inc. QA Podcast(migration.fm)
  3. 3. • SPA E2E • Selenium • React.js
  4. 4. • React.js • Selenium • CI/CD
  5. 5. http://www.slideshare.net/teamspiritjp/240050000idteamspirit-55886980
  6. 6. Selenium WebDriver
  7. 7. E2E Selenium WebDriver
  8. 8. DOM
  9. 9. React.js
  10. 10. React.js • JUST THE UI • VIRTUAL DOM • DATA FLOW
  11. 11. React.js
  12. 12. jQuery
  13. 13. React.js
  14. 14. jQuery React.js
  15. 15. jQuery React.js
  16. 16. ID
  17. 17. DOM
  18. 18. Selenium DOM React.js DOM
  19. 19. 1. ID 2. ID 3. ID 4. ID 5. ID 6.
  20. 20. 1. ID 🔎 🔎 🔎
  21. 21. 2. ID 🔎 🔎 🔎
  22. 22. 🔎 🔎 🔎 3. ID
  23. 23. 🔎 🔎 🔎 4. ID
  24. 24. 5. ID 🔎 🔎 🔎
  25. 25. 🔎 🔎 🔎 6.
  26. 26. 1. ID 2. ID 3. ID 4. ID 5. ID 6.
  27. 27. • • Selenium WebDriver DOM • React.js DOM • • 6 • •
  28. 28. • Page Object 
 https://www.oreilly.co.jp/books/9784873117423/
  29. 29. Thank you Happy life with React and Selenium!

×