React SeleniumHappy�life�with�React�and�Selenium!

CI / CD NIGHT (2017/2/9) TeamSpirit Inc.

@a_kuratani

Akira Kuratani /

@a_kuratani

kuratani

TeamSpirit Inc. QA

Podcast(migration.fm)

• SPA E2E

• Selenium

• React.js

• React.js

• Selenium

• CI/CD

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

Selenium WebDriver

E2E Selenium WebDriver

DOM

React.js

React.js

• JUST THE UI

• VIRTUAL DOM

• DATA FLOW

React.js

jQuery

React.js

jQuery React.js

jQuery React.js

ID

DOM

Selenium DOM

React.js DOM

1. ID

2. ID

3. ID

4. ID

5. ID

6.

1. ID

🔎

🔎

🔎

2. ID

🔎

🔎

🔎

🔎

🔎

🔎

3. ID

🔎

🔎

🔎

4. ID

5. ID

🔎

🔎

🔎

🔎

🔎

🔎

6.

1. ID

2. ID

3. ID

4. ID

5. ID

6.

• • Selenium WebDriver DOM

• React.js DOM

• • 6 •

•

• Page Object

https://www.oreilly.co.jp/books/9784873117423/

Thank you

Happy�life�with�React�and�Selenium!