동일한 xpath를 사용하여 페이지에서 둘 이상의 요소를 처리하는 방법

Question

동일한 xpath 및 동일한 ID/이름을 가진 하나 이상의 요소가 페이지에 있습니다. , 같은 로케이터가있는 페이지에 두 개의 필드가 있습니다. 값을 입력하려고했습니다. 코드 아래에 원하는 위치

element.all (by.xpath ('testInstanceScan ")')).) get (1) .sendKeys ('Vkumar');

하지만 오류 메시지가 표시됩니다.

실패 : 인덱스가 벗어납니다. 인덱스 요소를 액세스하려고 1하지만 바이 로케이터 일치 만 1 요소있다 (XPath는이 // * @ ID = "testInstanceScan"] ) 나 '( element.all 사용한 경우

# testInstanceScan ') .get (1) .sendKeys ('Vkumar '); 잘못된 로케이터 스택 : 형식 오류 : 잘못된 로케이터

XPath는 :

//*[@id="TubeExpirationDate"] 

날이에 제안 해주십시오

내가 오류

실패

에 직면했다.

Answer 1

post과 비슷한 element.all(locator).each(eachFunction)을 사용해야합니다. element.all()은 공통 로케이터로 식별 된 요소의 List를 리턴합니다. 그런 다음 .each()이 해당 목록을 반복합니다. function(element, index)이 .each()으로 전달되면 각 요소와 해당 색인에 액세스 할 수 있습니다. 다른 사람에 의해 제안

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

는 protractortest.org 검토 할 시간이 걸릴 수있는 좋은 자원이다.

Answer 2

돌출 코드 API 페이지에서 cssContainingText()과 같은 내용을 확인하십시오. element.all() 및 filter() 또는 each()

(작동하지 않는) 코드를 개선하기 위해 :

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 
}) 

그러나 더 좋은 것은 명확하게 원하는 정확한 객체를 식별하는 것입니다 : 예를 들어이의

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); 
} 

시도 독특한 신분 확인을 위해 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에 일부 연구를.