javascript - 页面对象设计 : Is there a Javascript equivalent to Ruby gem "site_prism"

Question

我想知道 Protractor 的 Javascript (NodeJS) 中是否有框架它支持一种干净的方式将页面对象上的页面对象元素定义为 site_prism做。我已经查过 astrolabe但不太符合目的。
这就是使用 site_prism 声明性定义页面对象的方式

class Home < SitePrism::Page
  set_url "/index.htm"
  set_url_matcher /google.com\/?/
  element :search_field, "input[name='q']"
  element :search_button, "button[name='btnK']"
  elements :footer_links, "#footer a"
  section :menu, MenuSection, "#gbx3"
end

class MenuSection < SitePrism::Section
  element :search, "a.search"
  element :images, "a.image-search"
  element :maps, "a.map-search"
end

有没有人知道或已经开发出类似上述的解决方案，但适用于 Protractor .也许有人在内部使用自定义框架，你愿意开源吗？
关于 astrolabe它缺乏集合支持，我正在寻找一种更具声明性的语法；代替

username: { get: function() { return this.findElement(this.by.input('username')); },

我期待一些更具声明性的东西，比如:

username: By.input('username'),

可以进一步挖掘失踪 astrolabe功能在这里，但我的问题不是关于 astrolabe本身但作为是否有更好的 site_prism相当于 JS。
注意:从 Software Quality Assurance & Testing 迁移问题因为那里没有得到足够的重视。

Answer 1

我使用这种模式(更干净一点):

'use strict'
exports.MyClassPage = function() {

  var textName = element(by.id("name"));
  var tabUsers = element.all(by.repeater("user in users"));

  this.setTxtName = function(name) {
    return textName.sendKeys(name);
  };
}