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

1. React Selenium
Happy life with React and Selenium!
CI / CD NIGHT (2017/2/9)
TeamSpirit Inc.
@a_kuratani

2. Akira Kuratani /
@a_kuratani
kuratani
TeamSpirit Inc.
QA
Podcast(migration.fm)

3. • SPA E2E
• Selenium
• React.js

4. • React.js
• Selenium
• CI/CD

5. http://www.slideshare.net/teamspiritjp/240050000idteamspirit-55886980

6. Selenium WebDriver

7. E2E
Selenium WebDriver

9. DOM

10. React.js

11. React.js
• JUST THE UI
• VIRTUAL DOM
• DATA FLOW

12. React.js

13. jQuery

14. React.js

15. jQuery React.js

16. jQuery React.js

17. ID

18. DOM

19. Selenium
DOM
React.js
DOM

23. 1. ID
2. ID
3. ID
4. ID
5. ID
6.

24. 1. ID
🔎
🔎
🔎

25. 2. ID
🔎
🔎
🔎

26. 🔎
🔎
🔎
3. ID

27. 🔎
🔎
🔎
4. ID

28. 5. ID
🔎
🔎
🔎

29. 🔎
🔎
🔎
6.

30. 1. ID
2. ID
3. ID
4. ID
5. ID
6.

31. •
• Selenium WebDriver DOM
• React.js DOM
•
• 6
•
•

32. • Page Object
https://www.oreilly.co.jp/books/9784873117423/

33. Thank you
Happy life with React and Selenium!