如何使用剧作家等待请求并验证响应？

Question

这是我第一次使用剧作家，我不知道如何等待请求和验证响应。我已经使用cypress很长时间了，管理网络请求非常容易。例如，我需要在单击按钮后验证响应，这就是我使用cypress的方法：

        cy.server()
        cy.route('POST', '/api/contacts').as('newContact')

        cy.get('.btn').click()

        cy.wait('@newContact').then((response) => {
            expect(response.status).to.eq(400)
            expect(response.responseBody.data.name).to.eq('abcde')
        })

这就是我试图对剧作家做同样的事情的方式，但是它验证了早在点击保存按钮之前就发送的GET请求。我不知道如何正确管理这个请求，这是我的测试套件的一个停止：

        await contacts.clickSaveBtn()

        await page.waitForResponse((resp) => {
            resp.url().includes('/api/contacts')
            expect(resp.status()).toBe(400)
        })

任何帮助或建议都将不胜感激

Answer 1

您需要做的是首先开始等待响应，然后单击，这样waitForResponse（）就可以捕获由于单击而产生的实际响应。

await Promise.all([
    page.waitForResponse(resp => resp.url().includes('/api/contacts') && resp.status() === 400),
    contacts.clickSaveBtn()
]);

这应该处理可能的竞争条件。