puppeteer 自动化测试 一

Posted qianbo_insist

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了puppeteer 自动化测试 一相关的知识,希望对你有一定的参考价值。

puppeteer

puppeteer是google公司出品对于运行无界面chrome 学名headless,当然也可以有界面运行,可以通过参数进行设置

安装好nodejs, 安装puppeteer就可以做自动化测试,这一点,google称得上是良心开发商了,api非常简单,网站非常
丰富
puppeteer github 网站在这里

const puppeteer = require('puppeteer');

(async () => {
  const browser = await puppeteer.launch({executablePath:"C:/Users/Administrator/AppData/Local/Google/Chrome/Application/chrome.exe"});
  const page = await browser.newPage();
  await page.goto('file://J:/webrtc/accelerator/test.html');
  await page.screenshot({path: 'j:/webrtc/accelerator/1.png'});
  await browser.close();
})();

node demo.js
会在目录下生成一张png图片

自动化测试

写一段最简单的html

<html>
<body>

<div>
早安
<a href="https://www.baidu.com"><b>百度</b></a>
</div>
</body>
</html>

demo2.js

const puppeteer = require('puppeteer');

(async () => {
  const browser = await puppeteer.launch({
    headless: false
  });
  const page = await browser.newPage();

  await page.goto('file://J:/webrtc/accelerator/test.html');

  await page.click('a');

})();


可以看出api 是可以任意查找想要的事件进行点击的。这次是简单的测试,后面会添加一些复杂的功能。

以上是关于puppeteer 自动化测试 一的主要内容,如果未能解决你的问题,请参考以下文章

Puppeteer - 谷歌推出的自动化测试工具库

puppeteer:官方出品的chrome浏览器自动化测试工具

基于Puppeteer前端自动化框架PO模式,断言(如何更简便逻辑的写测试代码)

我们可以使用带有黄瓜 js 和 puppeteer 项目的 Saucelabs 进行跨浏览器测试吗?

puppet部署与应用

10分钟快速入门UI自动化-Puppeteer