2017-08-09 24 views
0

我有一個簡單的SEMANTIC UI性別選擇下拉菜單,必須使用量角器進行測試。我無法找到像$,by.model(),findelement()和許多這樣的屬性無法用於測試的角度2的方法。提前致謝。使用量角器選擇下拉菜單

<div class="field "> 
 
       <label for="gender" class="asterisk">Gender</label> 
 
       <select class="ui dropdown" formControlName="gender" id="gender" name="gender" required> 
 
       <option value="">Select</option> 
 
       <option value="Male" >Male</option> 
 
       <option value="Female" id="Female">Female</option> 
 
     </select> 
 
      </div> 
 
      </div>

回答

0

您使用browser.action()方法,它做的。遵循下面的代碼:

var drpOpt=element(by.css("option[value='Male']"))//change the value to Female 
//if you want to select Female 
element(by.name("gender")).click().then(function(){ 
browser.actions().mouseMove(drpOpt).click().perform(); 
}); 
+0

喜蘇雷什,這個我仍然得到「元素不可見」的錯誤。任何解決方法? – Sam

+0

@Sam你可以在這裏粘貼錯誤日誌 –

+0

我正在使用語義UI下拉,它使用jQuery而不是HTML選擇下拉菜單。這是原因嗎? – Sam

0

像這樣的東西應該工作:

element(by.name('gender')).element(by.cssContainingText('option', 'Male')).click();