요소가없는 경우 조건부 함수를 추가 할 때 오류가 발생합니다.

Question

현재 임의로 표시된 요소가있는 페이지가 있습니다. 그 동안, 난 상태 함수를 만든 : 요소가 화면에 표시됩니다

this.checkDropdownPresent = function (dropdownLocator, chooseOption) { 
    dropdownLocator.isPresent().then(function(element) { 
     if (element) { 
      let select = dropdownLocator; 
      select.element(by.cssContainingText('option', chooseOption)).click(); 
     } 
    }); 
}; 

, 괜찮 일하고와 각도기가 상호 작용을하지만, 화면에 표시 NOT IN 요소, 나는를 받고있을 때 메시지 :

Failed: element not visible: Element is not currently visible and may not be manipulated 

저에게 도움이되는 팁이 있습니까?

Answer 1

요소가 표시되는지 확인해야합니다. 요소가 존재하지만 (DOM의 일부) 숨겨져 있습니다. 요소가 있는지 먼저 확인하지 않고 요소가 표시되는지 여부를 확인할 수 없습니다. 요소가없는 경우 isDisplayed() 메서드에서 오류가 발생합니다.

this.checkDropdownPresent = function (dropdownLocator, chooseOption) { 
    dropdownLocator.isPresent().then(function (present) { 
     if (present) { 
      dropdownLocator.isDisplayed().then(function (displayed) { 
       if (displayed) { 
        let select = dropdownLocator; 
        select.element(by.cssContainingText('option', chooseOption)).click(); 
       } 
      }); 
     } 
    }); 
}; 

Answer 2

답장을 보내 주셔서 감사합니다.

isPresent()을 isDisplayed()으로 변경하여 문제를 해결했습니다. 지금 제 코드를 확인하십시오 :

this.checkDropdownPresent = function (dropdownLocator, chooseOption) { 
    dropdownLocator.isDisplayed().then(function(element) { 
     if (element) { 
      let select = dropdownLocator; 
      select.element(by.cssContainingText('option', chooseOption)).click(); 
     } 
    }); 
};