量角器测试角度 $http 拦截器

Question

我正在尝试进行角度量角器测试，该测试在提交时发送一个常规的 ajax 请求，然后在响应腿上拦截。$http 拦截器打开一个自定义对话框，等待用户输入（用户/密码）以进行进一步的身份验证。

问题是量角器坐在那里等待 HTTP 响应完成但从未完成，因为它已被拦截并且只是超时。我找不到让量角器 sendKeys 到这些对话框的方法，因为它仍在等待 HTTP 请求完成（因为它被拦截了，它永远不会）。

所以本质上，量角器框架可以处理 $http 拦截的响应并在需要时提供额外的浏览器输入吗？或者有什么解决方法吗？

谢谢！！

Answer 1

您可以通过将此脚本注入浏览器并存储对某些全局变量的响应来拦截应用程序中的所有 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 对象添加附加功能。