Playwright Nodejs 自动化测试工具

官网地址playwright.dev/docs/api/cl…安装​通过使用 npm 或 yarn 安装 Playwright 开始。或者也可以使用 VS Code 扩展开始并运行我们的测试。使用 yarn 或 npm 安装npm init playwrightlatest在安装过程中 playwright 脚手架会向我们询问三个问题在 TypeScript 或 JavaScript 之间进行选择默认为 TypeScript测试文件夹的名称如果项目中已经有一个测试文件夹则默认为 tests 或 e2e添加 GitHub Actions 工作流程以在 CI 上运行测试回答完这三个问题后将开始安装流程。安装完成后目录结构为playwright.config是为 Playwright 添加配置的地方包括修改我们希望在哪些浏览器上运行 Playwright。如果在已经存在的项目中运行测试那么依赖项将直接添加到package.json中。tests文件夹包含一个基本示例测试可帮助我们开始测试。有关更详细的示例请查看tests-examples文件夹其中包含为测试 todo 应用程序而编写的测试。运行​默认情况下测试将在所有 3 个浏览器上运行chrome 、firefox 和 webkit使用 3 个 worker。这可以在playwright.config文件中进行配置。测试以无头模式运行这意味着在运行测试时不会打开任何浏览器。测试结果和测试日志将显示在终端中。键入以下命令以运行测试npx playwright test测试运行完成后将创建一个 HTML 文件它记录了完整的测试报告允许我们在网页中筛选报告通过的测试、失败的测试、跳过的测试和不稳定的测试。可以单击每个测试查看测试的错误以及测试的每个步骤。默认情况下如果某些测试失败HTML 报告会自动打开。也可以输入以下命令打开报告页面npx playwright show-report示例在百度中搜索Playwright验证第一条是不是官方地址import { test, expect } from playwright/test; test(在百度中搜索Playwright, async ({ page }) { // 打开百度搜索页面 await page.goto(https://www.baidu.com/); // 查看标题中是否有「百度一下你就知道」文案 await expect(page).toHaveTitle(/百度一下你就知道/); // 找到搜索框元素并输入「Playwright」 await page.locator(input#kw).fill(Playwright); // 找到「百度一下」按钮并点击 await page.locator(input[value百度一下]).click(); // 找到结果列表中第一条 这里使用的 Xpath const result await page.locator(/html/body/div[2]/div[3]/div[1]/div[3]/div[1]/div[3]/a/span); // 验证第一条是不是官方地址 expect(result).toHaveText(https://github.com/microsoft/playwright); });最后下方这份完整的软件测试 视频教程已经整理上传完成需要的朋友们可以自行领取【保证100%免费】​​​软件测试面试文档我们学习必然是为了找到高薪的工作下面这些面试题是来自阿里、腾讯、字节等一线互联网大厂最新的面试资料并且有字节大佬给出了权威的解答刷完这一套面试资料相信大家都能找到满意的工作。