基于请求的Cypress桩XHR响应 [英] Cypress stubbing XHR response based on request

问题描述

我是Cypress的初学者，正在寻找网络末梢方面的帮助。 单击UI中的按钮时，My UI Tiggers 3 API会并发调用。这3个API都具有相同的端点，但是每个接口的请求和响应都不同。

我可以使用cy.fixture、cy.server()和cy.route()来存根json响应。 我需要的是"仅存根第三个XHR调用响应"，但是，由于相同的终结点，我的测试将所有这三个存根都存根。

关于如何使用任何条件测试它的任何建议？示例-仅当‘request’XHR的参数为‘XXX’时才存根调用？ 我尝试在提交按钮的.click()前后使用，但不起作用。

cy.fixture('myfixture').then(jsonresponse => {
function FixtureController(request, response) {
                    if (cy.url().request.body.contains("XXX")) {
                        cy.server()
                        cy.route('POST', 'URL', jsonresponse).as('myalias')

感谢您的支持。

谢谢！

推荐答案

您可以使用cy.intercept根据几项内容(包括查询参数)进行匹配。

cy.intercept({
  url: 'http://example.com/search*',
  query: { q: 'expected terms' },
}, { fixture: 'myfixture' } )

如果需要匹配请求正文内容，可以使用路由处理程序指定。

cy.intercept('http://example.com/search*', (req) => {
    if (req.body.contains('some string') {
        req.reply({ statusCode: 200, fixture: 'myfixture' });
    } else {
        req.reply(); // not providing any input forwards the request as normal
    }
});

签出cy.intercept documentation for more info.

这篇关于基于请求的Cypress桩XHR响应的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！