AngularJS量角器E2E测试中的页面对象

Question

处理用于为AngularJS编写Protractor E2E测试的Page Objects模型的正确方法是什么？ 我觉得我应该把它们写在单独的文件中（比如homepage.js，page2.js等）然后以某种方式将它们包含在像模块这样的规范中。 但是，我不知道如何注射它们。 将不胜感激任何建议。 谢谢！

Answer 1

将它们保存在单独的文件中，并使用Node的require来引入您需要的任何帮助程序或页面对象。 看看这个超级简单的例子： https ： //github.com/juliemr/ng-page-e2e/blob/master/test/angularsite_test.js#L2

Answer 2

你试过过astrolabe吗？ 它是Protractor之上的一个PageObject实现，可以指导您的结构： https ： //github.com/stuplum/astrolabe

在那里，您可以看到推荐的结构是每个文件一个页面对象。

例如：singInPage.js

var Page = require('astrolabe').Page;

module.exports = Page.create({

   url: { value: 'http://<somesite>.com/signin' },

   username: { get: function() { return this.findElement(this.by.input('username')); } }, // finds an input element with the name 'username'
   submit:   { get: function() { return this.findElement(this.by.id('submit')); } }       // finds an element with the id 'submit'
});

它使得测试用例甚至页面对象的编写非常紧凑和可读。

Answer 3

您应该将它们保存在单独的文件中，是的。

在你的量角器referenceConf.js（配置启动量角器）你应该写：

specs: ['<your_path>/test/pages/*Test.js']

在这种情况下，<protractor将使用掩码* Test.js （loginPageTest.js，homePageTest.js）从dir“/ test / pages”启动所有文件

Answer 4

在使用页面对象进行测试时，我担心没有通用的标准。 您可以在量角器的问题中找到几个建议： https ： //github.com/angular/protractor/issues/401和https://github.com/angular/protractor/issues/78

根据我的需要，我在开源项目中创建了非常简单的页面对象，请参阅： https ： //github.com/9ci/angle-grinder/pull/124

您可以在https://github.com/juliemr/ng-page-e2e/tree/master/test中找到非常有趣的实现