Default content switching in Selenium Python - Build an Automation Script

Switch to iframe and back to default content

Preconditions (3)

Step 1: Switch to the iframe using its id 'iframe1'

Step 2: Click the button inside the iframe with id 'iframe-button'

Step 3: Switch back to the default content

Step 4: Click the button on the main page with id 'main-button'

✅ Expected Result: Both buttons are clicked successfully without errors, indicating correct switching between iframe and default content

Automation Requirements - Selenium with Python

Assertions Needed:

Verify that clicking the iframe button triggers expected behavior (e.g., button is clickable)

Verify that clicking the main page button triggers expected behavior

No exceptions occur during switching between iframe and default content

Best Practices:

Use explicit waits to wait for iframe and buttons to be present and clickable

Use driver.switch_to.frame() and driver.switch_to.default_content() for switching

Use By.ID locator strategy for element identification

Handle exceptions gracefully

Automated Solution

Selenium Python

from selenium import webdriver
from selenium.webdriver.common.by import By
from selenium.webdriver.support.ui import WebDriverWait
from selenium.webdriver.support import expected_conditions as EC

# Initialize the Chrome driver
with webdriver.Chrome() as driver:
    driver.get('https://example.com/page_with_iframe')

    wait = WebDriverWait(driver, 10)

    # Wait for iframe to be available and switch to it
    wait.until(EC.frame_to_be_available_and_switch_to_it((By.ID, 'iframe1')))

    # Wait for the button inside iframe and click it
    iframe_button = wait.until(EC.element_to_be_clickable((By.ID, 'iframe-button')))
    iframe_button.click()

    # Switch back to default content
    driver.switch_to.default_content()

    # Wait for the main page button and click it
    main_button = wait.until(EC.element_to_be_clickable((By.ID, 'main-button')))
    main_button.click()

    # Optionally, assertions can be added here if this was inside a test framework

This script uses Selenium WebDriver with Python to automate switching between an iframe and the main page.

First, it opens the target page.

Then it waits explicitly for the iframe with id 'iframe1' to be available and switches to it using frame_to_be_available_and_switch_to_it.

Inside the iframe, it waits for the button with id 'iframe-button' to be clickable and clicks it.

After that, it switches back to the main page using driver.switch_to.default_content().

Finally, it waits for the main page button with id 'main-button' to be clickable and clicks it.

Explicit waits ensure elements are ready before interaction, preventing errors.

Using By.ID is a best practice locator strategy for clarity and speed.

Common Mistakes - 3 Pitfalls

Not switching back to default content before interacting with main page elements

Using time.sleep() instead of explicit waits

Using incorrect locator strategies like XPath with absolute paths

Bonus Challenge

Now add data-driven testing to click multiple iframe buttons with different ids and verify main page button click after each

Show Hint

Practice

1. What does the driver.switch_to.default_content() command do in Selenium WebDriver?

easy

A. It switches the focus back to the main page from any iframe or frame.

B. It switches the focus to the last iframe on the page.

C. It closes the current browser window.

D. It refreshes the current page.

Solution

1. Step 1: Understand iframe/frame context switching

   When Selenium switches to an iframe or frame, the focus moves inside that frame's content.

2. Step 2: Role of default_content()

   The default_content() method switches the focus back to the main page, outside all frames.

3. Final Answer:

   It switches the focus back to the main page from any iframe or frame. -> Option A

4. Quick Check:

   default_content() = main page focus [OK]

Hint: default_content() always returns focus to main page [OK]

Common Mistakes:

• Confusing default_content() with switching to a specific iframe
• Thinking it closes or refreshes the page
• Using it without switching to a frame first

2. Which of the following is the correct syntax to switch back to the default content in Selenium Python?

easy

A. driver.switch_to.frame('default')

B. driver.switch_to.defaultFrame()

C. driver.switchTo().defaultContent()

D. driver.switch_to.default_content()

Solution

1. Step 1: Recall Selenium Python syntax for switching context

   In Selenium Python, switching uses driver.switch_to followed by the method.

2. Step 2: Identify the correct method name

   The method to switch to main page is default_content(), not defaultFrame() or others.

3. Final Answer:

   driver.switch_to.default_content() -> Option D

4. Quick Check:

   Correct method name = default_content() [OK]

Hint: Use driver.switch_to.default_content() exactly [OK]

Common Mistakes:

• Using Java syntax like switchTo() in Python
• Calling non-existent methods like defaultFrame()
• Passing 'default' as frame name

3. Consider the following Selenium Python code snippet:

driver.switch_to.frame('frame1')
element = driver.find_element(By.ID, 'button')
driver.switch_to.default_content()
main_element = driver.find_element(By.ID, 'main_button')

What will happen when this code runs?

medium

A. It throws an error because you cannot switch back to default content.

B. It finds 'button' inside 'frame1' and then finds 'main_button' in the main page successfully.

C. It fails to find 'button' because the frame is not switched.

D. It finds 'main_button' but fails to find 'button' inside the frame.

Solution

1. Step 1: Switch to frame and find element inside it

   The code switches to 'frame1' and finds element with ID 'button' inside that frame.

2. Step 2: Switch back to default content and find main page element

   Using default_content() switches focus back to main page, so it can find 'main_button' there.

3. Final Answer:

   It finds 'button' inside 'frame1' and then finds 'main_button' in the main page successfully. -> Option B

4. Quick Check:

   Switch frame -> find element, default_content() -> find main element [OK]

Hint: Switch frame before finding inside it; default_content() resets focus [OK]

Common Mistakes:

• Not switching to frame before finding element inside it
• Trying to find main page element without switching back
• Assuming default_content() causes error

4. You have this Selenium Python code:

driver.switch_to.frame('frame1')
driver.switch_to.frame('frame2')
driver.switch_to.default_content()
element = driver.find_element(By.ID, 'submit')

But it throws a NoSuchElementException on the last line. What is the likely cause?

medium

A. The syntax for switching frames is incorrect.

B. You cannot switch to default content after switching to nested frames.

C. The element with ID 'submit' does not exist in the main page after switching to default content.

D. You must switch to parent frame before switching to default content.

Solution

1. Step 1: Understand frame switching and default content

   Switching to default content moves focus to main page, outside all frames.

2. Step 2: Reason about element location

   If element with ID 'submit' is not in main page but inside a frame, it won't be found after switching to default content.

3. Final Answer:

   The element with ID 'submit' does not exist in the main page after switching to default content. -> Option C

4. Quick Check:

   default_content() = main page; element must be there [OK]

Hint: Check element location matches current frame context [OK]

Common Mistakes:

• Thinking default_content() is invalid after nested frames
• Assuming element is in main page without verifying
• Confusing switching to parent frame with default content

5. You have a webpage with nested iframes: frameA contains frameB. You want to click a button inside frameB, then switch back to the main page and click another button there. Which sequence of Selenium Python commands is correct?

hard

A. driver.switch_to.frame('frameA')
driver.switch_to.frame('frameB')
driver.find_element(By.ID, 'btnB').click()
driver.switch_to.default_content()
driver.find_element(By.ID, 'btnMain').click()

B. driver.switch_to.frame('frameB')
driver.switch_to.frame('frameA')
driver.find_element(By.ID, 'btnB').click()
driver.switch_to.default_content()
driver.find_element(By.ID, 'btnMain').click()

C. driver.switch_to.default_content()
driver.switch_to.frame('frameA')
driver.switch_to.frame('frameB')
driver.find_element(By.ID, 'btnMain').click()

D. driver.switch_to.frame('frameA')
driver.find_element(By.ID, 'btnB').click()
driver.switch_to.default_content()
driver.find_element(By.ID, 'btnMain').click()

Solution

1. Step 1: Switch to nested frames in correct order

   First switch to 'frameA', then inside it switch to 'frameB' to access elements there.

2. Step 2: Click button in frameB and switch back to main page

   Click the button inside 'frameB', then use default_content() to return to main page.

3. Step 3: Click button in main page

   After switching back, find and click the button with ID 'btnMain' on the main page.

4. Final Answer:

   Sequence in Option A correctly switches frames, clicks buttons, and returns to main page. -> Option A

5. Quick Check:

   Nested frame switch -> click -> default_content() -> click main [OK]

Hint: Switch frames from outer to inner, default_content() resets to main [OK]

Common Mistakes:

• Switching frames in wrong order
• Skipping switch to inner frame before clicking
• Trying to click main page button without switching back