使用硒测试真实网站时嘲笑XHR调用

Question

我试图将由Selenium（java绑定）驱动的UI测试与集成层隔离开来。我想截获通过浏览器进行的xhr调用并发回模拟响应。

我尝试配置代理（使用browsermob），可以看到请求通过它。但现在我不知道如何通过拦截xhr调用来返回模拟响应。

   Proxy seleniumProxy = ClientUtil.createSeleniumProxy(proxy);

        proxy.addRequestFilter((request, content, messageInfo) -> {
                if (messageInfo.getOriginalUrl().contains("v1/listings/closing.json")) {
                    String messageContents = content.getTextContents();
                    System.out.println("messageContents:: " + messageContents);

                }
                return null;
        });


        try {
            String hostIp = Inet4Address.getLocalHost().getHostAddress();
            seleniumProxy.setHttpProxy(hostIp + ":" + proxy.getPort());
            seleniumProxy.setSslProxy(hostIp + ":" + proxy.getPort());
        } catch (UnknownHostException e) {
            e.printStackTrace();
        }

        DesiredCapabilities seleniumCapabilities = new DesiredCapabilities();
        seleniumCapabilities.setCapability(CapabilityType.PROXY, seleniumProxy);
        ChromeOptions options = new ChromeOptions();
        options.merge(seleniumCapabilities);

        webDriver = new ChromeDriver(options);

在针对真实/实时网站而非本地主机进行测试时，我希望得到对UI的模拟响应。

Answer 1

使用模拟响应短路请求，并使用Selenium不让其通过。

 String stubResponse = { mocked json response body };

 proxy.addRequestFilter(new RequestFilter() {
        @Override
        public HttpResponse filterRequest(HttpRequest request, HttpMessageContents contents, HttpMessageInfo messageInfo) {
            if (request.getUri().contains("/v1/listings/closing.json")) {

                //Use DefaultFullHttpResponse for posting the json body
                HttpResponse httpResponse = new DefaultFullHttpResponse(request.getProtocolVersion(), HttpResponseStatus.OK);
                //Close the connection so it doesn't pass through
                httpResponse.headers().add("CONNECTION", "Close");
                //Specify the content-type and charset
                httpResponse.headers().add("Content-Type", "application/json; charset=UTF-8");
                //other headers if necessary
                httpResponse.headers().add("Access-Control-Allow-Headers", "");
                httpResponse.headers().add("Access-Control-Allow-Origin", "*");
                httpResponse.headers().add("Access-Control-Expose-Headers","");

                //replace the body 
                HttpObjectUtil.replaceTextHttpEntityBody((FullHttpMessage) httpResponse, stubResponse);

                return httpResponse;
            }

            return null;
        }
    });

Answer 2

使用代理。addResponseFilter（（响应、内容、消息信息）方法

例子：

proxy.addResponseFilter((response, contents, messageInfo) -> {
        if (/*...some filtering criteria...*/) {
            contents.setTextContents("This message body will appear in all responses!");
        }
    });

参考博客和Github，您将获得模拟响应的示例。

您可以考虑Cypress将UI测试与集成测试隔离开来。使用Cypress-Fixture模拟响应很容易