javascript - 使用 Protractor 设置 Angular 模型

Question

我正在尝试使用 Protractor 在我的网站上模拟用户故事。

用户必须输入一个使用自动完成的输入。在现实生活中，用户必须在输入中键入一些文本，然后使用鼠标或更自然地使用向下箭头键选择正确的命题。

问题是我似乎无法用 Protractor 模拟它。 element.sendKeys 只是不允许你这样做。我尝试了十几种不同的方式，最多只能产生不可预测的结果。

所以我想直接操作代表我输入的 ng-model。有没有办法从 Protractor 访问元素的范围并调用函数/设置其属性？

这是我的问题的简化版本:

查看:

<div ng-controller="MyController"> 
  <input id="my-input" ng-model="myModel"/>
</div>

Controller :

 myModule.controller('MyController', ['$scope', function($scope){
   $scope.myModel = "";
   //[...]
 }]);

e2e Protractor 测试:

describe("setting myModel to a fixture value", function(){
  it("should set myModel to 'a test value'", function(){
    var myInput = element('my-input');
    // Now what?
  });
});

Answer 1

您可以使用 .evaluate()直接设置模型值:

var elm = element(by.model("obj.field"));
elm.evaluate("obj.field = 'test';");

获取模型值:

elm.evaluate("obj.field").then(function (value) {
    console.log(value);
});