Mac系统下TestCafe初体验

1.安装TestCafe

打开终端，依次输入如下命令：

mkdir TestCafe
cd TestCafe
npm init
npm install ---save-dev testcafe

注意安装之前记得设置下载源为淘宝源

安装成功后package.json如下：

{
  "name": "testcafe",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "author": "",
  "license": "ISC",
  "devDependencies": {
    "testcafe": "^1.19.0"
  }
}

2.编写测试用例

在终端输入如下命令：

mkdir -p test && cd test && touch baidu.test.ts

然后用WebStorm打开TestCafe目录，并在baidu.test.ts写入如下代码：

import {Selector} from 'testcafe';
 
fixture('baidu test')
    .page('https://www.baidu.com')
    .beforeEach(async t => {
        await t.setTestSpeed(0.5);
    });
 
test('百度关键字搜索', async t => {
    await t
        .typeText(Selector('#kw'), "菜鸟教程")
        .click(Selector('#su'));
});

3.执行用例

修改package.json文件的scripts项如下：

{
  "name": "testcafe",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "test": "testcafe chrome test/*.test.ts --skip-js-errors"
  },
  "author": "",
  "license": "ISC",
  "devDependencies": {
    "testcafe": "^1.19.0"
  }
}

然后在终端执行npm test命令即可