fqx/iframe_test_output.txt

## iframe_test_output.txt
============================================================
Page URL: file:///Users/fqx/PycharmProjects/BOSS-hire/test_iframe_nested/outer.html
============================================================

[Test 1] tab.find() by text (returns first match)
  FOUND outer: 'I am in the OUTER frame'
  FOUND middle: 'I am in the MIDDLE frame'
  NOT FOUND inner (nested): Timeout (3s) waiting for element with text: 'I am in the INNER frame (nested iframe)'

[Test 2] tab.find_all('p') - how many <p> elements found?
  Found 2 <p> elements:
    - 'I am in the OUTER frame'
    - 'Outer Page'

[Test 3] tab.query_selector_all('p') via DOM (no iframe recursion)
  document.querySelectorAll('p').length = 1

[Test 4] tab.find() by element id
  FOUND #outer-text
  NOT FOUND #middle-text: TimeoutError
  NOT FOUND #inner-text: TimeoutError
  NOT FOUND #inner-btn: TimeoutError

============================================================
Done. Check results above.
============================================================

## inner.html
<!DOCTYPE html>
<html>
<head><title>Inner Frame</title></head>
<body>
  <p id="inner-text">I am in the INNER frame (nested iframe)</p>
  <button id="inner-btn">Click me (deep nested)</button>
</body>
</html>

## middle.html
<!DOCTYPE html>
<html>
<head><title>Middle Frame</title></head>
<body>
  <p id="middle-text">I am in the MIDDLE frame</p>
  <iframe id="inner-frame" src="inner.html" width="500" height="300"></iframe>
</body>
</html>

## outer.html
<!DOCTYPE html>
<html>
<head><title>Outer Page</title></head>
<body>
  <p id="outer-text">I am in the OUTER frame</p>
  <iframe id="middle-frame" src="middle.html" width="600" height="400"></iframe>
</body>
</html>

## test_nested_iframe.py
"""
Test whether zendriver's find()/find_all() recursively searches nested iframes.

Structure:
  outer.html
    -> middle.html  (iframe in outer)
      -> inner.html  (iframe in middle = nested iframe)

We try to find elements in all three levels using tab.find() and tab.find_all().
"""

import asyncio
import os
import zendriver as zd

HTML_DIR = os.path.dirname(os.path.abspath(__file__))
OUTER_URL = f"file://{HTML_DIR}/outer.html"


async def main():
    browser = await zd.start(headless=False)
    tab = await browser.get(OUTER_URL)

    # Give iframes time to load
    await asyncio.sleep(1)

    print("=" * 60)
    print(f"Page URL: {OUTER_URL}")
    print("=" * 60)

    # --- Test 1: find() by text content ---
    print("\n[Test 1] tab.find() by text (returns first match)")

    for label, text in [
        ("outer", "I am in the OUTER frame"),
        ("middle", "I am in the MIDDLE frame"),
        ("inner (nested)", "I am in the INNER frame (nested iframe)"),
    ]:
        try:
            el = await tab.find(text, timeout=3)
            print(f"  FOUND {label}: {el.text!r}")
        except Exception as e:
            print(f"  NOT FOUND {label}: {e}")

    # --- Test 2: find_all() by tag ---
    print("\n[Test 2] tab.find_all('p') - how many <p> elements found?")
    try:
        elements = await tab.find_all("p")
        print(f"  Found {len(elements)} <p> elements:")
        for el in elements:
            print(f"    - {el.text!r}")
    except Exception as e:
        print(f"  Error: {e}")

    # --- Test 3: query_selector_all (no iframe recursion expected) ---
    print("\n[Test 3] tab.query_selector_all('p') via DOM (no iframe recursion)")
    try:
        count = await tab.evaluate("document.querySelectorAll('p').length")
        print(f"  document.querySelectorAll('p').length = {count}")
    except Exception as e:
        print(f"  Error: {e}")

    # --- Test 4: find by id ---
    print("\n[Test 4] tab.find() by element id")
    for el_id in ["outer-text", "middle-text", "inner-text", "inner-btn"]:
        try:
            el = await tab.find(el_id, timeout=3)
            print(f"  FOUND #{el_id}")
        except Exception as e:
            print(f"  NOT FOUND #{el_id}: {type(e).__name__}")

    print("\n" + "=" * 60)
    print("Done. Check results above.")
    print("=" * 60)

    await asyncio.sleep(3)
    await browser.stop()


asyncio.run(main())
	============================================================
	Page URL: file:///Users/fqx/PycharmProjects/BOSS-hire/test_iframe_nested/outer.html
	============================================================

	[Test 1] tab.find() by text (returns first match)
	FOUND outer: 'I am in the OUTER frame'
	FOUND middle: 'I am in the MIDDLE frame'
	NOT FOUND inner (nested): Timeout (3s) waiting for element with text: 'I am in the INNER frame (nested iframe)'

	[Test 2] tab.find_all('p') - how many <p> elements found?
	Found 2 <p> elements:
	- 'I am in the OUTER frame'
	- 'Outer Page'

	[Test 3] tab.query_selector_all('p') via DOM (no iframe recursion)
	document.querySelectorAll('p').length = 1

	[Test 4] tab.find() by element id
	FOUND #outer-text
	NOT FOUND #middle-text: TimeoutError
	NOT FOUND #inner-text: TimeoutError
	NOT FOUND #inner-btn: TimeoutError

	============================================================
	Done. Check results above.
	============================================================
	<!DOCTYPE html>
	<html>
	<head><title>Inner Frame</title></head>
	<body>
	<p id="inner-text">I am in the INNER frame (nested iframe)</p>
	<button id="inner-btn">Click me (deep nested)</button>
	</body>
	</html>
	<!DOCTYPE html>
	<html>
	<head><title>Middle Frame</title></head>
	<body>
	<p id="middle-text">I am in the MIDDLE frame</p>
	<iframe id="inner-frame" src="inner.html" width="500" height="300"></iframe>
	</body>
	</html>
	<!DOCTYPE html>
	<html>
	<head><title>Outer Page</title></head>
	<body>
	<p id="outer-text">I am in the OUTER frame</p>
	<iframe id="middle-frame" src="middle.html" width="600" height="400"></iframe>
	</body>
	</html>
	"""
	Test whether zendriver's find()/find_all() recursively searches nested iframes.

	Structure:
	outer.html
	-> middle.html (iframe in outer)
	-> inner.html (iframe in middle = nested iframe)

	We try to find elements in all three levels using tab.find() and tab.find_all().
	"""

	import asyncio
	import os
	import zendriver as zd

	HTML_DIR = os.path.dirname(os.path.abspath(__file__))
	OUTER_URL = f"file://{HTML_DIR}/outer.html"


	async def main():
	browser = await zd.start(headless=False)
	tab = await browser.get(OUTER_URL)

	# Give iframes time to load
	await asyncio.sleep(1)

	print("=" * 60)
	print(f"Page URL: {OUTER_URL}")
	print("=" * 60)

	# --- Test 1: find() by text content ---
	print("\n[Test 1] tab.find() by text (returns first match)")

	for label, text in [
	("outer", "I am in the OUTER frame"),
	("middle", "I am in the MIDDLE frame"),
	("inner (nested)", "I am in the INNER frame (nested iframe)"),
	]:
	try:
	el = await tab.find(text, timeout=3)
	print(f" FOUND {label}: {el.text!r}")
	except Exception as e:
	print(f" NOT FOUND {label}: {e}")

	# --- Test 2: find_all() by tag ---
	print("\n[Test 2] tab.find_all('p') - how many <p> elements found?")
	try:
	elements = await tab.find_all("p")
	print(f" Found {len(elements)} <p> elements:")
	for el in elements:
	print(f" - {el.text!r}")
	except Exception as e:
	print(f" Error: {e}")

	# --- Test 3: query_selector_all (no iframe recursion expected) ---
	print("\n[Test 3] tab.query_selector_all('p') via DOM (no iframe recursion)")
	try:
	count = await tab.evaluate("document.querySelectorAll('p').length")
	print(f" document.querySelectorAll('p').length = {count}")
	except Exception as e:
	print(f" Error: {e}")

	# --- Test 4: find by id ---
	print("\n[Test 4] tab.find() by element id")
	for el_id in ["outer-text", "middle-text", "inner-text", "inner-btn"]:
	try:
	el = await tab.find(el_id, timeout=3)
	print(f" FOUND #{el_id}")
	except Exception as e:
	print(f" NOT FOUND #{el_id}: {type(e).__name__}")

	print("\n" + "=" * 60)
	print("Done. Check results above.")
	print("=" * 60)

	await asyncio.sleep(3)
	await browser.stop()


	asyncio.run(main())