A workshop on understanding how Selenium, Selenium/RC, Webdriver and browser works. Learning what is same origin policy with example. Hands on locating element using CSS and Xpath. Interacting with html with java script Finally developing a page object framework using java, webdriver from scratch.

1. Selenium WorkshopSelenium Workshop
By Atirek GuptaBy Atirek Gupta

2. Out of scopeOut of scope
 When and why to do functional test automation.
 Test specification.
 Test data management.
 Detailed architecture of Browser.
 Going deeper into Java Script
 Build tools, CI and VCS

3. AgendaAgenda
 Origin of Selenium
 Understanding same origin policy
 Interacting with HTML using JavaScript
 How Selenium-RC and WebDriver works
 Locators
 More about Selenium and WebDriver
 Overview of how browser works
 Exploring WebDriver API’s with examples
 Building test automation framework using Java and WebDriver

4. Origin of SeleniumOrigin of Selenium
 Selenium first came to life in 2004.
 Selenium was written in pure JavaScript.
 These scripts are injected into the web page, thus
simulating user activity.
 Limitations due to browser security policy called
SOP(Same origin policy).

5. HTML DOM Tree of ObjectsHTML DOM Tree of Objects

6. Interacting with HTML using JavaScriptInteracting with HTML using JavaScript
 JavaScript is a scripting language designed primarily
for adding interactivity to Web pages.
 Some JavaScript methods and interaction with browser
e.g.
 document.getElementById(“id”).innerHtml = “Some
text”
 document.getElementById(“id”).click
 Let’s do some hands on.

7. Understanding same origin policyUnderstanding same origin policy

8. How Selenium RC worksHow Selenium RC works

9. How WebDriverHow WebDriver
worksworks
• It uses the browser’s native
support for automation (different
for each browser)

10. Browser SupportBrowser Support
Selenium-WebDriver supports the following browsers along with the
operating systems these browsers are compatible with.
Google Chrome
Internet Explorer 6, 7, 8, 9, 10 - 32 and 64-bit where applicable
Firefox: latest ESR, previous ESR, current release, one previous release
Safari,Opera
HtmlUnit, Phantomjs
Android (with Selendroid or appium), iOS (with ios-driver or appium)

11. How Browser WorksHow Browser Works

12. LocatorsLocators
CSS
XPath

13. More about Selenium-More about Selenium-
WebDriverWebDriver
How does WebDriver know if the page is completely loaded?
When document.readyState is “complete”

14. More about Selenium-More about Selenium-
WebDriverWebDriver
 What is StaleElementReferenceException
 What causes them?
 Page Refresh
 JavaScript MVC frameworks
 Elements being re-rendered

15. More about Selenium-More about Selenium-
WebDriverWebDriver
 Can WebDriver execute javascript commands on DOM?
 WebElement element = driver.findElement(By.id("gbqfd"));
 JavascriptExecutor executor = (JavascriptExecutor)driver;
 executor.executeScript("arguments[0].click();", element);

16. More about Selenium-More about Selenium-
WebDriverWebDriver
 Handling : Explicit and Implicit Waits.
 driver.manage().timeouts().implicitlyWait(10,TimeUnit.SEC
ONDS)
 driver.manage().timeouts().pageLoadTimeout(10,
TimeUnit.SECONDS);
 WebElement element = (new WebDriverWait(driver,10))
.
until(ExpectedConditions.elementToBeClickable(By.Id(“id”))
).click

17. Hands on with WebDriverHands on with WebDriver
API’sAPI’s
Reference -
http://selenium.googlecode.com/git/docs/api/java/index.html

18. Key principle for designing /Key principle for designing /
building an Automationbuilding an Automation
Framework?Framework?
 Readable
 Re-Usable
 Maintainable
 Well Abstracted
 Scalable
 Browser support?
 Tests to be run in distributed environment or on one machine?
 …

19. Components of frameworkComponents of framework

20. Let’s codeLet’s code

22. Thank YouThank You
Atirek Gupta
atirekg@gmail.com, agupta@thoughtworks.com