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命令即可