O slideshow foi denunciado.
Utilizamos seu perfil e dados de atividades no LinkedIn para personalizar e exibir anúncios mais relevantes. Altere suas preferências de anúncios quando desejar.

ReactとSeleniumの幸せな関係

5.629 visualizações

Publicada em

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

Publicada em: Tecnologia
  • Login to see the comments

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!

×