页面对象设计:有没有相当于Ruby gem的Javascript;site_prism”;

Page Objects Design: Is there a Javascript equivalent to Ruby gem "site_prism"

本文关键字：Javascript site prism gem Ruby 对象 面对 相当于 有没有      更新时间：2023-09-26

我想知道Protractor的Javascript（NodeJS）中是否有一个框架，它支持像site_prism那样在页面对象上定义页面对象元素的干净方法。我已经检查过星盘，但不太符合目的。

这就是用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

有没有人知道或已经开发了一个解决方案，如上所述，但为白内障。也许有人在内部使用自定义框架，你愿意开源吗？

关于星盘，它缺乏集合支持，我正在寻找一个更具声明性的语法；而不是

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

我期待着更具声明性的东西，比如：

username: By.input('username'),

可以在这里进一步挖掘缺少的星盘功能，但我的问题不是星盘本身，而是JS是否有更好的site_prism等价物。

注：从软件质量保证&自那以后，测试一直没有得到足够的关注。

我使用这个模式（稍微干净一点）：

'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);
  };
}

我使用这个npm包来声明页面对象选择器。例如，site_prism代码看起来像：

const po = require('@vitalets/page-object');
const menuSection = exports.menuSection = po`.menu`;
menuSection.search = po`a.search`;
menuSection.images = po`a.image-search`;
menuSection.maps = po`a.map-search`;
相关文章：