Automated Testing

一、资源链接：

1. Puppeteer的github链接
2. jest的文档链接
3. 通过jest-html-reporters生成report的链接
4. Puppeteer的api链接

二、安装包：

1.安装puppeteer npm i puppeteer

2.安装 puppeteer-core npm i puppeteer-core

3.安装 jest npm install jest --global

三、最终生成的report

1.安装 jest-html-reporters npm install jest-html-reporters

在 jest.config.js 文件中配置如下：

reporters: [
        "default",
        ["jest-html-reporters", {
          "publicPath": "./html-report",
          "filename": "report.html",
          "openReport": true,
          "expand":true,
        }]
      ],

截图效果详情如下：

将项目中截图 保存到report中代码如下：

const { addAttach } = require("jest-html-reporters/helper");
const puppeteer = require("puppeteer");

describe("just examples", () => {
  test("test buffer", async () => {
    const browser = await puppeteer.launch();
    const page = await browser.newPage();
    await page.goto("https://www.google.com");
    const data = await page.screenshot();
    await browser.close();
    await addAttach({
      attach: data,
      description: 'img 1',
    });
    await addAttach({
      attach: await fs.readFileSync('./test.mp4'),
      description: 'img 1',
      bufferFormat: 'mp4',
    });
    expect(1).toBe(1);
  });
});