Selenium Testing Tools Cookbook

Selenium Testing Tools Cookbook

By : UNMESH GUNDECHA

Buy this Book

Selenium Testing Tools Cookbook

By: UNMESH GUNDECHA

Buy this Book

Overview of this book

Web technologies are becoming increasingly complex and there is a need to test your web applications against a vast number of browsers and platforms, so you need to build highly reliable and maintainable test automation. This book will help you test your web applications effectively and efficiently with Selenium WebDriver."Selenium Testing Tools Cookbook" is an incremental guide that will help you learn and use advanced features of Selenium WebDriver API in various situations for building reliable test automation. You will learn how to effectively use features of Selenium using simple and detailed examples. This book will also teach you best practices, design patterns, and how to extend Selenium."Selenium Testing Tools Cookbook" shows developers and testers who already use Selenium, how to go to the next step and build a highly maintainable and reliable test framework using advanced features of the tool.The book starts with tips on advanced location strategy and effective use of Selenium WebDriver API. Then it demonstrates the use of design patterns such as Data Driven Tests and PageFactory for building maintainable test automation. It also explains extending Selenium WebDriver API along with implementing custom tasks and setting up your own distributed environment to run tests in parallel.It concludes with tips on integrating Selenium WebDriver with other popular tools, testing mobile web applications, and capturing videos of test runs. This books provides examples in Java, C#, Ruby, and Python."Selenium Testing Tools Cookbook" will help you in building a highly robust and maintainable test automation framework from start to finish.

Selenium Testing Tools Cookbook

Credits

About the Author

About the Reviewers

www.PacktPub.com

Preface

Free Chapter

Locating Elements

Introduction

Using browser tools for inspecting elements and page structure

Locating an element using the findElement method

Locating elements using findElements method

Locating links

Locating elements by tag name

Locating elements using CSS selectors

Locating elements using XPath

Locating elements using text

Locating elements using advanced CSS selectors

Using jQuery selectors

Locating table rows and cells

Locating child elements in a table

Working with Selenium API

Introduction

Checking an element's text

Checking an element's attribute values

Checking an element's CSS values

Using Advanced User Interactions API for mouse and keyboard events

Performing double-click on an element

Performing drag-and-drop operations

Executing JavaScript code

Capturing screenshots with Selenium WebDriver

Capturing screenshots with RemoteWebDriver/Grid

Maximizing the browser window

Automating dropdowns and lists

Checking options in dropdowns and lists

Checking selected options in dropdowns and lists

Automating radio buttons and radio groups

Automating checkboxes

Controlling Windows processes

Reading a Windows registry value from Selenium WebDriver

Modifying a Windows registry value from Selenium WebDriver

Controlling the Test Flow

Introduction

Synchronizing a test with an implicit wait

Synchronizing a test with an explicit wait

Synchronizing a test with custom-expected conditions

Checking an element's presence

Checking an element's status

Identifying and handling a pop-up window by its name

Identifying and handling a pop-up window by its title

Identifying and handling a pop-up window by its content

Handling a simple JavaScript alert

Handling a confirm box alert

Handling a prompt box alert

Identifying and handling frames

Identifying and handling frames by their content

Working with IFRAME

Data-driven Testing

Introduction

Creating a data-driven test using JUnit

Creating a data-driven test using TestNG

Reading test data from a CSV file using JUnit

Reading test data from an Excel file using JUnit and Apache POI

Reading test data from a database using JUnit and JDBC

Creating a data-driven test in NUnit

Creating a data-driven test in MSTEST

Creating a data-driven test in Ruby using Roo

Creating a data-driven test in Python

Using the Page Object Model

Introduction

Using the PageFactory class for exposing elements from a page

Using the PageFactory class for exposing an operation on a page

Using the LoadableComponent class

Implementing nested Page Object instances

Implementing the Page Object model in .NET

Implementing the Page Object model in Python

Implementing the Page Object model in Ruby by using the page-object gem

Extending Selenium

Introduction

Creating an extension class for web tables

Creating an extension for the jQueryUI Tab widget

Implementing an extension for the WebElement object to set the element attribute values

Implementing an extension for the WebElement object to highlight elements

Creating an object map for Selenium tests

Capturing screenshots of elements in the Selenium WebDriver

Comparing images in Selenium

Testing on Mobile Browsers

Introduction

Setting up the iWebDriver App for the iPhone/iPad simulator

Setting up the iWebDriver App for an iPhone/iPad device

Running tests on iOS using the iWebDriver App and iPhone driver

Setting up the Android emulator for Selenium

Setting up the Android device for Selenium

Running tests using AndroidDriver

Client-side Performance Testing

Introduction

Measuring the response time using a timer

Measuring performance with the Navigation Timing API

Using the BrowserMob proxy for measuring performance

Using dynaTrace for measuring the performance

Using HttpWatch for measuring performance

Client-side performance testing with Watir-WebDriver-Performance in Ruby

Testing HTML5 Web Applications

Introduction

Automating the HTML5 video player

Automating interaction on the HTML5 canvas element

Web storage – testing local storage

Web storage – testing session storage

Cleaning local and session storage

Recording Videos of Tests

Introduction

Recording videos of tests using Monte Media Library in Java

Recording videos of tests using Microsoft Expression Encoder 4 SDK in .NET

Recording videos of tests using Castro in Python

Behavior-driven Development

Introduction

Using Cucumber-JVM and Selenium WebDriver in Java for BDD

Using SpecFlow.NET and Selenium WebDriver in .NET for BDD

Using JBehave and Selenium WebDriver in Java

Using Capybara, Cucumber, and Selenium WebDriver in Ruby

Index

Customer Reviews

5 star

4 star

3 star

2 star

1 star

Using browser tools for inspecting elements and page structure

Before we start exploring locators, we need to analyze the page and elements to understand how these are structured in the application, what properties or attributes are defined for the elements, how JavaScript or AJAX calls are made from the application, and so on.

Browsers render visual elements of the application for end users by hiding the HTML code and other resources. When we want to automate interaction with the application using Selenium WebDriver, we need to look carefully at the background code written to render pages and elements in browsers. We need to identify information such as attribute values and elements structure for locating elements and perform user actions using Selenium WebDriver API.

Here is an example of a BMI Calculator application page and HTML code written to render this page in a browser as displayed in the following screenshots:

You can view the code written for a page by right-clicking in the browser window and selecting the View Page Source option from the pop-up menu. This will display the HTML code of the page in a separate window. This might look messy and difficult to understand.

We need special tools that can display this information in a structured and easy to understand format. In this recipe we will briefly explore few of these tools before we dive into locators.

How to do it...

In the following sections we will explore some of the tools which are in-built in browsers and plugins to analyze elements and page structure. These tools will help us to understand how elements and their attributes are defined on a page, DOM structure, JavaScript calls, CSS Style attributes, and so on.

Inspecting pages and elements with Firefox using Firebug add-in

The newer versions of Firefox provide in-built ways to analyze the page and elements; however, we will use the Firebug add-in which has more powerful features. You need to install the Firebug add-in in Firefox from https://addons.mozilla.org/en-us/firefox/addon/firebug/.

To inspect an element from the page, move the mouse over the desired element and right-click to open the pop-up menu. Select the Inspect Element with Firebug option as shown in the following screenshot:

This will display Firebug with HTML code in a tree format as shown in the following screenshot:

Firebug provides various other debugging features. It also generates XPath and CSS selectors for elements. For this, select the desired element in the tree and right-click and select Copy XPath or Copy CSS Path option from the pop-up menu as shown in the following screenshot:

This will paste the possible XPath or CSS selector value on the clipboard.

Inspecting pages and elements with Google Chrome

Google Chrome provides an in-built feature to analyze pages and elements. This is very similar to Firebug. You can move the mouse over a desired element on the page and right-click to open the pop-up menu, then select Inspect element option. This will open Developer Tools in the browser, which displays information similar to that of Firebug, as shown in the following screenshot:

Chrome Developer Tools also provide a feature where you can get XPath for an element by right-clicking on the desired element in the tree and selecting the Copy XPath option from the pop-up menu.

Inspecting pages and elements with Internet Explorer

Similar to Google Chrome, Microsoft Internet Explorer also provides an in-built feature to analyze pages and elements.

To open the Developer Tools, press the F12 key. The Developer Tools section will be displayed as shown in the following screenshot:

To inspect an element, click on the pointer () icon and hover over the desired element on the page. Developer Tools will highlight the element with a blue outline and display the HTML code in a tree as shown in the following screenshot:

How it works...

Browser Developer Tools come in handy during test development. These tools will help you in finding the locator details for elements. These tools parse the code for a page and display the information in a hierarchal tree. These tools also provide information on how styles have been applied, page resources, page DOM (Document Object Model), JavaScript code, and so on.

Some of these tools also provide the ability to run JavaScript code for debugging and testing.

In the following recipes we will explore various types of locators that are supported by Selenium WebDriver and these tools will help you in finding and deciding various locator strategies or methods provided by Selenium WebDriver API.

Selenium Testing Tools Cookbook

By : UNMESH GUNDECHA

Selenium Testing Tools Cookbook

By: UNMESH GUNDECHA

Overview of this book

Related Content you might be interested in

Current Title:

Selenium Testing Tools Cookbook

Using browser tools for inspecting elements and page structure

How to do it...

How it works...