angularjs 量角器测试Angular $http拦截器

djp7away  于 2023-06-21  发布在  Angular
关注(0)|答案(1)|浏览(129)

我正在尝试做一个Angular 量角器测试,它在提交时发送一个常规 AJAX 请求,然后在响应腿上被拦截。$http拦截器打开一个自定义对话框,等待用户输入(用户/密码)以进行进一步的身份验证。
问题是,量角器一直在等待HTTP响应完成,但从来没有这样做过,因为它被拦截了,只是超时了。我无法找到一种方法让量角器sendKeys到这些对话框,因为它仍然在等待HTTP请求完成(自从它被拦截以来,它永远不会完成)。
因此,从本质上讲,量角器框架是否可以处理$http拦截的响应,并在需要时提供额外的浏览器输入?或者有什么变通办法吗?
谢谢!

mgdq6dx1

mgdq6dx11#

您可以通过将此脚本注入浏览器来拦截应用程序中的所有xhr调用,并将响应存储到某些全局变量。我正在保存到窗口变量。

(function(XHR) {
    "use strict";

    var open = XHR.prototype.open;
    var send = XHR.prototype.send;

    XHR.prototype.open = function(method, url, async, user, pass) {
        this._url = url;
        open.call(this, method, url, async, user, pass);
    };

    XHR.prototype.send = function(data) {
        var self = this;
        var oldOnReadyStateChange;
        var url = this._url;

        function onReadyStateChange() {
            if(self.readyState == 4 /* complete */) {
                /* This is where you can put code that you want to execute post-complete*/
                /* URL is kept in this._url */
                
                if(self._url=='api/v1/groups')
                {
                    var request=JSON.parse(data);
                    if(request.method=='createGroup') {

                        var XHRInterceptObj=new Object();
                        XHRInterceptObj.request=request;
                        XHRInterceptObj.response=self;
                        window._groupCreation =XHRInterceptObj;

                    }
                    else if(request.method=='getGroupDetails') {
                        var XHRInterceptObj=new Object();
                        XHRInterceptObj.request=request;
                        XHRInterceptObj.response=self;
                        window._groupDetails =XHRInterceptObj;
                    }
                }

            }

            if(oldOnReadyStateChange) {
                oldOnReadyStateChange();
            }
        }

        /* Set xhr.noIntercept to true to disable the interceptor for a particular call */
        if(!this.noIntercept) {
            if(this.addEventListener) {
                this.addEventListener("readystatechange", onReadyStateChange, false);
            } else {
                oldOnReadyStateChange = this.onreadystatechange;
                this.onreadystatechange = onReadyStateChange;
            }
        }
        //console.log('data',data);
        send.call(this, data);
    }
})(XMLHttpRequest);

你可以像这样从全局变量中得到响应数据。

browser.executeScript('return window._groupCreation;').then(function(obj){
        console.log(obj.responseText);
    });

在这个脚本中,我们实际上使用原型和拦截调用向XHR对象添加了额外的功能。

相关问题