The document outlines a Selenium workshop conducted by Atirek Gupta, covering functional test automation, test specifications, and JavaScript interaction with HTML. It discusses the origin of Selenium, its architecture, browser support, and how WebDriver operates, along with practical examples and hands-on sessions. Key principles for designing an automation framework are also highlighted, emphasizing maintainability and scalability.

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