安装
简介
Playwright Test
是专为满足端到端测试需求而创建的。Playwright
支持所有现代渲染引擎,包括 Chromium
、WebKit
和 Firefox
。可以在 Windows
、Linux
和 macOS
上进行测试,无论是本地运行还是 CI
环境,支持无头模式或有头模式,并支持 Google Chrome
的 Android
移动端模拟和 Mobile Safari
的原生移动模拟。
你将学到:
-
如何安装 Playwright
-
安装了哪些内容
-
如何运行示例测试
-
如何打开 HTML 测试报告
安装 Playwright
通过使用 npm
、yarn
或 pnpm
安装 Playwright
开始。或者,你也可以使用 VS Code 扩展来开始并运行你的测试。
运行安装命令并选择以下选项开始:
-
选择
TypeScript
或JavaScript
(默认是TypeScript
) -
测试文件夹的名称(如果你的项目中已有
tests
文件夹,默认是tests
或e2e
) -
添加
GitHub Actions
工作流,轻松在CI
上运行测试 -
安装
Playwright
浏览器(默认是安装)
安装了哪些内容
Playwright
将下载所需的浏览器并创建以下文件:
playwright.config.ts
package.json
package-lock.json
tests/
example.spec.ts
tests-examples/
demo-todo-app.spec.ts
playwright.config.ts 文件是你可以添加 Playwright
配置的地方,包括修改你希望 Playwright
运行的浏览器。如果你在现有项目中运行测试,依赖项将直接添加到你的 package.json
文件中。
tests
文件夹包含一个基本的示例测试,帮助你开始进行测试。欲了解更详细的示例,可以查看 tests-examples
文件夹,该文件夹包含用于测试待办事项应用程序的测试。
更新 Playwright
要将 Playwright 更新到最新版本,运行以下命令:
npm install -D @playwright/test@latest
# Also download new browser binaries and their dependencies:
npx playwright install --with-deps
yarn add --dev @playwright/test@latest
# Also download new browser binaries and their dependencies:
yarn playwright install --with-deps
pnpm install --save-dev @playwright/test@latest
# Also download new browser binaries and their dependencies:
pnpm exec playwright install --with-deps
你可以随时通过运行以下命令来检查 Playwright
的版本: