是否可以在描述中使用 async + await ？

Question

我正在尝试运行类似的东西

describe('REGISTRATION', async () => {
    const response = await axios.post(url, params);
});

我的代码如下所示

describe('REGISTRATION', () => {
    // success registration, check expected fields
    test('SUCCESS', async () => {
        const response = await axios.post(url, params);

        const { status, statusText } = response;
        expect(status).toBe(200);
        expect(statusText).toBe('OK');

        const { jwt, user } = response.data;
        expect(typeof(jwt)).toBe('string');

        expect(user).toEqual({
            id: expect.any(Number),
            username: expect.any(String),
            email: expect.stringMatching(emailRegExp),
        });
    });
});

这可行，但是当出现错误时，我没有得到详细信息，这给了我错误。 我会得到类似的东西

expect(received).toEqual(expected) // deep equality
expect(user).toEqual({.......

所以我为什么要用async 代替describe 是因为我想做类似的事情

describe('REGISTRATION', async () => {
    const response = await axios.post(url, params);

    const { status, statusText } = response;
    const { jwt, user } = response.data;

    test('id', () => {
        expect(Number.isInteger(user.id)).toBe(true);
    });

    test('username', () => {
        expect(typeof(user.username)).toBe('string');
    });

    test('email', () => {
        expect(user.email).toEqual(expect.stringMatching(emailRegExp));
    });
});

这样我就可以在测试时详细了解每个错误。

有没有人知道这将如何工作，或者我想太多了，还有其他方法可以做到这一点？

Answer 1

尝试在“它”上使用异步（并尝试阅读这篇文章https://staxmanade.com/2015/11/testing-asyncronous-code-with-mochajs-and-es7-async-await/）：

describe("REGISTRATION" , () => {
    it("Using an async method with async/await!", async function() {
            var result = await somethingAsync();
            expect(result).to.equal(something);                    
    });
});

另见https://mochajs.org/#asynchronous-code（有一个异步等待示例）

Answer 2

所以在这里我有一个工作示例，我认为它至少可以回答您关于如何查看异步调用详细信息的问题。

首先是 jesting.js 文件，这样你就可以看到我只返回 Promises

const jesting = (()=>{
    function sum(a, b){
        return new Promise( (resolve)=>{
            setTimeout(()=>{
                resolve(a+b)
            },2000)
        })
    }

    function sub(a, b){
        return new Promise( (resolve,reject)=>{
            setTimeout(()=>{
                resolve(a-b)
            },2000)
        })
    }

    return {
        sum: sum,
        sub: sub
    }

})();

module.exports = jesting;

现在是 jesting.test.js

const jesting = require('./jesting.js');

describe("STUFF", () => {

    const standByMe = jesting.sum(3, 3)

    test('a plus b is x', async () => {
        expect(await standByMe).toBe(6);
    })

    test('a plus b is x', async () => {
        expect(await standByMe).toBe(7);
    })

    test('a minus b is x', async () => {
        expect(await jesting.sub(7, 2).then(res => { return res - 2 })).toBe(3);
    })
})

现在会发生什么？？

因此描述将在开始时执行，standByMe 将设置为包含一个承诺，该承诺将在 2 秒后解析为 6，sub() 将返回一个承诺，该承诺将在 2 秒后解析为 5 但我们想要3 所以我们作弊:P

请注意，a+b 测试 await 相同的 Promise 在您的情况下只是一个。正如您在 sub 中看到的那样，您还可以在收到响应后对其进行操作。同样有效的是const standByMe = jesting.sum(3, 3).then(res=>{return res+1})，它将返回 7 的测试成功

结果

哦，async 的回调不支持describe，所以回答你的主要问题 => 不，但在测试中是的