Tester_muller的博客

我们在进行web自动化时，经常遇到一些不好操作的元素，普通的元素定位和操作容易报错，如果我们使用的selenium的话，就可以使用selenium调用js脚本进行操作。在playwright 中也有类似的方法，使用page.evaluate()执行JavaScript脚本。page.evaluate()和page.evaluate_handle()之间的唯一区别是page.evaluate_handle()返回JSHandle。page.evaluate() 返回调用执行的结果。

本文主要介绍了playwright的鼠标悬停操作，相对于selenium，playwright的悬停操作代码更为简单，执行更加迅速。

我们在日常工作和生活中，经常会遇到滑块的情况，如下图所示：淘宝的网页登录，在我们输入完账号密码后，需要按住滑块，并且滑动至最右边，才可以登录。这是最为常见的滑块安全验证机制，当然也对我们的自动化工作造成了部分的困扰，在selenium中，我们可以通过滑动滑块来解决这个问题，而playwright同样可以帮助我们实现这个操作。

上篇文章我们介绍了使用playwright下载文件的方法，本篇文章我们将介绍使用playwright上传文件。上传文件是我们经常需要面对的场景，如果我们使用的是selenium，那我们的操作会比较复杂，因为有的文件上传是input控件，有些是需要我们直接传文件地址，一旦弹出文件选择框的话，selenium就无能为力了，而playwright能很好地帮我们解决这个问题。

在我们进行web自动化测试的过程中，我们经常会面临需要登录的情况，每一次打开页面如果都需要重新登录的话，就会大大增加测试所需要的时间，体现不出自动化测试的优势，我们都知道selenium可以通过cookie实现登录，那么playwright能不能实现这个功能呢？答案是肯定的，playwright可以实现保存cookie实现自动化登录的功能。

我们都知道，selenium可以实现Chrome浏览器的复用，绕过登录步骤，实现cookie的复用，playwright同样也可以实现该功能。本文主要介绍了playwright对已打开的浏览器的操作，playwright与selenium一样，都支持对浏览器的复用，帮助我们避开登录操作。

我们在工作中，会遇到需要使用不同的硬件设备测试兼容性的问题，尤其是现在手机型号，屏幕大小分辨率五花八门的，我们基本不可能全部机型都用真机测试一遍，playwright提供了模仿机型的功能，我们可以使用playwright来模拟设备。本文主要讲解了使用playwright模拟各种硬件设备的方法，我们可以使用这个方法模拟各种硬件设备，方便我们进行兼容性的测试。

在我们的日常工作中，经常会遇到文件下载的事件，如下图：我们可以看到在下载文件时会弹出一个Windows对话框，我们知道，selenium只能操作web页面，无法操作Windows对话框，使用selenium时，我们可以借助autoit等工具实现该功能。playwright则可以不借助其他工具实现文件的下载。本文主要介绍了使用playwright实现自动化的文件下载，相比于selenium，playwright文件下载的功能更加强大，不需要借助其他工具就能够实现。更多技术文章。

工作和生活中，经常会遇到我们需要进行选择的情况，比如勾选，或者我们选择性别，男女两个性别总是不能同时选中的，比如我们在选择兴趣爱好时，我们可以选择多个自己感兴趣的话题，比如篮球足球电竞等话题。我们在执行自动化测试的过程中，必须要学会处理这样的情况。本文主要介绍了playwright对选择框的处理，playwright对选择框的处理比selenium更为简单，没有类似selenium的复杂操作，更为直接便捷。更多技术文章。

我们日常工作中，经常会遇到我们的页面内容较多，一个屏幕范围无法完整展示内容，我们就需要滚动屏幕去到我们想要的地方，如下页面，我们想要在豆瓣首页，内容并不完整，如果我们想要直接点击电影模块中的选电影按钮，是需要往下滑动的。本文主要介绍了playwright的滑动操作元素的操作，playwright对于滑动查找元素的操作比selenium更加方便，不需要我们操作滑块就可以完成操作。

我们在日常工作中，会经常遇到弹出警告框的问题，弹框无法绕过，必须处理才可以执行后续的测试，所以弹框处理也是我们必须掌握的一个知识。弹框通常分为3种，分别为alert，confirm，promot。

在日常工作中，我们经常是基于某个测试环境地址去测试某个项目，所以应该把它单独拿出来做为一个全局的配置。其他网址可以使用不同的后缀，只使用相对地址。本文主要介绍了playwright中base_url的使用，base_url的使用帮助我们降低了耦合性，一旦base_url改变，我们只需要修改base_url即可，不需要全部修改我们的网址，更方便我们的工作。

我们在日常工作中，经常会遇到下面的情况，我们需要在一个下拉框中选择一个选项：在使用selenium定位的过程中，我们可以选择使用selenium的Select类，有了playwright，我们的操作会变得更简单一些。playwright也提供了select的方法进行操作。本文主要介绍了playwright对下拉框的处理，playwright的下拉框处理相对于selenium来说，更加方便，不需要再额外导入其他函数即可完成，定位也非常简单。

我们之前介绍过，我们在本地安装playwright时，默认会下载chromium,firefox 和 webkit浏览器，当然playwright不只支持下载这3个浏览器，还支持下载chrome、chrome-beta、msedge、msedge-beta、msedge-dev浏览器。本文主要介绍了playwright对各浏览器的下载，以及启动不同浏览器的方法，我们需要注意启动Chrome或者edge浏览器时，需要加上chanel参数。更多技术文章。

当我们打开有的网站，网站会请求权限，比如某些网站要进进行声音采集或者开启摄像头时，都会弹出一个权限请求框，如下图：这种权限请求与alert弹框不同，并不是在页面上，所以selenium无法处理这种弹框，但是playwright却可以实现对这些权限请求弹框的处理。本文就给大家介绍一下playwright对这些权限弹框的处理。

我们在进行web自动化测试的过程中，有时候我们需要判断元素是否存在，才可以进行下一步的点击操作或断言，如果我们使用的是selenium，可以使用显式等待方式，或者使用find_elements判断列表长度，但是playwright有另外一个判断方式，直接计算元素数量来判断元素是否存在，比起selenium来说，步骤更为简单，本文就为大家介绍playwright判断元素是否存在的方法。

我们都知道selenium可以操作命令行打开的Chrome浏览器，并且可以加载本地数据，因此我们可以绕过部分网站的登录步骤，直接对网站进行操作。如果我们不加任何参数，playwright打开的浏览器就是一个无痕浏览器，一般情况下，对我们测试人员来说，这一点并不影响我们的使用。但是playwright还是给我们提供了launch_persistent_context来启动本地的Chrome浏览器。

我们在使用selenium进行web自动化测试工作时，有时需要通过添加显式等待的方式，判断元素是否可见或者是否可以点击，其实这些元素属性也可以用于断言中，playwright同样可以去获取元素的状态，用于我们的后续操作或者断言中。本篇文章就来给大家介绍一下playwright对元素状态的判断。本文主要介绍了playwright判断元素状态的方法，判断元素状态为我们的自动化工作提供了很好的依据，不管是操作元素还是进行断言，元素状态都可以为我们提供依据。更多技术文章。

使用selenium进行web自动化测试，如果我们打开了多个网页，进行网页切换时，我们需要先获取各个页面的句柄，通过句柄来区分各个页面，然后使用switch_to.window()实现切换，这样的操作比较麻烦，playwright的网页切换比selenium更为简单快捷。本文就给大家介绍一下playwright多个网页的切换方法。本文主要介绍了playwright的页面切换，playwright切换页面不需要获取页面句柄，实现比selenium简单许多，是playwright对于selenium的一大优势。

在我们使用部分网站的时候，我们会遇到进行日期选择的问题，比如我们预定火车票或者预定酒店，需要选择发车日期或者酒店的入住与退房时间。我们执行自动化测试遇到日期控件时，如果可以输入，可以使用selenium的send_keys()方法进行输入，playwright同样也可以实现对日期控件的操作，本文我们就来介绍一下playwright的日期控件操作。

我们在进行自动化工作中，还会遇到表格的问题，比如下面的情况：如果我们想要获取表格内的数据，就需要我们先定位表格内的元素。本文主要介绍了playwright对表格的处理，后续我们将介绍playwright的其他用法。更多技术文章。

鼠标为我们使用电脑提供了很多方便，我们看到的东西就可以将鼠标移动过去进行点击就可以打开或者访问内容，当页面内容过长时，我们也可以使用鼠标滚轮来实现对整个页面内容的查看，其实playwright也有鼠标操作的方法，本文我们就来介绍playwright的鼠标操作。本文主要介绍了playwright的鼠标操作，希望可以帮到大家。更多技术文章。

在我们日常执行自动化测试工作的过程中，经常会遇到一些偶发性的bug，但是因为bug是偶发性的，我们不一定每次执行都能复现，所以我们在测试执行的时候，追踪用例执行就变得非常重要了。playwright提供了一个Playwright Trace Viewer工具来追踪测试执行，这是一个GUI工具，我们可以通过它探索记录的 Playwright 测试跟踪，可以在测试的每个操作中前后移动，并直观地查看每个操作期间发生的情况。

selenium有一个爬虫特别喜欢的功能，就是driver.page_source功能，它可以打印整个html页面的内容，我们可以从整个页面的内容中提取出我们想要的内容，playwright同样支持打印整个html页面的内容。本文主要介绍了playwright打印页面内容的方法，playwright相比selenium的一大优点就是，playwright能够打印部分页面内容，还可以提取文本等信息，我们熟练使用playwright，能够解决一些使用selenium无法解决的问题。更多技术文章。

我们在使用selenium进行自动化测试的过程中，遇到输入框时，我们可以使用send_keys（）输入内容，也可以使用键盘事件向输入框内输入内容，只是使用键盘事件时需要导入Keys，作为一款强大的工具，selenium有的功能，playwright也有，playwright同样可以使用键盘输入内容，本篇文章就来为大家介绍一下playwright的键盘事件。

我们使用selenium进行元素拖拽时，通常要使用ActionChains来实现drag_and_drop的操作，playwright同样可以实现元素的拖拽和释放的操作。按住元素从页面的一个位置拖动到另外一个位置，有2种方式可以实现locator.drag_to(target: locator) 先定位元素，调用drag_to方法到目标元素page.drag_and_drop(source: str, target: str) page对象直接调用。

Playwright是一个强大的自动化测试工具，可以与Python集成，用于测试Web应用程序和执行自动化任务。其中，highlight()方法是Playwright的一个有用功能，可以突出显示Web页面上的元素，方便调试和可视化操作。本文将介绍Playwright库中的highlight()方法，以及如何使用Python进行集成和应用。本文主要介绍了在代码调试阶段使用highlight()方法使得元素高亮显示，帮助我们确认定位代码是否有问题，灵活使用高亮显示，可以提高我们的工作效率！

在我们使用selenium时，我们可以获取元素的属性，元素的文本值，以及输入框的内容等，作为比selenium更为强大的web自动化测试神器，playwright也可以实现对元素属性，文本值和输入框内容的抓取，并且实现比selenium更为简单，本文我们就为大家介绍一下使用playwright获取元素属性，元素文本值以及输入框内容的方法。本文主要介绍了使用playwright获取元素属性，文本内容以及输入框内容的方法，根据具体的需求，我们可以进一步扩展这些操作以进行更复杂的浏览器自动化任务。

上一篇文章我们介绍了playwright的定位方法，在实际操作中，我们找到元素之后，就要对元素进行操作，达到与页面进行交互的目的，我们主要的操作包括鼠标单击，输入文本，复选框操作，单选按钮，选择选项，上传文件等。本篇文章我们就来介绍playwright如何实现这些操作。本文主要介绍了playwright对于元素的操作，包括输入内容，鼠标点击，上传文件，拖拽元素等操作，相对于selenium来说，playwright在很多方面更加简单快捷，相对于selenium，有明显的优势。更多技术文章。

之前两篇文章，我们介绍了playwright框架以及简单使用，作为一款web自动化测试工具，元素定位是最基础的也算最重要的部分，我们在界面上的任何操作，其实都是对页面元素的操作，所以这部分是我们学习的核心。本篇文章我们就来介绍一下playwright的元素定位与操作。本篇文章主要介绍了playwright的定位方式，playwright支持CSS和xpath这两种最常用的定位方式，还有部分内置的定位方式。后续我们将介绍playwright对元素操作的方法。更多技术文章。

上文我们讲到了playwright的优势，并且安装好了playwright以及各个浏览器，本篇文章我们就来介绍一下playwright的简单使用。本文主要介绍了一些playwright的简单使用，playwright的使用与selenium有一些不同，我们需要注意不同点，比如playwright默认是无头模式运行以及等待的改变。下一篇文章我们将介绍playwright定位元素的方法。更多技术文章。

在我们编写web自动化测试脚本时，我们通常会使用浏览器自带的开发者工具去查找元素，但是也会存在我们在页面中能找到的元素，但是在运行脚本时，元素却找不到，这是日常的web自动化测试工作中，最让人头疼的问题。playwright提供了打断点的功能，使得我们可以直接在页面上进行调试，我们甚至可以直接使用 playwright.$(selector) 直接支持playwright选择器的方法。

提起web自动化测试框架，我们首先想到的就是selenium，selenium基本上成为了必选的web自动化测试框架，测试工程师也必须学这个框架的使用，web自动化测试用例也依靠这个框架去执行。直到2020年，微软开源了一个名为——playwright的工具，与selenium一样，入门简单，支持多语言，所以playwright开始被更多人注意到了，它甚至比selenium更好用更强大。

在web自动化测试的工作中，弹窗以及页面切换是我们比较头疼的问题，我们都是需要通过switch切换到弹窗或者页面上进行操作，再切换回到我们的原页面进行操作，这样的操作十分繁琐，我们需要去获取window_handle，作为切换页面的对象，playwright在这方面就有很大的优势。本篇文章我们就来介绍一下playwright的new_context和新窗口操作。browser.new_context() 创建一个新的浏览器上下文。它不会与其他浏览器上下文共享 cookies/缓存。

在web自动化测试中，frame是我们绕不开的一个东西，也是我们很头疼的东西，selenium处理frame，需要切换到frame中，然后再切换出来，操作比较麻烦，那么playwright对于frame的操作会不会更加简单呢？答案是肯定的，playwright不需要切换frame，直接定位元素即可。下面我们来介绍一下playwright的frame处理。

PO设计模式是我们在进行web自动化测试中经常使用到的思想和原则，甚至已经成为了web自动化测试的标准模型，PO设计模式在selenium官方文档中是被推荐的原则，同样的，playwright也是完全支持我们按照PO模式的思想来写我们的测试用例。PO，即Page Object，直译为页面对象，代表 Web 应用程序的一部分。以电子商务web程序为例，可能有一个主页、一个列表页面和一个结帐页面。

selenium中提供了一个selenium IDE的工具用于脚本录制，我们通过插件市场安装之后，便可以将我们对浏览器页面的操作录制成脚本，并输出成java或Python等语言的脚本，我们可以通过生成的脚本再次回放我们的操作。作为一个比selenium更加强大的web自动化测试工具，当然也拥有录制的功能了，本篇文章我们就来介绍playwright的脚本录制功能。

在我们的日常工作中，有时候会需要对网站上的数据进行爬取，但是有的网站的反爬机制会判断我们是否是使用webdriver打开的浏览器，一旦判定我们是使用webdriver打开的浏览器的话，就会使得我们无法抓取到我们想要的数据，或者是我们无法使用webdriver打开的浏览器登录到我们想要登录的网站，但是playwright提供了一个方法，让我们进行设置，逃过这一个反爬机制。Playwright 是一个强大的工具，可以帮助你绕过网站反爬检测，并执行自动化的网站爬取操作。但请务必谨慎使用，遵守法律和网站的规定。