You are on page 1of 13


the automating power of Selenium

Presented by:


3 Selenium IDE Test Runner Discover the automating power of Selenium 2 .

Selenium IDE Test Runner Open a Test Suite Discover the automating power of Selenium 3 .

Selenium IDE Test Runner Click “Play with Selenium TestRunner Discover the automating power of Selenium 4 .

Selenium IDE Test Runner Current Test Suite Chrome Protocol Application Under Test Click to run Test Suite You Can click here to view individual the test cases 5 .

Selenium IDE Test Runner Result of the Test Failed Test Cases Selenium TestRUnner Control Panel Click to view the DOM of AUT To view the Log click here 6 .

Selenium IDE Test Runner Click + or – to expand/collapse HTML DOM View 7 .

• "Dynamic HTML" is a term used by some vendors to describe the combination of HTML.What is DOM? • The Document Object Model (DOM) is a platform. and the methods (interface) to access them.and language-neutral interface that will allow programs and scripts to dynamically access and update the content. 8 . structure and style of documents. • The HTML DOM defines the objects and properties of all HTML elements. with elements. style sheets and scripts (JavaScript) that allows documents to be animated. attributes. • The DOM presents an HTML document as a tree-structure (a node tree). The document can be further processed and the results of that processing can be incorporated back into the presented page. and text.

change. 9 .DOM Representation #2 The HTML DOM is a standard for how to get. delete and traverse HTML elements using Scripts. add.

everything in an HTML document is a node. except the root. has exactly one parent node A node can have any number of children A leaf is a node with no children Siblings are nodes with the same parent 10 • Relationship . • The DOM means: – – – – – – – – – – The entire document is a document node Every HTML tag is an element node The text in the HTML elements are text nodes Every HTML attribute is an attribute node Comments are comment nodes In a node tree.DOM – Nodes #3 • Nodes – According to the DOM. the top node is called the root Every node.

it will open the Xpather Add-on and show you the Xpath evolution • Select Tools → DOM Inspector • Press the Inspect button • You can navigate to any of the elements (click on the links) • You will see an associated X-Path (Example) – /html/body/center/p/font/text() • Press “Eval” button.DOM – Inspector #4 • You can use DOM – Inspector Addon for Inspecting any HTML elements within the firefox browser • In the firefox address bar type: http://www. 11 .

DOM – Inspector Eval Opens Xpather and shows the result Click here to Inspect Look at the element the Xpath Currently Pointing to 12 .

DOM – Xpather • In Xpather. you can right click and Blink the node which shows the element in DOM Inspector Look at the element the Xpath Currently Pointing to 13 .