protractor中元素定位方式

最新推荐文章于 2023-07-24 13:30:48 发布

原创最新推荐文章于 2023-07-24 13:30:48 发布 · 1.2k 阅读

2 ·

CC 4.0 BY-SA版权

javascript+protractor 专栏收录该内容

15 篇文章

订阅专栏

本文详细介绍了Protractor中常用的元素定位方式，包括by.css、by.id、by.name、by.model和by.binding等，并展示了如何使用这些方法定位页面元素，以及如何处理一组元素的常见操作。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

protractor常用元素定位方式：

1、by.css

<div class="parent">
  <div class="child">
    Child text
    <div>{{person.phone}}</div>
  </div>
</div>

var/let child = element(by.css('.parent')).$('.child');

element(by.css('.parent'))=$('.parent')

2、by.id

element(by.id('username'))=$('#username')

3、protractor特有的定位方式：

1）

by.model('name')

2）

by.binding('bindingname')

4、定位一组元素：

element.all(by.css('.selector'))=$$('.selector')

这组元素第一个元素：$$('.selector').get(0)或者 $$('.selector').first(); 最后一个元素：$$('.selector').last();

5、by.name

<ul>
  <li name="dog_name">Dog</li>
  <li name="cat_name">Cat</li>
</ul>


var dog = element(by.name('dog_name'));
expect(dog.getText()).toBe('Dog');

6、查找子元素：

element.all(by.css('some-css')).first().element(by.tagName('tag-within-css'));
element.all(by.css('some-css')).get(index).element(by.tagName('tag-within-css'));
element.all(by.css('some-css')).first().all(by.tagName('tag-within-css'));
element(by.css('some-css')).element(by.tagName('tag-within-css'));
element(by.css('some-css')).all(by.tagName('tag-within-css'));

以下这些定位方式都可以用：