量角器中的“$”选择器

我见过很多这样的例子$('.selector')我也在用这个。那么这又是什么$变量确实如此。这是我从量角器得到的docs https://angular.github.io/protractor/#/api?view=ElementFinder.prototype.%24.

对 $ 的调用可以链接起来以查找父级中的元素。

文档中没有使用的示例$独自的。我们正在使用$链接到element选择器。

Also $('.selector')当我们这样做时，它本身就是一个元素element($('.selector'))，这是一个错误。

那么如何使用这个$量角器中的选择器。它具有以下所有功能吗JQuery $。我试过$('.selector').children其中说children不是一个函数。

任何帮助是极大的赞赏。

Thanks!

That looks类似于 jQuery 语法，但它不是，它是 Protractor 的一部分。这就是为什么.children抛出错误是因为我们实际上并没有使用 jQuery。$是一个人手不足的版本element(by.css()) i.e.

$('my-css');与以下完全相同element(by.css('my-css'));

他们还有$$这与以下相同element.all(by.css())

尽管缺乏文档，但确实如此not 必须使用用于链接查找子元素。即使用朱莉的量角器演示（我修改了示例）：

describe('Protractor Demo App', function() {
  it('read the header', function() {
    browser.get('http://juliemr.github.io/protractor-demo/');
    $('h3').getText().then(function (val) {
      console.log(val);
    });
  });
});

这会打印出我找到的 h3 元素的标题。这$ and $$只是 css 选择器的简写。

Source: 这里$$ https://angular.github.io/protractor/#/api?view=ElementFinder.prototype.%24%24, 这里的价格为 $ https://angular.github.io/protractor/#/api?view=ElementFinder.prototype.%24, and 在这里了解更多 https://github.com/angular/protractor/blob/master/docs/locators.md

这也是我发现的一个很好的文档（尽管它没有提到使用$$ : http://luxiyalu.com/protractor-locators-selectors/ http://luxiyalu.com/protractor-locators-selectors/