Playwright 是一个强大的自动化测试工具，支持 Chromium、Firefox 和 WebKit 等浏览器。以下是在 Node.js 环境中使用 Playwright 的入门指南。
1. 安装 Node.js
确保已安装 Node.js（建议使用 LTS 版本）。可以通过以下命令检查是否已安装：
node -v npm -v
如果没有安装，可以从 Node.js 官网 下载并安装。
2. 创建项目
创建一个新目录并初始化 Node.js 项目：
mkdir playwright-demo cd playwright-demo npm init -y
3. 安装 Playwright
使用 npm 安装 Playwright：
npm install playwright
安装完成后，Playwright 会自动下载所需的浏览器二进制文件。
4. 编写第一个 Playwright 脚本
创建一个 example.js 文件，编写以下代码：
const { chromium } = require('playwright');
(async () => {
// 启动浏览器
const browser = await chromium.launch({ headless: false }); // headless: false 表示显示浏览器界面
// 创建新页面
const page = await browser.newPage();
// 访问网页
await page.goto('https://example.com');
// 截屏
await page.screenshot({ path: 'example.png' });
// 关闭浏览器
await browser.close();
})();
- 运行脚本
在终端中运行脚本：
node example.js
运行后，浏览器会打开并访问 https://example.com，截屏并保存为 example.png。
6. 常用操作示例
以下是一些常见的 Playwright 操作：
点击元素
await page.click('button#submit');
输入文本
await page.fill('input#username', 'myusername');
获取元素文本
const text = await page.textContent('h1'); console.log(text);
等待元素出现
await page.waitForSelector('div#content');
处理弹窗
page.on('dialog', async dialog => { console.log(dialog.message()); await dialog.dismiss(); });
7. 运行测试
Playwright 支持与测试框架（如 Jest、Mocha）集成。以下是使用 Jest 的示例：
安装 Jest
npm install --save-dev jest
创建测试文件 example.test.js
const { chromium } = require('playwright');
describe('Playwright Test', () => {
let browser;
let page;
beforeAll(async () => {
browser = await chromium.launch({ headless: false });
page = await browser.newPage();
});
afterAll(async () => {
await browser.close();
});
test('should visit example.com', async () => {
await page.goto('https://example.com');
const title = await page.title();
expect(title).toBe('Example Domain');
});
});
运行测试
npx jest
8. 进一步学习
通过这些步骤，你可以快速上手 Playwright，并编写自动化测试脚本 study.163.com/course/intr…
