当前位置: 首页 > 网络应用技术

“自动化测试”新一代的Web前端自动化测试框架-playwright迅速开始!

时间:2023-03-07 11:41:17 网络应用技术

  注意:如果要运行,则需要下载相关浏览器的二进制文件

  由于默认值,剧作家从Microsoft CDN下载了二进制文件。

  公司的内部网络将阻止直接访问公共资源,因此不能直接通过内部网络下载。

  解决方案:

  页面表面目录更改,命令行似乎下载了代表下载。

  复制图中所示的4个文件

  剧作家是一个测试和自动化框架,可以实现网络浏览器的自动交互。简而言之,您可以编写打开浏览器的代码并使用代码来实现使用所有网络浏览器的功能。可以将脚本导航到URL到URL,输入文本,单击按钮,然后提取文本。PlayWright最令人惊讶的功能是它可以同时处理多个页面而无需等待,并且不会被阻止。

  剧作家支持大多数浏览器,例如Google Chrome,Firefox,Microsoft Edge使用Chromium内核和使用WebKit kernel.cross -Browser -Browser Network Automation使用Safari是剧作家的优势,它可以有效地执行所有浏览器的代码。,剧作家支持各种编程语言,例如node.js,python,java和.net.you可以编写代码以打开网站并使用这些语言中的任何一种与其进行交互。

  剧作家拥有自己的测试跑步者进行最终测试。我们称其为剧作家测试。

  剧作家测试只会使用没有GUI的铬浏览器(无头)进行测试(剧作家测试)。让我们告诉它以GUI(头部)模式运行浏览器:

  其他浏览器呢?让我们在Firefox:剧作家测试中进行相同的测试:

  最后,在所有三个浏览器上:

  要享受剧作家测试提供的所有功能,您还需要创建一个配置文件playwright.config.ts(或playwright.config.js)。

  以下是对某些示例配置的介绍:

  您还可以通过一个单击生成项目和配置

  有一个配置用于打开它的盒子

  可以查看更多配置信息:配置信息

  测试灯具官方网站跳跃

  您会注意到测试脚本可以访问的参数:

  我们调用这些参数。fixTures是为每个测试创建的对象。PlayWrightTest加载这些固定装置,您还可以添加自己的固定装置。运行测试后,剧作家测试将检查每个测试语句,分析测试所需的固定装置并准备好固定装置。这些固定装置用于测试。

  以下是您经常使用的预定固定固定装置的列表:

  PagePage的此测试的独立页面。ContextBrowserConeText是此测试的隔离上下文。此情况也是如此。学习如何配置上下文。BrowserBrowserBrowserBrowser浏览器在测试之间共享测试以优化资源。如何配置browser.browser.browser.browsernamestring当前正在运行的browwersernmestring的browserser name browserser name name。。

  剧作家测试使用预期库进行测试。它通过匹配的匹配匹配匹配来扩展它,以实现较大的测试项目。

  这些是您可以通过测试执行的基本操作:

  您可以专注于一些测试。当有关键测试时,只有它们运行。

  您可以通过设置一些条件来跳过测试:

  您可以为他们分组测试,以给他们一个逻辑名称或范围前/之后的组。

  您可以使用钩子在测试之间的共享之间设置资源。您可以使用钩子为每个测试设置和拆除资源。

  剧作家测试使用预期库进行测试。它提供了很多匹配的设备,

  将期望与各种剧作家方法相结合以实现测试目标:

  注意如何输出此测试:

  这里有常见的命令行参数。

  剧作家Inspector是一种GUI工具,可帮助创建和调试剧作家脚本。

  在不需要编写代码行的情况下,我们只需要手动操作浏览器,它将记录我们的操作,然后自动生成代码脚本。

  以下是录制命令,只有一行。

  执行并运行浏览器。PlayWrightInspector将记录用户交互并生成JavaScript代码以尝试生成基于文本的弹性选择器。

  (图图标)剧作家检查员

  用法可用于查看。如果简单使用是直接在命令后面添加链接,则可以添加它。

  选项意思是:

  例如,我想搜索,使用驱动程序并保存结果的结果。

  输入命令行后,将自动打开浏览器,然后您可以看到浏览器上的每一步将自动转换为代码,如下所示。

  通过在浏览器中执行测试操作来记录新的测试。

  执行并指定参数以保存cookie和localstorage。这对于将来单独记录身份验证步骤和恢复原状非常有用。

  使用参数加载以前的存储。这样,将恢复所有Cookie和LocalStorage,以使大多数Web应用程序输入身份验证状态。

  如果要使用codegen(例如,使用browsercontext.route(url,handler)),可以调用page.pape(),它将打开一个使用代码生成控件的单独窗口。

  在期间或期间,您可以在任何浏览器的开发人员工具控制台中使用以下API。

  查询剧作家选择器,例如使用实际的剧作查询引擎,例如::

  是一样的,但是返回所有匹配元素。

  在元素面板中显示元素(如果相应的浏览器的DevTools支持它)。

  选择器给定元素。

  例如,使用实际的剧作家查询引擎查询剧作家元素,例如::

  Playwright脚本与现有的调试工具一起使用,例如Node.js调试器和浏览器开发工具。PlayWright还为浏览器自动化引入了新的调试功能。

  剧作家Inspector是一个GUI工具,可帮助创建和调试剧作家脚本。这是我们默认的脚本故障排除工具。

  剧作家Trace Viewer是一种GUI工具,可以帮助以分析形式消除测试操作的测试操作。

  您可以在Chromium,Firefox和Webkit中使用浏览器开发工具,并在GUI(头)模式下运行剧作家脚本。开发人员工人的帮助:

  Page.pause()方法的使用是一种简单的方法,用于暂停剧作脚本执行并检查开发人员工具中的页面。它还将打开playwright Inspector以帮助调试。

  对于Chromium:您还可以通过启动选项打开开发人员工具。

  我注意到,对于WebKit:执行期间启动WebKit Inspector,它将阻止剧作家脚本继续执行

  开发人员工具控制台Selege

  在调试模式下使用和运行时,可以在开发人员工具控制台中使用对象。

  视觉工作室代码调试器

  VS代码调试器可用于通过断点暂停和恢复剧作家脚本的执行。调试器可以通过两种方式进行配置。

  剧作家API支持各种语言

  支持Node.js的剧作家

  支持Python的剧作家。

  支持Java的剧作家。

  支持.net .net的剧作家。