如何等待RxJS Websocket在量角器中得到响应？

Question

我有一个简单的登录页面对象，填写登录信息并单击按钮。在该点击服务使用Observable Observable.webSocket(url)调用WebSocket。然后，一旦websocket响应被发回，我们将前进到另一条路线。测试问题是，在运行click()之后，它仍然需要几ms，直到我们获得身份验证响应。这意味着下一行会在websocket返回并且路由器被重定向之前运行（这里有一些猜测）。我曾尝试之类的东西elem.click().then(function(){...})和browser.wait但似乎工作setTimeout

有没有一种方法我可以测试用量角器这些UI副作用排序的WebSocket消息的唯一的事情？

Answer 1

单就地解决方案：你可以写browser.wait自己的断言函数，将在浏览器端执行JS，如果关闭套接字返回true（或您自己的检查）：

let waitForWebSocket =() => { 
    let jsFunction =() => {//some js code that will be executed on browser side 
     //pseudocode. I beleive this will be something with promises and event listeners 
     if (webSocketConnectionClosed) { 
      return true 
     } else { 
      return false 
     } 
    } 
    return browser.executeScript(jsFunction)  
} 

browser.wait(waitForWebSocket, 10000, 'WebSocket connection expected to be closed') 

作为一个长期为您的测试项目提供长期的全球解我会建议看看量角器插件功能。你可以定义你自己的waitForPromise钩子，它会在每个动作之间执行。

http://www.protractortest.org/#/plugins

/** 
* Between every webdriver action, Protractor calls browser.waitForAngular() to 
* make sure that Angular has no outstanding $http or $timeout calls. 
* You can use waitForPromise() to have Protractor additionally wait for your 
* custom promise to be resolved inside of browser.waitForAngular(). 
* 
* @this {Object} bound to module.exports 
* 
* @throws {*} If this function throws an error, a failed assertion is added to 
*  the test results. 
* 
* @return {q.Promise=} Can return a promise, in which case protractor will wait 
*  for the promise to resolve before continuing. If the promise is 
*  rejected, a failed assertion is added to the test results, and protractor 
*  will continue onto the next command. If nothing is returned or something 
*  other than a promise is returned, protractor will continue onto the next 
*  command. 
*/ 
exports.waitForPromise = function() {}; 

而且类似：

exports.waitForCondition