無法找到OPTGROUP或選擇標籤與水豚

Question

我得到以下HTML-Structur與水豚（把body.page）

<div class="analyze-select" id="select-project"> 
     <label class="label" for="project_id_Select Project">Select project</label> 
<select class="chosen-select" data-placeholder="Project" id="select_project_id" name="select[project_id]" style="width: 150px; display: none;"> 
     <option value=""></option> 
     <optgroup label="Active"> 
     <option value="1">Project-0</option> 
     <option value="2">Project-1</option> 
     </optgroup> 
     <optgroup label="Inactive"> 
     <option value="6">deactivated project 3</option> 
     </optgroup> 
    </select> 
    </div> 

當我嘗試

page.should have_xpath("//div[@id='select-project']") # => true 
page.should have_xpath("//label[@for='project_id_Select Project']") # => true 
page.should have_xpath("//select[@class='chosen-select']") # => false 
page.should have_xpath("//optgroup") # => false 

爲什麼不能選擇 - 或找到optgroup-tag？

Answer 1

對於select，您可以使用具有可見選項的has_select節點匹配器。 「false」將檢查頁面中的可見和不可見元素。

page.should have_select（ 「ID /名稱/標籤」，可見：假）

Answer 2

隱藏選定值：

expect(page).to have_select('id/name/label', selected: 'OPTION_TEXT', visible: false)

感謝@ sohini錢德拉。