Copy Component Selector

You can copy a component selector from the application tree view or the tag path and then paste it into the Component field of a step in the editor view. In the tree view or tag path, select and right-click an element, click Copy Component Selector, and then click Copy Compact Component Selector or Copy Full Path Component Selector, depending on what type of selector you require.

The compact component selector copies the smallest unique selector for the given element, which looks similar to the following:

TR[class="odd"]:nth-of-type(1) > TD[class=" "][der_rendered="y"]:nth-of-type(4)

The full path component selector copies the selector from the root of the application tree, which looks similar to the following for the same element :

window > _document_ > HTML > BODY > DIV:nth-of-type(3) > DIV:nth-of-type(2) > DIV:nth-of-type(2)
		  > DIV > TABLE > TBODY > TR:nth-of-type(1) > TD:nth-of-type(4) 
	 

The selector is copied to the clipboard. You can paste it into the Component field by using Ctrl+V.

For more information on the selector syntax, see Selector Syntax.