如何使用相同的 xpath 处理 Page 上的多个元素

Question

我在页面上有多个元素具有相同的 xpath 和相同的 id/name , 页面上有两个具有相同定位器的字段我尝试使用以下代码在所需位置输入值

element.all(by.xpath('//*[@id="testInstanceScan"]')).get(1).sendKeys('Vkumar');

但我遇到了错误消息：

失败：索引超出范围。尝试访问索引处的元素：1，但只有 1 个元素与定位器 By(xpath, //*[@id="testInstanceScan"] )

如果我用过 element.all('#testInstanceScan').get(1).sendKeys('Vkumar');

我遇到了错误

失败：定位器无效 堆： TypeError: 定位器无效

Xpath：

 //*[@id="TubeExpirationDate"]

请给我建议。

Answer 1

在 Protractor API 页面上检查 element.all() 和 filter() 或 each() 之类的 cssContainingText()。

改进您的代码（这不起作用）：

for (var i=1;element.all(by.xpath('//*[@id="TubeExpirationDate"]')).c‌​ount();i++ ){
    element.all('//*[@id="TubeExpirationDate"]').get(i).clear;
    element.all('//*[@id="TubeExpirationDate"]').get(i).sendKeys‌​('11252017');
    browser.driver.sleep(2000);
}

试试这个例子：

let j = 0;
let entries = ['july', 'august', 'september', 'restOfYear'];
$$('#TubeExpirationDate').each(function(elem){
    elem.clear().sendKeys('11'+entries[j]+'2017');
    j++;
    //browser.sleep(2000); //I suggest not to use browser.sleep at all
})

但最好通过using CSS Selectors 清楚地确定您要发送输入的确切对象，以进行唯一标识。如：

let elemGroup = $$('#TubeExpirationDate');
elemGroup.$('div[indiv-index ="0"]').clear().sendKeys('11-01-2017');
elemGroup.$('div[indiv-index ="1"]').clear().sendKeys('11-02-2017');
//or if you want to use a counter-variable
elemGroup.$('div[indiv-index ="'+j+'"]').clear().sendKeys('11'+entries[j]+'2017');

但正如我已经建议的那样，还要对Protractortest.org 进行一些研究......那里有很多很好的解释和示例。

Answer 2

你需要使用element.all(locator).each(eachFunction)，类似于这个post。 element.all() 返回由公共定位器标识的元素的列表。 .each() 然后循环遍历该列表。传递给.each() 的function(element, index) 使您可以访问每个元素及其索引。

element.all(by.id('TubeExpirationDate')).each(function(element, index) {
    element.clear();
    var date = index + 3;
    element.sendKeys('11' + date + '2017');
});

正如其他人所建议的，protractortest.org 是一个很好的资源，可以花时间查看。