Smart locator strategy for React JS application using ReactWebdriver

on YouTube ↗37m

" summary

ReactWebdriver is a Java utility that plugs into Selenium (Maven/Gradle) and adds a ByReact.component locator to find React components by name, props or state instead of brittle CSS/xpath. Demo finds 10 user cards and filters 3 admin users by passing user.admin=true, reads hidden data with getProps/getState from a DOM element, and supports wildcard component name matching. Library is open source, works with regular WebDriver instances, and is actively extended to other languages.

AI-written summary · about

" chapters (8)

1. 0:00Start
2. 2:38Challenges
3. 3:02What Is a Real Component
4. 5:31State
5. 6:21Component Code
6. 10:12Virtual Dom
7. 10:58Reactive Tools
8. 15:11Icons

" related talks

• 51mAutomation Testing for ReactAram Kocharyan · Testing Talks Conference 2019 Melbourne
• 47mREACTive Automation: How to Avoid Shooting Yourself in the FootSergey Korol · QA Fest 2018
• 53mBuilding Web Apps with React.jsPratik Patel · Jfokus 2018
• 26mEmpathy-Driven DevelopmentMarcy Sutton Todd · JSConf EU 2018
• 01h 26mWorkshop: Reactive Browser Testing with WebDriver BiDiMaksim Sadym, Sri Harsha · TestMu Conference 2025
• 49mSupporting accessibility in React: the difficulties and nicetiesDiane Koh · axe-con 2023
• 30mTesting Library: everybody uses it, but nobody understands itMatan Borenkraout · code.talks 2023
• 20mI’m With Web Components and Web Components Are With MeGil Fink · ReactNext 2019