Question

我是Angularjs / Protractor的新手，在我的测试中难以访问输入标签。在浏览器中运行应用程序会将输入字段设置为init值。但在我的测试中，我似乎无法抓住它们或写入这些字段。量角器的输出结果是：

$protractor conf.js 
>[18:07:56] I/hosted - Using the selenium server at http://localhost:4444/wd/hub
>[18:07:56] I/launcher - Running 1 instances of WebDriver
>Started 
>F
>Failures:
>1) When loading component loginComp the email/password get init values
>  Message:
>    Expected '' to be 'abc@example.com'.
>Stack:
>  Error: Failed expectation 
>   ....stack trace
>1 spec, 1 failure
>Finished in 1.101 seconds
>[18:07:58] I/launcher - 0 instance(s) of WebDriver still running
>[18:07:58] I/launcher - chrome #01 failed 1 test(s)
>[18:07:58] I/launcher - overall: 1 failed spec(s)
>[18:07:58] E/launcher - Process exited with error code 1

这是index.html：

index.html:
<!DOCTYPE html>
<html>
<head>
  <title>Test directives</title>
</head>
<body ng-app="docsapp">
  <div> Here is the test</div>
   <div>
    <login-comp></login-comp>
   </div>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.5.6/angular.js">  </script>
  <script src="app/app.module.js"></script>
  <script src="app/login-comp/login-comp.module.js"></script>
  <script src="app/login-comp/login-comp.component.js"></script>
 </body>
</html>

这是loginComp模块：

login-comp.module.js:
angular.module('loginComp', [])

这是loginComp组件def：

function LoginCompController() {
  var vm = this;
  this.user = {
    email: "admin@example.com",
    password: "password" 
  }
}

angular.module('loginComp')
.component('loginComp', {
  templateUrl: './app/login-comp/login-comp.template.html',
  controller: LoginCompController,
  controllerAs: 'vm'
});

这是loginComp模板：

login-comp.template.html:
<input type="email" ng-model="vm.user.email"/>
<hr>
<input type="password" ng-model="vm.user.password"/>

这是测试文件：

login-comp.component.spec.js:
describe("When loading component loginComp", function() {
  beforeEach(function() {
    browser.get("http://127.0.0.1:8080/");
  });
  it("the email/password get init values", function() {
    var email = element(by.model("vm.user.email"));

    email.sendKeys("abc@example.com").then(function() {
      expect(email.getText()).toBe("abc@example.com");
    });

  });
});

我在测试中尝试了不同的变体：从电子邮件输入字段中读取，写入它。我也尝试使用＆＃34; user.email＆＃34;或者＆＃34;电子邮件＆＃34;访问输入字段但这会产生错误（失败：使用定位器找不到元素：by.model（＆＃34; user.email＆＃34;））。

如果有人在Stackoverflow之前看到此错误，请将链接发送给我。我已经审查了许多与量角器相关的问题，但没有一个适用于我的案例。

非常感谢。

Answer 1

这来自protractor FAQ：

输入元素的getText结果始终为空

这是一个webdriver的怪癖。 input和textarea元素始终具有空的getText值。相反，尝试：

element.getAttribute('value')

在量角器测试中无法访问输入字段

1 个答案: