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

Question

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

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

Answer 1

除了xpath和css，您可以使用以下各种方法。定位器特定于量角器 -

1. 使用buttonText获取元素。

   element(by.buttonText('Reset'));
   

2. 您还可以使用量角器中的addLocator为您的按钮添加自定义定位器。 我。

3. 使用cssContainingText使用css和text属性获取元素。

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

4. 如果您的按钮元素中有更长的文字（例如，＆＃34;重置此值＆＃34;），请使用partialButtonText获取该文字。

   element(by.partialButtonText('Value'));
   

5. 您还可以使用快捷方式使用css查找元素。

   $('.btn'); // = element(by.css('.btn'))
   

Here's an example of it。

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

1. 使用className获取元素 -

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

2. 使用tagName获取元素，如果它是页面上唯一的按钮元素，这是一种罕见的情况 -

   element(by.tagName('button'));
   

希望它有所帮助。

Answer 2

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

上面的答案已经解决了。

Answer 3

尝试以下方法：

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

或

$('.btn');

或

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

Answer 4

最好使用elementor（elementor URL）进行量角器查找元素定位器。这将帮助您找到没有任何问题的确切定位器。但有点耗时。但你不必担心找到的元素。

启动量角器后，在命令提示符中输入

元素或URL。