量角器：遍历选项工作，如果调试，但没有如果没有

Question

我有以下的测试（用于brievity的缘故，我已经删除了页面对象）：

element(by.model("elc.search.placeOfBirth")) //this is a select 

element(by.model("elc.search.placeOfBirth")).all(by.tagName("option")).then(function(options) { 
    for(var i = 0; i < options.length; i++) { 
    options[i].getText().then(function(text) { 
     if(text !== "---") { 
     element(by.model("elc.search.placeOfBirth")).sendKeys(text); 

     var firstRow = element.all(by.repeater("employee in elc.filtered")).first(); 
     firstRow.all(by.tagName("td")).then(function(cells) { 
      expect(cells[4].getText()).toBe(text); 
     }); 

     var lastRow = element.all(by.repeater("employee in elc.filtered")).last(); 
     lastRow.all(by.tagName("td")).then(function(cells) { 
      expect(cells[4].getText()).toBe(text); 
     }); 
     } 
    }); 
    } 
}); 

让我解释这里发生了什么。我有一张桌子和一个上面的选择框。该表的第5列与选择组合框有关，我在表格的ng-repeat中使用的数组将通过组合框中的值进行过滤。我想在这里做的是去查看组合框中的值，选择一个特定的值并确保该表在第一行和最后一行中具有该值。

如果我但browser.debugger()在循环中，这工作和测试通过，但是，如果我不调试测试似乎太快，我的表不会更新得足够快，测试失败。我猜这是因为承诺没有解决，代码仍在运行，但我不确定我在等待什么诺言，因为我也试图在我之后立即输入.then(function() {...}将密钥发送到组合框。

Answer 1

我猜你的for循环执行得很快，所以它内部等待promise的代码会被跳过。您可以通过执行for循环内的函数来避免它。更新您的代码做到这一点 -

var someFunction = function(options, i){ 
    //Write your code that was inside your for loop 
}; 

element(by.model("elc.search.placeOfBirth")).all(by.tagName("option")).then(function(options) { 
    for(var i = 0; i < options.length; i++) { 
     someFunction(options, i); 
    } 
}); 

但是，有一个更好的解决方案，这个问题。使用量角器具有.each()或.map()的内置循环来完成您的工作。这是如何 -

element(by.model("elc.search.placeOfBirth")).all(by.tagName("option")).each(function(option) { 
    option.getText().then(function(text) { 
     if(text !== "---") { 
     element(by.model("elc.search.placeOfBirth")).sendKeys(text); 

     var firstRow = element.all(by.repeater("employee in elc.filtered")).first(); 
     firstRow.all(by.tagName("td")).then(function(cells) { 
      expect(cells[4].getText()).toBe(text); 
     }); 

     var lastRow = element.all(by.repeater("employee in elc.filtered")).last(); 
     lastRow.all(by.tagName("td")).then(function(cells) { 
      expect(cells[4].getText()).toBe(text); 
     }); 
     } 
    }); 
}); 

您可以使用之间的等待，以确保您的DOM更新，然后再执行任何操作。希望它解决了你的问题。