使用 Puppeteer 开始编写你的自动化测试

Puppeteer 是一种用于控制 headless Chrome 和 Chromium 的 Node.js 库。它提供了一组高级 API，可轻松处理 Chrome 中的 DOM，将页面截图，生成 PDF 和模拟用户点击、填写表单等行为。此外，它还可以用于测试自动化、爬虫等场景。

安装

使用 npm 进行安装:

npm install puppeteer

开始使用

Puppeteer 是一个有用的工具，它能让我们在本地执行浏览器操作，模拟用户交互行为以及测试页面等功能。下面是一些 Puppeteer 的常用功能示例。

启动浏览器

const puppeteer = require('puppeteer');
(async () => {
  const browser = await puppeteer.launch();
  const page = await browser.newPage();
  await page.goto('https://example.com');
  await browser.close();
})();

插入表单数据

await page.type('#username', 'your-username');
await page.type('#password', 'your-password');
await page.click('#submit-button');
await page.waitForNavigation();

执行 JavaScript

const result = await page.evaluate(() => {
  return Math.pow(2, 8);
});
console.log(result); // 256

等待某个元素出现

await page.waitForSelector('#some-element');

截图

await page.screenshot({ path: 'example.png' });

生成 PDF

await page.pdf({ path: 'example.pdf' });

总结

在此文章中，我们介绍了如何使用 Puppeteer 来进行 web 自动化和测试。Puppeteer 提供了一组强大的 API，可以轻松控制浏览器以及处理 DOM。本示例中的部分功能已经演示了如何使用 Puppeteer，我们相信这些示例可以让您更快地开始使用 Puppeteer 开发出更好的测试。