Find all HTML element properties required for Selenium Webdriver automation
Using this extension find the properties of HTML element you intend to use in Webdriver automation code before even programming. So basically this eliminates the time involved in debugging the code to find the element's properties and modify code accordingly. Using SelAssist sidebar panel - 1. Open "Developer tools" by pressing F12 key(other options - https://developer.chrome.com/devtools#access). 2. Make sure that "Elements" panel is selected/active. 3. Make sure that "SelAssist" sidebar pane is active by clicking on it. 4. Select any HTML element in "Element" panel and corresponding properties are displayed in "SelAssist" sidebar pane. Using SelAssist panel - 1. Same as first step above. 2. Select 'SelAssist' panel(which appears after Console panel) 3. Select the locator type (Id, Name, ClassName etc) 4. Type the query/value in textbox. 5. Count of matching elements, matching elements are displayed. 6. Hovering on a matching element will scroll to the element and highlight on webpage. 7. Clicking on a matching element will display that element in 'Element' panel. 8. Press 'Find' button or hitting enter key will highlight the first element in 'Elements' panel matching your criteria. **Note : 1. This is based on W3C Webdriver spec available @ https://w3c.github.io/webdriver/webdriver-spec.html 2. This extension is still in development and few properties displayed may be inaccurate. Feel free to report on the support link. 3. This extension doesn't track UI changes and update accordingly. After UI has changed, reselect the HTML required element in "Elements" panel after clicking on other element or closing and reopening developer tools to get updated properties. (Dedicated to all Selenium contributors & users) ----------------------------- ver 0.0.3.8 Display matching element with pointer ver 0.0.3.6 Scroll to element and highlight, on hovering on any matching element according to user's query(SelAssist panel). Ver 0.0.3.5 Fixed to display text content in the matching element Ver 0.0.3.4 Display matching elements according to user's query Ver 0.0.3.3 Added support for "Link Text" & "Partial Link Text" in SelAssist panel Ver 0.0.3.2 Display count of matching element(s) Ver 0.0.3 Added new panel for inspecting path based on locator type Ver 0.0.2 Added rect property of element in sidebar panel
- (2017-11-30) Ssubrat Rrudra: very useful. thank you so much Nikhilesh
- (2017-11-30) Áron Fernbach: It would be nice to have an iframe select feature. otherwise, its a great app! I use it every day in work.
- (2017-03-17) Rangegowda Manjunath: Cannot find the element inside the iframes, otherwise, its very nice tool to find the elements
- (2017-03-03) nimesh prajapati: Thanks. Hats off!
- (2016-09-07) Amy farrah fowler: Amazing. Very Helpful. 10/10
- (2016-01-26) Vignesh C: Good one
- (2015-10-19) Gaurav Sharma: Very Helpful
- (2017-04-28, v:0.0.3.10) Michael Ussher: couldnt seam to activate it
installed ok, icon showed in the tool bar, clicking on the greyed out icon brought up the menu. OPTIONS was greyed out. Clickiing the name in the first option brought me to a different page. Cant understand how to activate. Removed. Guessing its a problem with module not working with the current version of chrome
- (2017-03-17, v:0.0.3.10) Rangegowda Manjunath: Cannot find the element inside the iframes
Please implement finding an element inside the iframes like how we can do with firebug and firepath