526互联

《最新出炉》系列初窥篇-Python+Playwright自动化测试-36-处理web页面定位toast-下篇

发布时间 2023-12-27 15:05:47作者: 北京-宏哥

1.简介

按理说，现在这种一闪而过的toast的已经相当普及或者是见怪不怪了，应该网上的大网站会用到的，偶然的在一次租房中，看到了这种场景，所以宏哥决定将其拿来主义，进行演示实践一下。

2.租房网站

事先声明啊，宏哥没有收他们的广告费啊，纯粹是为了学习和实战的。

2.1被测网址

1.被测网址的地址：

https://login.anjuke.com/login/form?history=aHR0cHM6Ly9iZWlqaW5nLmFuanVrZS5jb20v

2.网页如下图：

3.项目实战

今天就利用上边的实际网站，进行讲解和演示一下，同时来巩固一下前边的知识，温故而知新。

3.1代码设计

3.2参考代码

# coding=utf-8?

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

# 2.注释：包括记录创建时间，创建人，项目名称。
'''
Created on 2023-12-09
@author: 北京-宏哥
公众号：北京宏哥
Project: 《最新出炉》系列初窥篇-Python+Playwright自动化测试-36-处理web页面定位toast-下篇
'''
# 3.导入模块
from playwright.sync_api import Playwright, sync_playwright, expect


def run(playwright: Playwright) -> None:
    browser = playwright.chromium.launch(headless=False)
    context = browser.new_context()
    page = context.new_page()
    page.goto("https://login.anjuke.com/login/form?history=aHR0cHM6Ly9iZWlqaW5nLmFuanVrZS5jb20v")
    page.wait_for_timeout(2000)
    # 操作 iframe 上的元素
    frame = page.frame_locator("iframe[id^=iframeLoginIfm]")
    # xpath 匹配
    frame.locator('[id="phoneIpt"]').fill('13617831920')
    frame.locator('[id="smsIpt"]').fill('666666')
    frame.locator('[id="checkagree"]').click()
    frame.locator('[id="smsSubmitBtn"]').click()
    #page.pause()
    #toast_text = page.locator('[className="toast"]').inner_text()
    toast_text = frame.get_by_text('请获取验证码')
    page.wait_for_timeout(3000)
    #page.pause()
    print("Toast text is",toast_text.inner_text())
    context.close()
    browser.close()

with sync_playwright() as playwright:
    run(playwright)

3.3运行代码

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

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

4.小结

这里宏哥再次提醒小伙伴或者童鞋们，要注意iframe的陷阱，否则定位一辈子也定位不到元素，还有就是要注意iframe里toast的定位方法。宏哥用了xpath和className不好使，想必各位从宏哥注释的代码就可以看出了，最后实在不行了，就用了text的定位。而且这个元素比较***钻，就一个className，其他的什么属性都没有。也可能与Iframe的出现有关系吧。。。

好了，今天时间也不早了，宏哥就讲解和分享到这里，感谢您耐心的阅读，希望对您有所帮助。