2024年软件测试最新自动化测试框架Playwright安装以及使用_playwright自动化框架，2024年最新34岁软件测试开发大叔感慨

网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。

需要这份系统化的资料的朋友，可以戳这里获取

一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！

-h, --help display help for command

Examples:

$ codegen
$ codegen --target=python
$ -b webkit codegen https://example.com

其中:


python -m playwright codegen  录制脚本  
 --help  帮助文档  
 -o  生成自动化脚本的目录  
 --target 脚本语言，包含 JS 和 Python，分别对应值为：python 和 javascript  
 -b  指定浏览器驱动  
 比如，我要在baidu.com搜索，用chromium驱动，将结果保存为mikezhou.py的python文件。# 我们通过下面命令打开 Chrome 浏览器开始录制脚本  
 # 指定生成语言为:Python（默认Python，可选）  
 # 保存的文件名：mikezhou.py（可选）  
 # 浏览器驱动：webkit（默认webkit，可选）  
 # 最后跟着要打开的目标网站（默认仅仅是打开浏览器，可选）  
 python3 -m playwright codegen --target python -o 'mikezhou.py' -b chromium https://www.baidu.com


命令行输入后会自动打开浏览器，然后可以看见在浏览器上的一举一动都会被自动翻译成代码，如下所示:


![](https://img-blog.csdnimg.cn/img_convert/fce869e09e9b2a465eb3dd526a431ef0.png)


![](https://img-blog.csdnimg.cn/img_convert/c48932832003f6470fc4fcb4d87b5254.png)


最后，自动化脚本会自动生成，保存到文件中mikezhou.py, 且上述所有的人工操作，都会被自动转化成代码：


**2）支持同步**


同步的关键字为：sync\_playwright


比如，我们依次使用三个浏览器内核打开浏览器，然后百度一下，接着对在搜索界面截图，最后关闭浏览器


from time import sleep  
 from playwright import sync\_playwright


# 注意：默认是无头模式  
 with sync\_playwright() as p:  
     # 分别对应三个浏览器驱动  
     for browser\_type in [p.chromium, p.firefox, p.webkit]:


        # 指定为有头模式，方便查看  
         browser = browser\_type.launch(headless=False)  
         page = browser.newPage()  
         page.goto('http://baidu.com')

from playwright import sync_playwright

def run(playwright):
browser = playwright.chromium.launch(headless=False)
context = browser.newContext()

# Open new page
page = context.newPage()

# Go to https://www.baidu.com/
page.goto("https://www.baidu.com/")

# Click input[name="wd"]
page.click("input[name=\"wd\"]")

# Fill input[name="wd"]
page.fill("input[name=\"wd\"]", "禾目大")

# Press CapsLock
page.press("input[name=\"wd\"]", "CapsLock")

# Fill input[name="wd"]
page.fill("input[name=\"wd\"]", "自动化测试实战宝典 ")

# Press Enter
page.press("input[name=\"wd\"]", "Enter")
# assert page.url() == "https://www.baidu.com/s?ie=utf-8&f=8&rsv_bp=1&rsv_idx=1&tn=baidu&wd=%E8%87%AA%E5%8A%A8%E5%8C%96%E6%B5%8B%E8%AF%95%E5%AE%9E%E6%88%98%E5%AE%9D%E5%85%B8%20&fenlei=256&rsv_pq=af40e9aa00012d5a&rsv_t=c659gpz2%2Fjri1SAoIXdT9gP%2BmrqufXzRtMSSAL0n0fv7GSoLF5vaiNVPA3U&rqlang=cn&rsv_enter=1&rsv_dl=tb&rsv_sug3=38&rsv_sug1=22&rsv_sug7=100&rsv_sug2=0&rsv_btype=i&inputT=8034&rsv_sug4=9153"

# Close page
page.close()

# ---------------------
context.close()
browser.close()

with sync_playwright() as playwright:
run(playwright)

执行一次搜索操作

    page.fill("input[name=\"wd\"]", "自动化测试实战宝典")
    with page.expect_navigation():
        page.press("input[name=\"wd\"]", "Enter")

    # 等待页面加载完全
    page.waitForSelector("text=搜索工具")
    
    # 截图
    page.screenshot(path=f'test-{browser_type.name}.png')

    # 休眠3s
    sleep(3)

    # 关闭浏览器
    browser.close()

**需要指出的是，playwright-python 内置的 API 基本上囊括常见的自动化操作。**


**3）支持异步**


异步步的关键字为：async\_playwright，异步操作可结合asyncio同时进行三个浏览器操作。

import asyncio
from playwright import async_playwright

异步执行

async def main():
async with async_playwright() as p:
for browser_type in [p.chromium, p.firefox, p.webkit]:
# 指定为有头模式，方便查看
browser = await browser_type.launch(headless=False)
page = await browser.newPage()

        await page.goto('http://baidu.com')

        # 执行一次搜索操作
        await page.fill("input[name=\"wd\"]", "自动化测试实战宝典")
        await page.press("input[name=\"wd\"]", "Enter")

        # 等待页面加载完全
        await page.waitForSelector("text=搜索工具")

        # 截图
        await page.screenshot(path=f'test-{browser_type.name}.png')
        await browser.close()

asyncio.get_event_loop().run_until_complete(main())

**4）支持移动端**


更厉害的是，playwright还可支持移动端的浏览器模拟。下面是官方文档提供的一段代码，模拟在给定地理位置上手机iphone 11 pro上的Safari浏览器，首先导航到maps.google.com，然后执行定位并截图。

from playwright import sync_playwright

with sync_playwright() as p:
iphone_11 = p.devices[‘iPhone 11 Pro’]
browser = p.webkit.launch(headless=False)
context = browser.newContext(
**iphone_11,
locale=‘en-US’,
geolocation={ ‘longitude’: 12.492507, ‘latitude’: 41.889938 },
permissions=[‘geolocation’]
)
page = context.newPage()
page.goto(‘https://maps.google.com’)
page.click(‘text=“Your location”’)
page.screenshot(path=‘colosseum-iphone.png’)
browser.close()

**5）支持Pytest框架**


另外，还可以配合[pytest]( )插件一起使用，给出一段官网示例:


def test\_playwright\_is\_visible\_on\_google(page):  
     page.goto("https://www.google.com")  
     page.type("input[name=q]", "Playwright GitHub")  
     page.click("input[type=submit]")  
     page.waitForSelector("text=microsoft/Playwright")  
 当然，除了上面列举出来的特性，还有更多有意思的用法，感兴趣的读者可以自行探索一下。


**4、小结**


playwright相比已有的自动化测试框架来说，具有有很多优势，比如：


跨浏览器，支持Chromium、Firefox、WebKit；  
 跨操作系统，支持Linux、Mac、Windows；  
 可提供录制生成代码功能，解放双手；  
 可用于移动端；  
 目前存在的缺点就是生态和文档还不是非常完备，比如没有API中文文档、没有较好的教程和示例供学习。不过相信，随着知道的人越来越多，未来会越来越好。


最后，再说一个小秘密，Playwright 是一个跨语言的自动化框架，除了支持 Python，也支持Java、JS 等，更加详细的功能可以通过官方项目去解锁~


**最后感谢每一个认真阅读我文章的人，礼尚往来总是要有的，虽然不是什么很值钱的东西，如果你用得到的话可以直接拿走：**


![](https://img-blog.csdnimg.cn/2765824078ba44249b8248688a5b8456.png)




![img](https://img-blog.csdnimg.cn/img_convert/47a1f27ce3ed3bada18a95475e967764.png)
![img](https://img-blog.csdnimg.cn/img_convert/09549b50b305a9335c059370850c7586.png)
![img](https://img-blog.csdnimg.cn/img_convert/e978a3fd70e2d7dc75c45da90f990efb.png)

**既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，涵盖了95%以上软件测试知识点，真正体系化！**

**由于文件比较多，这里只是将部分目录截图出来，全套包含大厂面经、学习笔记、源码讲义、实战项目、大纲路线、讲解视频，并且后续会持续更新**

**[需要这份系统化的资料的朋友，可以戳这里获取](https://bbs.csdn.net/forums/4f45ff00ff254613a03fab5e56a57acb)**

)]

**既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，涵盖了95%以上软件测试知识点，真正体系化！**

**由于文件比较多，这里只是将部分目录截图出来，全套包含大厂面经、学习笔记、源码讲义、实战项目、大纲路线、讲解视频，并且后续会持续更新**

**[需要这份系统化的资料的朋友，可以戳这里获取](https://bbs.csdn.net/forums/4f45ff00ff254613a03fab5e56a57acb)**