Selenium-7: Frames


Outline

In this post we will learn how to work with frames while we are doing web automation with selenium webdriver.

Audience

This post is designed for SW test professionals who have some information about selenium web automation. At the end of this tutorial, you will know how to work with frames.

Prerequisites

Nice to have: Before starting to read this post it is better to read previous selenium tutorials.

Working with Frames

First, it is better to start with the definition of iFrame. An iframe is used to display a web page within a web page. It is generally using for content partitioning, and its content can be changed without reloading the whole webpage. Generally, while you are automating a website, you may not face with iframes too much. However, we always be ready to work with them when it is necessary. Let’s look what Selenium Webdriver provides us for frame operations.

  • switchTo().frame(int) – Switch to a frame with its index
  • switchTo().frame(“name of the frame”) – Switch to a frame with its name
  • switchTo().frame (WebElement) – Switch to a frame with its web element location
  • switchTo().defaultContent() – Switch back to default page
Note: You can access frame and iframe with same mechanism.

Now, I want to go on with examples.

1) switchTo().frame(int)

 If a page has more than one frames, the first one’s index is “0”, the second one’s index is “1”, and the third one’s index is “2”, and so on.

Our test web url is: http://www.londonfreelance.org/courses/frames/index.html

Test Scenario:

  1. Go to above url.
  2. Switch to the frame which comprises of “Title bar (top.html)” text by using frame’s index.
  3. Assert that h2 tag’s text is “Title bar (top.html)

As you see below figure, the frame which contains Title bar (top.html) is the 3rd frame. Thus, its index equals 2.

frames

As you see below, H2 tag’s CSS path: html>body>h2

frames_2

Test Code is shown below with comments:

2) switchTo().frame(“frame name”)

Our test web url is: http://www.londonfreelance.org/courses/frames/index.html

Test Scenario:

  1. Go to above url.
  2. Switch to the frame which comprises of “Title bar (top.html)” text by using frame’s name.
  3. Assert that h2 tag’s text is “Title bar (top.html)

Frame’s name: main

H2 tag’s CSS path: html>body>h2

Test Code:

3) switchTo().frame(WebElement)

 Our test web url is: http://www.londonfreelance.org/courses/frames/index.html

Test Scenario:

  1. Go to above url.
  2. Switch to the frame which comprises of “Title bar (top.html)” text by using webelement.
  3. Assert that h2 tag’s text is “Title bar (top.html)

Frame’s CSS path: html>frameset>frameset>frameset>frame:nth-child(1)

frames

H2 tag’s CSS path: html>body>h2

Test Code:

4) driver.switchTo().defaultContent()

Our test web url is: http://www.londonfreelance.org/courses/frames/index.html

Test Scenario:

  1. Go to above url.
  2. Switch to the frame which comprises of “Title bar (top.html)” text by using name.
  3. Assert that h2 tag’s text is “Title bar (top.html)
  4. Switch to default content
  5. Check the main page title is “Sample frames page”

Test Code:

Summary

  • You learnt how to work with Frames with different webdriver methods.

javafx

Database Operations in JavaFX

By Onur Baskirt / Apr 1, 2016 / 56 Comments
Before started this section, please check the first article and learn How to Start JAVAFX! http://www.swtestacademy.com/getting-started-with-javafx/ At first, part of JavaFX tutorial series, we created a sample JavaFX project, designed the draft version of the UI and set up an...
rest assured

REST API Testing with Rest Assured

By Onur Baskirt / Mar 8, 2016 / 32 Comments
Outline In this post, I will explain what is API and API testing, what is the difference between SOAP and REST services, and how to test REST APIs with Rest Assured Library. What is API? API stands for Application Programming...
extentreports

How to Write Effective CSS Locators

By Onur Baskirt / Oct 1, 2017 / 0 Comments
Hi all, in this tutorial, I will describe you how to write effective CSS locators to interrogate web elements for your automation projects. As a rule of thumb, your interrogation strategy should be in below order: First try to use...
extentreports

Selenium-11: Execute JavaScript with JavascriptExecutor

By Onur Baskirt / Jan 27, 2016 / 15 Comments
Outline Sometimes we cannot handle some conditions or problems with Webdriver, web controls don't react well against selenium commands. In this kind of situations, we use Javascript. It is useful for custom synchronizations, hide or show the web elements, change...
javafx

Getting Started with JavaFX

By Onur Baskirt / Mar 25, 2016 / 0 Comments
When I started to work in my current position, one of my task is to do manual operations for campaign products  every week. After the second week, I thought that I have to automate this task using a GUI based...
extentreports

How to Write Smart XPath Locators

By Onur Baskirt / Sep 24, 2017 / 4 Comments
Hi all, in this tutorial, I will describe you how to write smart and non-brittle XPath locators. When we write our test scripts, we generally prefer to use id, name, class, etc. these kinds of locators. However, sometimes we could not...
extentreports

Selenium-1: Quick Start to Automation with Selenium WebDriver & JAVA & JUnit & Maven & IntelliJ

By Onur Baskirt / Sep 8, 2015 / 26 Comments
Outline Selenium Webdriver is the most popular open source web test automation framework across wide range of browsers and platforms. In this tutorial you will learn how to do web test automation with Selenium Webdriver and the related tools. Audience...
page object model

Page Object Model with C#

By Ege Aksoz / Jun 18, 2017 / 8 Comments
In the previous tutorial, we’ve taken the initial steps and entered the world of automated testing. We also wrote our first automated test. From this point on, since we are not just going to write one test, we need to...
extentreports

How to Select a Date From DatePicker Using Selenium

By Onur Baskirt / Aug 13, 2016 / 6 Comments
When you need to automate a airway, hotel, or similar websites you need to deal with Datepickers and some times it is a little bit cumbersome to select a specific date on the Datepicker or calendar.  In this post, I...
extentreports

Selenium Webdriver Performance testing with Jmeter and Selenium Grid

By Ozgur Kaya / Aug 9, 2016 / 2 Comments
In this post, we will complete Selenium Webdriver Performance testing scenario using Jmeter and Selenium Grid. 1- Install Java 7 or later If necessary https://java.com/tr/download/ 2- Download latest Jmeter version 3.0 or higher. http://jmeter.apache.org/download_jmeter.cgi 3- Download Jmeter PluginsManager JAR file and...
By | 2017-01-13T21:33:46+00:00 December 28th, 2015|Selenium, Test Automation, Web Automation|0 Comments

About the Author:

Onur Baskirt
Onur Baskirt is a senior IT professional with 10+ years of experience. He worked at Bahçesehir University, ST Microelectronics, Huawei and Ericsson as research assistant, design verification engineer and software test leader. Also, he worked as software test leader and software operations manager at Turkey's biggest technology retailer, Teknosa. Now, he is working as Head of Software Testing and Manager of two Development Teams at Kariyer.net. His current research areas are technical software testing, programming, and computer science. Formerly, he has several research works and papers on digital chip design & verification. His hobbies are sport, dancing, traveling, and nutrition. You can find detailed information about him on his linked-in page.

Leave A Comment