量角器-获取元素的子元素

Protractor - get child element of an element?

本文关键字：元素 获取 量角器      更新时间：2023-09-26

我正在尝试访问一个ng-repeat元素的子元素，但是我遇到了麻烦。

我已经搜索了这个问题，我找到的解决方案都不适合我。其中一个解决方案是这样做的:

var parent = element(by.repeater(''));
var child = parent.element(by.....);

当我尝试child行时，我看不到父元素上的元素函数..

http://prikachi.com/images/11/8338011u.png

如果你看到上面的截图，你会看到我要测试的页面的代码结构。

我需要访问头像图像的alt属性并获得其值(即用户的用户名)。

我想到的一件事是在ng-repeat行上使用.getInnerHTML()，这将返回一个包含所有代码的字符串。从那里，我可以找到alt属性及其值与字符串操作，但这似乎太野蛮，我确信必须有一个更好的方法。

我只想从中继器中获取第4行并获取第4行用户的Username，这就是我想要的

试试这个，

var parent = element(by.repeater('f in feed'));
var child = parent.all(by.xpath('//img[@alt="Pundeep"]')).first()

(或)

var parent = element(by.repeater('f in feed'));
var child = parent.all(by.xpath('//img[@alt="Pundeep"]')).get(0)

您可以直接使用量角器中的element.all()和get()定位器获得。- 

var child = element.all(by.repeater('parent_locator')).get(3); //gets 4th element in repeater. Its a 0 based index.
child.getAttribute('alt').then(function(user){
    var username = user; //username contains the alt text
});

在Protractor元素文档中给出了一个查找子元素的示例，这与链接元素find:

相同
// Chain 2 element calls.
let child = element(by.css('.parent')).
    $('.child');
expect(child.getText()).toBe('Child text'n555-123-4567');
// Chain 3 element calls.
let triple = element(by.css('.parent')).
    $('.child').
    element(by.binding('person.phone'));
expect(triple.getText()).toBe('555-123-4567');
// Or using the shortcut $() notation instead of element(by.css()):
// Chain 2 element calls.
let child = $('.parent').$('.child');
expect(child.getText()).toBe('Child text'n555-123-4567');
// Chain 3 element calls.
let triple = $('.parent').$('.child').
    element(by.binding('person.phone'));
expect(triple.getText()).toBe('555-123-4567');

https://www.protractortest.org//api ?看来美元= ElementFinder.prototype。

这个例子可以帮到你:

return element(by.css('select.custom-select:nth-child(1) option[value="12"]'));

可以使用n -child()选择器来访问子元素。在我的例子中，我使用了一个插件与2选择相同的类，我想在选择1中单击一个定义的选项，在选择2中单击第二个。

相关文章：