이상한 선택 목록 요소를 클릭하는 방법?

Question

알 수없는 드롭 다운 메뉴에서 옵션을 선택하는 데 문제가 있습니다. 드롭 다운의 요소는 드롭 다운 화살표를 클릭 할 때 나타납니다. 그러나 사용할 수있는 ID 또는 기타 속성을 알지 못하기 때문에 해당 요소를 클릭 할 수 없습니다. 다음은 코드입니다.

on_page(RegistrationPage).id_of_select_list_with_options = "8" 

또는

@browser.select_list(:name => "field_profile_bday[0][value][day]").select("8") 

또는

@browser.select_list(:id => "edit-field-profile-bday-0-value-day").select("8") 

오류는 다음과 같습니다 : 요소가 현재 표시되지 않는 등 (셀레늄과 상호 작용 할 수 없습니다 나는 함께 select_list에서 선택할 수 없습니다 :: WebDriver :: Error :: ElementNotVisibleError)

콤보 버튼 요소를 클릭하면 드롭 다운 목록이 나타납니다. 하지만 선택 후 콤보 선택 div에 나타나기 때문에 요소를 선택할 수 없습니다. ("8")

<div class="form-item" id="edit-field-profile-bday-0-value-day-wrapper"> 
<label for="edit-field-profile-bday-0-value-day">Jour : <span class="form-required" title="Ce champ est obligatoire.">*</span></label> 
<select name="field_profile_bday[0][value][day]" class="form-select required date-day" id="edit-field-profile-bday-0-value-day" ><option value="" selected="selected">Jour</option><option value="1">1</option><option value="2">2</option><option value="3">3</option><option value="4">4</option><option value="5">5</option><option value="6">6</option><option value="7">7</option><option value="8">8</option><option value="9">9</option><option value="10">10</option><option value="11">11</option><option value="12">12</option><option value="13">13</option><option value="14">14</option><option value="15">15</option><option value="16">16</option><option value="17">17</option><option value="18">18</option><option value="19">19</option><option value="20">20</option><option value="21">21</option><option value="22">22</option><option value="23">23</option><option value="24">24</option><option value="25">25</option><option value="26">26</option><option value="27">27</option><option value="28">28</option><option value="29">29</option><option value="30">30</option><option value="31">31</option></select> 
</div> 
<div class="combo-wrapper" style="display: inline-block; width: 61px; height: 24px; " tabindex="0"><div class="combo-button" style="width: 24px; height: 24px; display: inline-block; ">+</div><div class="combo-selected" style="width: 37px; height: 24px; display: inline-block; ">Jour</div></div> 
<div class="combo-button" style="width: 24px; height: 24px; display: inline-block; ">+</div> 
<div class="combo-selected" style="width: 37px; height: 24px; display: inline-block; ">Jour</div> 
"Jour" 
</div> 

Answer 1

대신 ALL 기타 사항 서보 -OFF : 다음은 HTML입니다 (콤보 선택 사업부에서 "주르"텍스트처럼, 기본적으로있다). 같은 것을보십시오 :

@browser.select_list(:name => "field_profile_bday[0][value][day]").option(:value, '8').select 

또는

@browser.select_list(:name => "field_profile_bday[0][value][day]").options[7].select 

난 당신이 옵션의 요소를 가리 한 후 고유 한 선택 방법을 사용하는 데 필요한 생각합니다. 희망이 작동합니다. 행운을 빕니다!