javascript - 在 Protractor 中添加自定义定位器快捷方式

Question

Protractor 中有$ and $$ convenient shortcuts对于 CSS 选择器:

$(".myclass")  // means: element(by.css(".myclass"))
$$(".myclass")  // means: element.all(by.css(".myclass"))

是否可以为其他定位器引入自定义快捷方式？

---

更具体地说，如果我们想要一个$r 和$$r 快捷方式用于“by repeater”调用怎么办。能够写作:

$r("item in items")  
$$r("item in items")

代替:

element(by.repeater("item in items"))
element.all(by.repeater("item in items"))

Answer 1

要创建快捷方式，请在全局命名空间以及 ElementFinder 和 ElementArrayFinder 的原型(prototype)上添加自定义定位器:

global.$r = function(selector) {
  return protractor.element(protractor.by.repeater(selector));
};

global.$$r = function(selector) {
  return protractor.element.all(protractor.by.repeater(selector));
};

ElementFinder.prototype.$$r = function(selector) {
  return this.all(protractor.by.repeater(selector));
};

ElementFinder.prototype.$r = function(selector) {
  return this.element(protractor.by.repeater(selector));
};

ElementArrayFinder.prototype.$$r = function(selector) {
  return this.all(protractor.by.repeater(selector));
};

用法:

$r("item in items")
$$r("item in items")
$("#id").$r("item in items")
$("#id").$$r("item in items")