Playwright快速上手指南(入门教程)

Playwright 是一个Node.js库，它提供了一个高级API来自动化现代浏览器，例如Chrome、Firefox和Safari，并支持用于创建可靠的测试和自动化导航的功能。

安装Playwright

可以使用npm来安装Playwright：

npm install playwright --save-dev

创建浏览器实例

以下是创建浏览器实例并导航到页面的示例：

const playwright = require('playwright');

(async () => {
  const browser = await playwright.chromium.launch();
  const context = await browser.newContext();
  const page = await context.newPage();
  await page.goto('https://www.baidu.com');
  await browser.close();
})();

在上面的代码中，我们使用了Playwright的 launch() 方法来启动浏览器，然后创建了一个上下文 context 和一个页面 page，最后通过 page.goto() 方法导航到了百度的首页。

示例：屏幕截图功能

以下是使用Playwright实现屏幕截图的示例：

const playwright = require('playwright');

(async () => {
  const browser = await playwright.chromium.launch();
  const context = await browser.newContext();
  const page = await context.newPage();
  await page.goto('https://www.baidu.com');
  await page.screenshot({ path: 'example.png' });
  await browser.close();
})();

上述代码中，我们使用了page.screenshot()函数来制作网页的屏幕截图，并将其保存到指定的文件。

示例：填写表单

以下是使用Playwright实现填写表单并提交表单的示例：

const playwright = require('playwright');

(async () => {
  const browser = await playwright.chromium.launch();
  const context = await browser.newContext();
  const page = await context.newPage();
  await page.goto('https://the-internet.herokuapp.com/login');
  await page.fill('#username', 'Tom');
  await page.fill('#password', '123456');
  await page.click('button[type="submit"]');
  await browser.close();
})();

在上述代码中，我们使用了 page.fill() 方法来填写表单中的用户名和密码，然后通过 page.click() 方法来提交表单。

结束语

Playwright 是一个简单、强大的自动化测试框架。在本文中，介绍了如何安装Playwright、创建浏览器实例、使用屏幕截图获取网页截图和填写表单，希望这个入门教程能够帮助您快速学会如何使用Playwright。