量角器-测试具有动态填充输入的Angular表单

Question

我正在尝试为我的角应用程序编写一个e2e测试，特别是一个具有3个选择输入的表单。测试需要涉及从这些选择中随机选择选项。第一个选择已填充了数据，但其他 2 个选择在选择前一个选项时异步填充，因此它们彼此依赖。

选择输入还使用 ng 禁用，并且仅当有根据其 ng 重复表达式可用的选项时才启用。

我在测试中使用了页面对象方法，因此我尝试制作一些实用函数来实现测试中需要的随机选择行为：

页面对象：

    this.selectRandomCustomer = function() {
    var option,
      randomIndex;
    this.customerSelect.click();
    this.customerSelectOptions.count().then(function(count) {
      randomIndex = Math.floor(Math.random() * count);
      option = element(by.repeater('customer in vm.customers').row(randomIndex));
      option.click();
    });
  };

  this.selectRandomOrder = function() {
    if(this.orderSelect.isEnabled()===true) {
      var option,
        randomIndex;
      this.orderSelect.click();
      this.orderSelectOptions.count().then(function(count) {
        randomIndex = Math.floor(Math.random() * count);
        option = element(by.repeater('order in vm.orders').row(randomIndex));
        option.click();
      });
    }
  };

鉴于从customerSelect中选择一个选项后，只有用选项填充了订单Select才能被选中，我想了解一下调用this.customerSelectOptions时返回的promise。count（），因此调用this。selectRandomOrder，但这似乎是未定义的，因为我从量角器处得到一个错误，说它找不到selectRandomOrder函数。

现在我只能选择第一个选项，因为它总是在初始页面加载时填充。

此外，我不确定使用isEnabled（）是否真的对我有效，因为我确信这应该会为我的第二个输入返回true，但如果我控制台注销它，我会看到false。禁用ng时这不起作用吗？

处理表单上的输入的最佳实践是什么，该表单最初不会填充数据，并等待角度获取和填充任何可用选项？

谢啦

更新:

我使用调用getAttribute（）来检查是否存在禁用的属性，从而实现了这一点。

所以从我在it块中的规范文件中，我可以调用

page.customerSelect.getAttribute('disabled').then(function(result){
    if(!result) {
        page.selectRandomCustomer();
    }
});

page.orderSelect.getAttribute('disabled').then(function(result){
    if(!result) {
        page.selectRandomOrder();
    }
});

理想情况下，我希望能够做的是在单击“随机”客户中的选项后调用“随机顺序”：

this.selectRandomCustomer = function() {
    var option,
        randomIndex;
    this.customerSelect.click();
    this.customerSelectOptions.count().then(function(count) {
        randomIndex = Math.floor(Math.random() * count);
        option = element(by.repeater('customer in vm.customer').row(randomIndex));
        option.click();
        //Like to be able to call selectRandomOrder but only after angular has finished performing AJAX request for data and received response
    });
};

this.selectRandomOrder = function() {
    var option,
        randomIndex;
    this.orderSelect.click();
    this.orderSelectOptions.count().then(function(count) {
        randomIndex = Math.floor(Math.random() * count);
        option = element(by.repeater('order in vm.orders').row(randomIndex));
        option.click();
    });
};

我确实尝试在选项.click（）后立即调用此.selectRandomOrder，但我收到一个错误，说没有这样的函数，似乎无法从返回的promise函数回调内部访问。