1.简介

按照计划今天就要用实际的例子进行iframe自动化测试。经过宏哥长时间的查找，终于找到了一个含有iframe的网页（QQ邮箱和163邮箱），别的邮箱宏哥就没有细看了。所以今天这一篇的主要内容就是用这两个网页的iframe结合上一篇的理论知识，宏哥给小伙伴或者童鞋们演示一下。

2.QQ邮箱

2.1iframe

F12查看HTML元素可以发现iframe，如下图所示：

2.2代码设计

2.3参考代码

# coding=utf-8

1.先设置编码，utf-8可支持中英文，如上，一般放在第一行

2.注释：包括记录创建时间，创建人，项目名称。

'''
Created on 2023-07-23
@author: 北京-宏哥 QQ交流群：705269076
公众号：北京宏哥
Project: 《最新出炉》系列初窥篇-Python+Playwright自动化测试-11-playwright操作iframe
'''

3.导入模块

from playwright.sync_api import Playwright, sync_playwright

def run(playwright: Playwright) -> None:

browser = playwright.chromium.launch(headless=False, slow\_mo=1000)  
context = browser.new\_context()  
page = context.new\_page()  
page.goto("https://mail.qq.com/")  
page.wait\_for\_timeout(3000)  
#点击QQ登录  
page.locator("#QQMailSdkTool\_login\_loginBox\_tab\_item\_qq").click()  
page.wait\_for\_timeout(3000)  
# 定位frame  
frame = page.frame\_locator('\[class="QQMailSdkTool\_login\_loginBox\_qq\_iframe"\]').frame\_locator("#ptlogin\_iframe")  
#点击密码登录  
frame.locator("#switcher\_plogin").click()  
frame.locator('#u').fill('北京-宏哥')  
frame.locator('#p').fill("123456")  
frame.locator('#login\_button').click()  
context.close()  
browser.close()

with sync_playwright() as playwright:
run(playwright)

2.4运行代码

1.运行代码，右键Run'Test'，控制台输出，如下图所示：

2.运行代码后电脑端的浏览器的动作。如下图所示：

3.163邮箱

3.1iframe

同理F12查看HTML元素可以发现iframe，如下图所示：

3.2代码设计

由于iframe 元素 id 属性是动态可变的id="x-URS-iframe1676960382133.3657" 可以使用xpath的contains 模糊匹配，或者css的正则匹配来对其进行定位。

3.3参考代码

# coding=utf-8

1.先设置编码，utf-8可支持中英文，如上，一般放在第一行

2.注释：包括记录创建时间，创建人，项目名称。

'''
Created on 2023-07-23
@author: 北京-宏哥 QQ交流群：705269076
公众号：北京宏哥
Project: 《最新出炉》系列初窥篇-Python+Playwright自动化测试-11-playwright操作iframe
'''

3.导入模块

from playwright.sync_api import Playwright, sync_playwright

def run(playwright: Playwright) -> None:

browser = playwright.chromium.launch(headless=False, slow\_mo=1000)  
context = browser.new\_context()  
page = context.new\_page()  
page.goto("https://mail.163.com")  
# xpath 模糊匹配  
frame = page.frame\_locator('//iframe\[contains(@id, "x-URS-iframe")\]')  
frame.locator('\[name="email"\]').fill('北京-宏哥')  
frame.locator('\[name="password"\]').fill("123456")  
frame.locator('#dologin').click()  
context.close()  
browser.close()

with sync_playwright() as playwright:
run(playwright)

3.4运行代码

1.运行代码，右键Run'Test'，控制台输出，如下图所示：

2.运行代码后电脑端的浏览器的动作。如下图所示：

4.小结

1.在Web UI自动化的测试中，如果一个元素定位不到，那么最大的可能定位的元素属性是在 iframe 框架中，iframe 是 html 中的框架，在 html 中，所谓框架就是可以在同一个浏览器窗口中显示不止一个页面,对不同页面进行嵌套。顺着定位元素往上找，查看是否有