SelAssist

SelAssist插件简介

SelAssist插件描述

Using this extension find the properties of HTML element you intend to use in Webdriver automation code befe even programming. So basically this eliminates the time involved in debugging the code to find the elements properties  modify code accdingly.

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  cresponding 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 locat 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  highlight on webpage.
7. Clicking on a matching element will display that element in Element panel.
8. Press Find button  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/webdriverspec.html
2. This extension is still in development  few properties displayed may be inaccurate. Feel free to rept on the suppt link.
3. This extension doesnt track UI changes  update accdingly. After UI has changed, reselect the HTML required element in "Elements" panel after clicking on other element  closing  reopening developer tools to get updated properties. 

(Dedicated to all Selenium contributs & users)


ver 0.0.3.8
Display matching element with pointer

ver 0.0.3.6
Scroll to element  highlight, on hovering on any matching element accding to users 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 accding to users query

Ver 0.0.3.3
Added suppt f "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 f inspecting path based on locat type

Ver 0.0.2 
Added rect property of element in sidebar panel

                                

SelAssist插件离线安装方法

1.首先用户点击谷歌浏览器右上角的自定义及控制按钮，在下拉框中选择设置。

2.在打开的谷歌浏览器的扩展管理器最左侧选择扩展程序或直接输入：chrome://extensions/

3.找到自己已经下载好的Chrome离线安装文件xxx.crx，然后将其从资源管理器中拖动到Chrome的扩展管理界面中，这时候用户会发现在扩展管理器的中央部分中会多出一个”拖动以安装“的插件按钮。

4.下载 SelAssistChrome插件v0.0.3.10版本到本地。

5.勾选开发者模式，点击加载已解压的扩展程序，将文件夹选择即可安装插件。

注意：最新版本的chrome浏览器直接拖放安装时会出现“程序包无效CRX-HEADER-INVALID”的报错信息，参照这篇文章即可解决