각도기

Question

와 시맨틱 UI 드롭 다운 항목을 선택하면 그 같이 정의 시맨틱 UI가 :

<div class="ui selection dropdown" id="my_dropdown"> 
    <input name="gender" type="hidden"> 
    <i class="dropdown icon"></i> 
    <div class="default text">Gender</div> 
    <div class="menu"> 
     <div class="item" data-value="1">Male</div> 
     <div class="item" data-value="0">Female</div> 
    </div> 
</div> 

을 그리고 $('.ui.dropdown').dropdown();를 사용하여 초기화하고 있습니다.

element(by.id('my_dropdown')).click().then(function() { 
    element.all(by.css('#my_dropdown option')).then(function(options) { 
     options[1].click(); 
    }); 
}); 

그리고 그것은 실패 : 나는 내가 그것을 선택하는 것을 허용하지 않습니다 내가 각도기 실행 내 엔드 - 투 - 엔드 테스트에서이 드롭 다운을 테스트 할 때

지금, 내가 할 : Failed: element not visible.

드롭 다운 값을 어떻게 선택합니까?

Answer 1

시맨틱 UI는 <select>과 그 안에 포함되어있는 <option>을 숨기고 더 나은 것으로 대체합니다. <div>입니다. 따라서 분도기와 기본 웹 드라이버는 요소가 숨겨져 있음을 정확하게 발견합니다. 이것은 data-value 1로 <option>을 선택

browser.executeScript('$("#my_dropwdown").dropdown("set selected", "1")'); 

: 약속과 함께 깨끗한 방법은 여기에 작동하지 않습니다, 우리는 즉, 우리는 다음과 같이 우리의 각도기 사양 내에서 일부 JS를 실행해야 의미 UI를 통해 그들을 선택해야 .