Puppeteer + Puppeteer Recorder WEB自动化测试

2021-12-22 450 阅读1分钟

1、VS创建项目

npm init
// npm install puppeteer --save 这个会下载 Chromiun,我们用自己的 Chrome
npm install puppeteer-core --save
package.json 设置 type moduel 可以使用import from

2、新建index.js

import puppeteer from 'puppeteer-core';

(async () => {
  const browser = await puppeteer.launch({
    // 打开自己的chrome
    executablePath: "C:\\Users\\15626\\AppData\\Local\\Google\\Chrome\\Application\\chrome.exe",
    headless: false, // 有浏览器界面启动
    slowMo: 20, // 操作放慢
    ignoreHTTPSErrors: true, // 忽略证书
    defaultViewport: { width: 1080, height: 960 },
    // args: ["--start-fullscreen"], //全屏打开页面
  });
  const page = await browser.newPage();
})();

3、控制台 node ./index.js 完事，剩下的语法看文档很简单。

Puppeteer Recorder 可以录制并且生成代码，稍微有点问题，录制+手写加快效率

如何获取新页面对象 popup

// 定义函数 等待新页面加载完毕
const waitForNewPage = async () => {
  const pages = await browser.pages()
  if (pages.length < 3) {
    await page.waitForTimeout(1000)
    await waitForNewPage()
  }
}
await waitForNewPage()
 // 获取新页面
const pages = await browser.pages()
const popup = pages[pages.length - 1]