使用 Protractor + Angular 在进行 ajax 调用时测试事件

Question

我正在使用量角器 1.7.0 和角度 1.2。

我有一个功能，当我点击一个按钮说“加载结果”时，一个 ajax 请求被触发，同时结果又回来了我看到一个按钮说“取消请求”（要取消正在进行的 ajax 请求，这个按钮会得到收到 ajax 响应时隐藏）。

现在要在量角器中测试它，我正在写这样的东西

//to load the results
element(by.css('#load-results')).click();

//to cancel ongoing ajax request to load results    
element(by.css('.search-cancelled')).then(function(){
  element(by.css('.search-cancelled')).click();
});

它给了我一个错误，说元素不可见。

据我所知，量角器在执行下一条语句之前会等待 Angular 解决其承诺。所以直到它到达这个代码

element(by.css('.search-cancelled')).then(function(){
      element(by.css('.search-cancelled')).click();
    }); 

ajax 调用已返回，这就是元素被隐藏的原因。

有没有办法让量角器在 ajax 请求进行时不等待角度承诺并执行我的代码？

Answer 1

看起来你可以这样做：

$('#load-results').click();
waitElementToBeShown($('.search-cancelled'));
$('.search-cancelled').click();

帮助功能代码如下：

var waitElementToBeShown = function (elm) {
    browser.wait(function () {
        return elm.isPresent();
    },15000);
    browser.wait(function () {
        return elm.isDisplayed();
    },15000);
};