使用TestCafe测试API

1.设置环境

打开WebStorm新建空项目

打开终端依次输入命令

npm init -y
npm install --save-dev testcafe@latest
npm install --save-dev axios

安装完成后重启WebStorm

新建test目录和test/demo.test.js文件

mkdir test
touch test/demo.test.js

2.编写代码

代码如下：

import axios from 'axios';

fixture("测试GET请求");

test("测试状态码等于200", async (t) => {
    const response = await t.request("https://www.thunderclient.com/welcome");
    await t.expect(response.status).eql(200);
});

fixture`测试POST请求`

test('验证响应内容', async t => {
    const apiUrl = 'https://jsonplaceholder.typicode.com/posts';
    const payload = {
        title: 'foo',
        body: 'bar',
        userId: 1
    };
    const response = await axios.post(apiUrl, payload);
    await t.expect(response.status).eql(201);
    await t.expect(response.data.title).eql('foo');
    await t.expect(response.data.body).eql('bar');
    await t.expect(response.data.userId).eql(1);
    console.log('API Test Passed: ', response.data);
});

3.执行测试

打开终端执行命令

npx testcafe chrome:headless test/demo.test.js

运行结果