WebUI自动化测试 —— PlayWright_微软开源了自己的自动化测试框架

于 2024-05-17 03:12:42 发布
阅读量955 收藏 14
点赞数 5
文章标签： 单元测试 功能测试 学习
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/2301_82244182/article/details/138984311
版权

img
img

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

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

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

  • 任意浏览器 • 全平台 • 同一套 API
  • 支持所有主流浏览器，包含：Chrome、Firefox、Safari、Microsoft Edge 等
  • 跨平台：Windows、Linux 和macOS
  • 可用于模拟移动端WEB应用的测试。
  • 支持无头模式（默认）和有头模式
  • 自动等待（auto-waits），外加一系列丰富的内置事件 —— 这是测试容易失效的主要原因
  • 可信事件、元素悬停（hover）、动态控件的交互、生产可信事件。Playwright 使用与真实用户一致的输入方式（pipeline）
  • 强大的工具: Codegen、Playwright inspector、Trace Viewer 。
  • 完全隔离 • 快速执行：浏览器上下文、一次登录多处重用

PlayWright 安装

PlayWright 功能强大，且安装步骤非常简单，自动匹配版本并搭建环境依赖 tip[2]，比selenium简单很多，操作如下 :

  • 安装 playwright-python  tip[3]
    命令：pip3 install playwright tip[4]
  • 安装主流的浏览器驱动
    命令：python3 -m playwright install
  • 查看PlayWright 支持的功能
    命令：python3 -m playwright help
python3 -m playwright help

Usage: index [options] [command]

Options:
  -V, --version                          output the version number
  -b, --browser <browserType>            browser to use, one of cr, chromium, ff, firefox, wk, webkit (default: "chromium")
  --color-scheme <scheme>                emulate preferred color scheme, "light" or "dark"
  --device <deviceName>                  emulate device, for example  "iPhone 11"
  --geolocation <coordinates>            specify geolocation coordinates, for example "37.819722,-122.478611"
  --lang <language>                      specify language / locale, for example "en-GB"
  --proxy-server <proxy>                 specify proxy server, for example "http://myproxy:3128" or "socks5://myproxy:8080"
  --timezone <time zone>                 time zone to emulate, for example "Europe/Rome"
  --timeout <timeout>                    timeout for Playwright actions in milliseconds (default: "10000")
  --user-agent <ua string>               specify user agent string
  --viewport-size <size>                 specify browser viewport size in pixels, for example "1280,720"
  -h, --help                             display help for command

Commands:
  open [url]                             open page in browser specified via -b, --browser
  cr [url]                               open page in Chromium
  ff [url]                               open page in Firefox
  wk [url]                               open page in WebKit
  codegen [options] [url]                open page and generate code for user actions
  screenshot [options] <url> <filename>  capture a page screenshot
  pdf [options] <url> <filename>         save page as pdf
  install                                Ensure browsers necessary for this version of Playwright are installed
  help [command]                         display help for command

从命令行帮助信息中可以看出，Playwright 支持的功能相当丰富！如多浏览器、截图、录制、代理、模拟手机、地理位置、pdf导出等。

现在我也找了很多测试的朋友，做了一个分享技术的交流群，共享了很多我们收集的技术文档和视频教程。
如果你不想再体验自学时找不到资源，没人解答问题，坚持几天便放弃的感受
可以加入我们一起交流。而且还有很多在自动化，性能，安全，测试开发等等方面有一定建树的技术大牛
分享他们的经验，还会分享很多直播讲座和技术沙龙
可以免费学习！划重点！开源的！！！
qq群号：110685036【暗号：csdn999】

实操演示

录制脚本

命令：playwright codegen
帮助:

  • –help 帮助文档
  • -o 指定生成自动化脚本录制的输出目录位置
  • –target 指定脚本语言，告诉他用什么语言写，后面一大堆，还有个python-pytest!，默认用python
  • -b 指定浏览器驱动，默认用的谷歌

示例:

`python3 -m playwright codegen --target python -o 'xndery.py' -b chromium https://www.baidu.com`
# 命令解析👇🏻：
# 打开 Chrome 浏览器开始录制脚本
# 指定生成语言为:Python（默认Python，可选）
# 保存的文件名：xndery.py（可选）
# 浏览器驱动：webkit（默认webkit，可选）
# 打开的目标网站（默认仅仅是打开浏览器，可选)
# 录制字符输入，并点击 百度一下 按钮
# 页面所有的人工操作，都会被自动转化成代码后保存至xndery.py文件中
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://www.baidu.com")
    page.locator("#kw").click()
    page.locator("#kw").fill("小姐姐AI图片")
    page.get_by_role("button", name="百度一下").click()

    context.close()
    browser.close()

with sync_playwright() as playwright:
    run(playwright)

图片

脚本正常运行：自动打开谷歌浏览器百度页面，自动输入关键字并点击按钮后得到搜索结果。

支持同步

同步的关键字为：sync_playwright，类似selenium脚本，同步模式的语法如下:

# 依次使用三个浏览器内核打开浏览器，
# 然后百度一下，接着对在搜索界面截图，最后关闭浏览器
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')

        # 执行一次搜索操作
        page.fill("input[name=\"wd\"]", "咸的AutoSense")
        with page.expect_navigation():
            page.press("input[name=\"wd\"]", "Enter")
        # 等待页面加载完全
        page.waitForSelector("text=水勺子")
        page.screenshot(path=f'test-{browser_type.name}.png')  # 截图
        sleep(3)
        browser.close()  # 关闭浏览器

playwright-python 内置的 API 基本上囊括常见的自动化操作。

支持异步

异步的关键字为：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://www.baidu.com')
            # 执行一次搜索操作
            await page.fill("input[name=\"wd\"]", "咸的AutoSense")
            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())
支持移动端

playwright还可支持移动端的浏览器模拟。

# 模拟在给定地理位置上手机iphone 13 Pro Max上的Safari浏览器，
# 首先导航到高德地图，然后执行定位并截图。
from playwright import sync_playwright

with sync_playwright() as p:
    iphone_11 = p.devices['iPhone 13 Pro Max']
    browser = p.webkit.launch(headless=False)
    context = browser.newContext(
        **iphone_13,
        locale='en-US',
        geolocation={ 'longitude': 39.913904, 'latitude': 116.39014 },
        permissions=['geolocation']
    )
    page = context.newPage()
    page.goto('https://amap.com')
    page.click('text="Now location"')
    page.screenshot(path='xndery-iphone.png')


![img](https://img-blog.csdnimg.cn/img_convert/9824e76ebba1f730954e5e9fff6d44b0.png)
![img](https://img-blog.csdnimg.cn/img_convert/f3b3ffccf80b7e8c62493c2d15cbf5fd.png)
![img](https://img-blog.csdnimg.cn/img_convert/a4888e9a295e40fe1f3dfbdc9fbc3923.png)

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

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

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

.(img-mo7P17dW-1715886740818)]

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

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

**[需要这份系统化的资料的朋友，可以戳这里获取](https://bbs.csdn.net/topics/618631832)**
2301_82244182
关注
  • 5
    点赞
  • 踩
  • 14
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Playwright+Python自动化测试
05-20
微软开源自动化测试工具Playwright，支持主流浏览器，包括：Chrome、Firefox、Safari 等，同时支持以无头模式、有头模式运行，并提供了同步、异步的 API，可以结合主流测试框架使用，并且支持浏览器端的自动化脚本...
Playwright+Python自动化测试课程
最新发布
05-20
微软在 2020 年初开源的新一代自动化测试工具，它的功能类似于 Selenium、Pyppeteer 等，都可以驱动浏览器进行各种自动化操作。它的功能也非常强大，对市面上的主流浏览器都提供了支持，API 功能简洁又强大。虽然...
未来必备！2024年15款最强大的自动化UI测试工具盘点，让你的测试游刃有余！_页面自动化测试工具
2401_84558983的博客
05-12 1733
用户可以使用其可扩展、安全且可靠的云 Selenium Grid在包含 3000 多个真实浏览器和浏览器版本的在线浏览器场上执行自动化 Web 测试，以最大限度地提高 UI 自动化测试的测试覆盖率。因此，您可以花更少的时间寻找烦人的问题。Appium 的美妙之处在于它的灵活性：它支持各种语言、测试框架和支持工具，使其成为移动应用程序测试的开发人员和测试人员的首选。通过专注于项目的 JavaScript 部分并提供创建可在浏览器上运行的自动化测试的能力，Squish 有助于确保整个开发过程中的项目质量。
自动化测试框架Playwright安装以及使用
nhb687096的博客
04-13 2931
Playwright是一个强大的Python库，仅用一个API即可自动执行Chromium、Firefox、WebKit等主流浏览器自动化操作，并同时支持以无头模式、有头模式运行。Playwright提供的自动化技术是绿色的、功能强大、可靠且快速，支持Linux、Mac以及Windows操作系统。官网：https://playwright.dev/从官网的解释，官方给Playwright定位是一款真正意义上的Web端到端测试工具。
WebUI自动化测试 —— PlayWright
11-20 209
PlayWright 提供的自动化技术是绿色的、功能强大、可靠且快速的。支持多操作系统平台，可多浏览器自动执行WebUI的自动化操作，并提供了同步、异步的 API、自动化脚本录制，可结合 Pytest 测试框架使用。同时也支持多种编程语言，如JavaScript、TypeScript、Python和C#。
推荐一款最强Python自动化神器！不用写一行代码！
测试开发技术
12-18 1418
此文章来源于官方公众号：「测试开发技术」 版权声明：允许转载，但转载必须保留原链接；请勿用作商业或者非法用途 搞过自动化测试的小伙伴，相信都知道，在Web自动化测试中，有一款自动化测试神器工具: selenium。结合标准的WebDriver API来编写Python自动化脚本，可以实现解放双手，让脚本代替人工在Web浏览器上完成指定的操作。 虽然selenium有完备的文档，但也需要一定的学习成本，对于一个纯小白来讲还是有些门槛的。 最近，微软开源了一个非常强大的自动化项目叫**「playwrigh.
UI自动化之Playwright简介
软件测试技术分享官
11-22 262
UI自动化测试是指通过编写自动化脚本来模拟用户操作UI界面，并验证UI的正确性、可用性及性能的一种测试方法。
深入探索Python Playwright自动化UI测试框架源码
03-25
项目概述：深入探索基于Python的Playwright UI自动化测试框架 本项目致力于深入研究Playwright这一前沿的自动化UI测试框架，采用Python语言进行深入剖析与实践。项目包含35个文件，其中主要包括： - Python脚本...
《Playwright+Python 自动化测试 》第一章 环境准备与快速开始-上海悠悠.pdf
01-04
TestCafe则是一个易于使用的开源自动化测试框架，无需预配置，可直接在浏览器中运行。尽管这些框架各有优点，但Playwright脱颖而出，因为它支持所有主流浏览器（Chromium、Firefox、WebKit），并且提供了统一的API。...
Pytest-UI自动化框架实战.xmind
06-19
UI自动化框架实战，基于pytest，包括各种方法的封装，用例的断言以及重跑。测试报告的发送，pytest fixture的使用。
Python + Playwright 无头浏览器Chrome找不到元素
Junson142099的博客
07-25 3985
用Python + Playwright调试时，发现不用无头浏览器（即`headless=False`）代码能够运行成功，但是一用无头浏览器时（即`headless=True`）就会报错，提示找不到元素。换成Firefox浏览器又不会有这个问题，有可能是因为网站有一个前段反爬虫手段。
测试开发 | 相比 Selenium，Web 自动化测试框架 Playwright 有哪些强大的优势？
自动化测试技术栈
12-25 1511
Playwright是由微软的研发团队所开发的一款 Web 自动化测试框架，这个框架具有多平台、跨语言的特点。除了基本的自动化测试能力之外，同时它还具备非常强大的录制功能、追踪功能。以下是 Playwright 与 Selenium 的对比。
「自动化测试」新一代 Web 前端自动化测试框架 —— playwright 快速上手，轻松带入项目
热门推荐
秋天，黄叶坠地，凉风有信。
05-09 1万+
playwright上手 内网如何安装项目依赖 注意：想运行 playwright需要下载相关浏览器的二进制文件 由于默认情况下，Playwright 会从 Microsoft CDN 下载浏览器二进制文件。 公司内网会阻止对公共资源的直接访问，所以不能直接通过内网进行下载。 解决办法： 在外网，创建一个文件夹随后在该目录下呼出命令行并输入 npm i -D @playwright/test 页面目录发生变化，并且命令行出现 added 193 packages in 15s 代表下载完成 随后命令
自动化Playwright专题汇总
HarryChenj的专栏
08-10 1848
palywright入门、核心架构、核心知识点、selector、RF测试等汇总
基于JAVA实现的WEB端UI自动化 -自动化测试简单介绍
软件测试技术分享官
10-18 699
软件测试领域技术不断创新 手工测试重复性工作量较大 技术革新，通过使用工具或者脚本代码让计算机帮助测试人员完成一些简单操作
playwright webui自动化框架设计
03-28
Playwright是一个用于Web UI自动化测试的开源框架，它由Microsoft开发并维护。它支持多种编程语言，包括JavaScript、Python和.NET等，可以在不同的浏览器上执行自动化测试任务。 Playwright的设计目标是提供一个可靠、高效和易于使用的工具，以简化Web应用程序的自动化测试。以下是Playwright框架的设计要点： 1. 多浏览器支持：Playwright支持多种主流浏览器，包括Chrome、Firefox和WebKit（Safari）。这意味着你可以使用相同的代码在不同的浏览器上执行测试，而无需修改代码。 2. 强大的API：Playwright提供了丰富的API，可以模拟用户在浏览器中的各种操作，如点击、输入、滚动等。你可以使用这些API来编写自动化测试脚本，以验证Web应用程序的功能和交互。 3. 平台无关性：Playwright可以在不同的操作系统上运行，包括Windows、Mac和Linux。这使得团队成员可以在不同的开发环境中共享和执行测试。 4. 支持并发执行：Playwright支持并发执行测试任务，可以同时在多个浏览器实例中执行测试。这提高了测试的效率，并且可以更好地模拟真实用户的行为。 5. 内置调试工具：Playwright提供了内置的调试工具，可以帮助你在测试过程中定位和解决问题。你可以在浏览器中实时查看测试执行的情况，并检查页面的状态和元素属性。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值