Nested iFrames in Selenium Python - Practice Problems & Coding Challenges

Challenge - 5 Problems

❓ Predict Output

intermediate

Output of Nested iFrame Text Extraction

What will be the output of the following Selenium Python code that switches to a nested iframe and extracts text?

Selenium Python

from selenium import webdriver
from selenium.webdriver.common.by import By

# Assume driver is already initialized and navigated to the page
driver.switch_to.frame(driver.find_element(By.ID, "frame1"))
driver.switch_to.frame(driver.find_element(By.NAME, "frame2"))
text = driver.find_element(By.TAG_NAME, "p").text
print(text)

A Prints empty string because element is not found

B Prints the text inside the <p> tag within the nested iframe

C Raises NoSuchElementException because nested iframe not switched correctly

D Raises StaleElementReferenceException due to iframe switching

💡 Hint

Remember to switch to each iframe level before accessing elements inside it.

The code correctly switches first to the outer iframe by ID, then to the inner iframe by name, then finds the

tag and extracts its text. This is the correct way to access nested iframe content.

❓ locator

intermediate

Best Locator Strategy for Nested iFrame Element

You need to locate a button inside a nested iframe structure. Which locator strategy is best to find the button element inside the innermost iframe?

A Use driver.find_element(By.ID, "button1") directly without switching frames

B Switch to outer iframe only, then use By.NAME locator for the button

C Use driver.find_element(By.XPATH, "//iframe//button[@id='button1']") without switching frames

D Switch to outer iframe, then inner iframe, then use By.CSS_SELECTOR with a unique class for the button

💡 Hint

Remember Selenium cannot find elements inside iframes without switching to them first.

You must switch to each iframe level before locating elements inside. Using a CSS selector with a unique class after switching frames is reliable and clear.

❓ assertion

advanced

Assertion for Text Presence in Nested iFrame

Which assertion correctly verifies that the text 'Welcome' is present inside a nested iframe after switching frames?

Selenium Python

driver.switch_to.frame("outerFrame")
driver.switch_to.frame("innerFrame")
text = driver.find_element(By.TAG_NAME, "body").text

A assert 'Welcome' in text

B assert text == 'Welcome'

C assert text.contains('Welcome')

D assert text.index('Welcome') >= 0

💡 Hint

Use Python syntax for substring presence in a string.

In Python, 'in' keyword checks substring presence. Option A is correct syntax and logic. Option A requires exact match, which may fail. Options C and D are invalid syntax or cause errors.

🔧 Debug

advanced

Debugging NoSuchFrameException in Nested iFrames

You get a NoSuchFrameException when running this code snippet. What is the most likely cause?

Selenium Python

driver.switch_to.frame("outerFrame")
driver.switch_to.frame("innerFrame")
driver.switch_to.frame("nonExistentFrame")

A You cannot switch to more than two nested frames in Selenium

B You must switch back to default content before switching to 'nonExistentFrame'

C The frame 'nonExistentFrame' does not exist inside the current frame context

D The frame names are case-insensitive, so 'nonExistentFrame' is invalid

💡 Hint

Check if the frame name exists inside the current frame context.

NoSuchFrameException means Selenium cannot find the frame with the given name in the current context. The frame 'nonExistentFrame' likely does not exist inside the currently focused frame.

❓ framework

expert

Best Practice for Handling Nested iFrames in Test Framework

In a test automation framework using Selenium Python, what is the best practice to handle nested iframes to improve code maintainability and readability?

A Create reusable functions that switch to nested iframes by accepting a list of frame identifiers

B Switch to nested iframes inline in each test without abstraction to keep code simple

C Avoid switching frames by injecting JavaScript to access iframe content directly

D Use global variables to store iframe elements and reuse them across tests

💡 Hint

Think about code reuse and reducing duplication when dealing with nested frames.

Creating reusable functions that accept a list of frame IDs or names to switch sequentially improves maintainability and readability. Inline switching duplicates code, JS injection is fragile, and global variables for elements can cause stale references.

Practice

1. What is the correct way to access an element inside a nested iframe using Selenium in Python?

easy

A. Switch to the outer iframe first, then switch to the inner iframe before accessing the element.

B. Directly access the element inside the inner iframe without switching frames.

C. Switch to the inner iframe first, then switch to the outer iframe.

D. Use driver.switch_to.default_content() to access elements inside nested iframes.

Solution

1. Step 1: Switch to the outer iframe first

   To access nested iframes, you must first switch to the outer iframe using driver.switch_to.frame().

2. Step 2: Switch to the inner iframe inside the outer iframe

   After switching to the outer iframe, switch again to the inner iframe before accessing elements inside it.

3. Final Answer:

   Switch to the outer iframe first, then switch to the inner iframe before accessing the element. -> Option A

4. Quick Check:

   Nested iframe access = switch step-by-step [OK]

Hint: Always switch frames stepwise from outer to inner [OK]

Common Mistakes:

• Trying to access inner iframe elements without switching frames
• Switching frames in wrong order
• Using default_content() before switching frames

2. Which of the following is the correct syntax to switch to an iframe named 'frame2' in Selenium Python?

easy

A. driver.switch_to.frame_by_name('frame2')

B. driver.switchTo().frame('frame2')

C. driver.switch_to.default_content('frame2')

D. driver.switch_to.frame('frame2')

Solution

1. Step 1: Use the correct Selenium Python syntax

   In Selenium Python, switching to a frame uses driver.switch_to.frame() with the frame name as argument.

2. Step 2: Identify the correct method call

   driver.switch_to.frame('frame2') uses the correct method and argument format to switch to the iframe named 'frame2'.

3. Final Answer:

   driver.switch_to.frame('frame2') -> Option D

4. Quick Check:

   Correct method is switch_to.frame() [OK]

Hint: Use driver.switch_to.frame('frame_name') to switch frames [OK]

Common Mistakes:

• Using Java syntax like switchTo() in Python
• Trying to pass frame name to default_content()
• Using non-existent methods like frame_by_name()

3. Given the following code snippet, what will be printed?

driver.switch_to.frame('outerFrame')
driver.switch_to.frame('innerFrame')
element = driver.find_element(By.ID, 'text')
print(element.text)
driver.switch_to.default_content()

medium

A. The text inside the element with ID 'text' inside innerFrame.

B. An error because you cannot switch frames twice.

C. The text inside the element with ID 'text' inside outerFrame only.

D. An error because default_content() should be called before accessing element.

Solution

1. Step 1: Switch to outerFrame then innerFrame

   The code correctly switches first to 'outerFrame' then to 'innerFrame', so the context is inside the inner iframe.

2. Step 2: Find element inside innerFrame and print text

   Finding element by ID 'text' inside innerFrame is valid, so printing element.text outputs the text inside that element.

3. Final Answer:

   The text inside the element with ID 'text' inside innerFrame. -> Option A

4. Quick Check:

   Switch frames stepwise = correct element access [OK]

Hint: Switch frames stepwise before accessing nested elements [OK]

Common Mistakes:

• Assuming switching frames twice causes error
• Expecting element from outerFrame after switching to innerFrame
• Calling default_content() too early

4. What is wrong with the following Selenium Python code to access an element inside a nested iframe?

driver.switch_to.frame('innerFrame')
element = driver.find_element(By.ID, 'submit')

medium

A. You should call driver.switch_to.default_content() before switching frames.

B. The method find_element should be find_elements.

C. You must switch to the outer iframe before switching to the inner iframe.

D. The frame name 'innerFrame' is invalid syntax.

Solution

1. Step 1: Understand nested iframe switching order

   To access an element inside a nested iframe, you must first switch to the outer iframe, then to the inner iframe.

2. Step 2: Identify missing outer frame switch

   The code switches directly to 'innerFrame' without switching to its parent outer iframe, causing failure to find the element.

3. Final Answer:

   You must switch to the outer iframe before switching to the inner iframe. -> Option C

4. Quick Check:

   Switch frames stepwise to avoid errors [OK]

Hint: Always switch outer frame before inner frame [OK]

Common Mistakes:

• Skipping outer frame switch
• Confusing find_element with find_elements
• Calling default_content() unnecessarily

5. You have a webpage with three nested iframes: outerFrame, middleFrame inside outerFrame, and innerFrame inside middleFrame. You want to click a button with ID 'confirmBtn' inside innerFrame. Which sequence of Selenium Python commands correctly performs this action?

hard

A. driver.switch_to.default_content()\ndriver.switch_to.frame('outerFrame')\ndriver.find_element(By.ID, 'confirmBtn').click()\ndriver.switch_to.default_content()

B. driver.switch_to.frame('outerFrame')\ndriver.switch_to.frame('middleFrame')\ndriver.switch_to.frame('innerFrame')\ndriver.find_element(By.ID, 'confirmBtn').click()\ndriver.switch_to.default_content()

C. driver.switch_to.frame('innerFrame')\ndriver.switch_to.frame('middleFrame')\ndriver.switch_to.frame('outerFrame')\ndriver.find_element(By.ID, 'confirmBtn').click()\ndriver.switch_to.default_content()

D. driver.find_element(By.ID, 'confirmBtn').click()\ndriver.switch_to.frame('outerFrame')\ndriver.switch_to.frame('middleFrame')\ndriver.switch_to.frame('innerFrame')

Solution

1. Step 1: Switch frames in correct nested order

   To reach the button inside innerFrame, switch first to outerFrame, then middleFrame, then innerFrame step-by-step.

2. Step 2: Find and click the button, then return to main page

   After switching to innerFrame, find the button by ID and click it. Then use driver.switch_to.default_content() to return to the main page.

3. Final Answer:

   Switch outerFrame -> middleFrame -> innerFrame, click button, then default_content() -> Option B

4. Quick Check:

   Nested frames require stepwise switching [OK]

Hint: Switch frames outer to inner, then act, then default_content() [OK]

Common Mistakes:

• Switching frames in reverse order
• Clicking element without switching frames
• Not returning to default content after action