Jest + Puppeteer 界面自动化测试

目录：

• 在webstrom创建一个空项目（EmptyProject）
• 下载jest和puppeteer
• 配置package.json文件
• 编写测试用例
• 执行用例
• 生成report

新建项目

创建emptyproject

下载jest和puppeteer

1. npm初始化：进入项目根目录，输入以下命令（若未初始化，直接下载jest会报错，找不到package.json文件）

npm init

2. 下载jest：进入根目录，输入以下其中一条命令（官网：https://jestjs.io/docs/zh-Hans/getting-started.html）

npm install --save-dev jest
npm install -g jest  //全局安装

3. 下载puppeteer（官网：https://www.npmjs.com/package/puppeteer/v/1.15.0 ）两种方法选一种，第二种是使用国内镜像，保证能够成功下载chromium
   方法一：

npm i puppeteer 或
npm i -g puppeteer

方法二：

npm config set PUPPETEER_DOWNLOAD_HOST https://storage.googleapis.com.cnpmjs.org
npm i puppeteer

配置package.json文件

编写测试用例

• 测试用例描述：打开百度，输入搜索关键字，验证页面标题。
• 创建后缀为 .test.js 的文件（jest会自动执行该后缀的文件）

const puppeteer =