如何在量角器中查找元素定位器

Question

我是量角器的新手，请帮助我在 Protractor/angularJS 中使用以下代码找到元素定位器，我尝试使用 xpath 和 CSS。这段代码可以使用什么定位器

<button type="submit" value="autofocus" class="btn" data-ng-click="reset()">Reset</button>

Answer 1

除 xpath 和 css 之外，您还可以使用多种方法。量角器特定的定位器 -

使用 buttonText 获取元素。
```
element(by.buttonText('Reset'));
```
您还可以在量角器中使用 addLocator 为您的按钮添加自定义定位器。 Here's an example of it。
使用 cssContainingText 获取同时使用 css 和文本属性的元素。
```
element(by.cssContainingText('.btn', 'Reset'));
```
如果您的按钮元素中有更长的文本（例如，"Reset This Value"），则使用 partialButtonText 来获取它。
```
element(by.partialButtonText('Value'));
```
您还可以使用 css 的快捷方式查找元素。
```
$('.btn'); // = element(by.css('.btn'))
```

您也可以使用各种通用定位器 -

用className得到元素-
```
element(by.className('btn'));
```
如果该元素是页面上唯一的按钮元素，则使用 tagName 获取该元素，这种情况很少见 -
```
element(by.tagName('button'));
```

希望对您有所帮助。

Answer 2

尝试以下操作：

element(by.className("btn"));

或

$('.btn');

或

element(by.css("btn"));

Answer 3

element(by.cssContainingText('.btn', 'Reset'));

以上答案成立。

Answer 4

量角器最好用elementor(elementorURL)来查找元素定位器。这将帮助您毫无问题地找到确切的定位器。但有点耗时。但你不必担心找到的元素。

elementor URL 启动量角器后在命令提示符中。

how to Find element Locator in Protractor