如何使用capybara使用css映射元素

如何用 css 替換我的 xpath？

我想找到這個專案：CLIENTE

 element :select_area_solicitante,  :xpath,        '/html/body/div[2]/div/div[2]/div/div[1]/form/div/div[2]/div[1]/table/tbody/tr[5]/td/table/tbody[1]/tr[10]/td[5]/select/option[2]'

     <td rowspan="1"></td>
             <td align="center" rowspan="1"  valign="top" colspan="1"><label for="_syAODLBAIXASERVER" >Os em processo de Baixa Server</label></td>
             <td align="center" rowspan="1"  valign="top" colspan="1">
                <div >
                   <div id="dbf" onclick="return false;"  tabindex="511" notnull="1"></div>
                   <input value="false" class="fInside" name="_byAODLBAIXASERVER" type="HIDDEN">
                </div>
             </td>
             <td rowspan="1"></td>
             <td align="center" rowspan="1"  valign="top" colspan="1"><label for="_lyXWFMAODLID_XWFMTURO" >Prioridade</label></td>
             <td align="center" rowspan="1"  valign="top" colspan="1">
                <select style="padding-right:0px;"  onrealchange="return true;" onchange="setTooltip(this,'');realChangeListener(event);" id="dc0" name="_lyXWFMAODLID_XWFMTURO" tabindex="521" evidence="">
                   <option title="" selected="" value=""  style="border:0px;border-radius:0px;font-size:1em;box-shadow:none;"></option>
                   <option title="" value="1" class="f fA" style="border:0px;border-radius:0px;font-size:1em;box-shadow:none;">Mais Crítico</option>
                   <option title="" value="2"  style="border:0px;border-radius:0px;font-size:1em;box-shadow:none;">Crítico</option>
                   <option title="" value="3" class="f fA" style="border:0px;border-radius:0px;font-size:1em;box-shadow:none;">N?o Crítico (com impacto)</option>
                   <option title="" value="21"  style="border:0px;border-radius:0px;font-size:1em;box-shadow:none;">N?o Crítico (sem impacto)</option>
                </select>
             </td>
          </tr>
          <tr >
             <td></td>
          </tr>
          <tr>
             <td align="center" rowspan="1"  valign="top" colspan="1"></td>
             <td align="center" rowspan="1" class="arrangingInteraction" valign="top" colspan="1"></td>
             <td rowspan="1"></td>
             <td align="center" rowspan="1" class="arrangingDescription" valign="top" colspan="1"><label for="_lyXGABAODLID_XGABTASO" class="Lab LabN LabW">área solicitante</label></td>
             <td align="center" rowspan="1" class="arrangingInteraction" valign="top" colspan="1">
                <select style="padding-right:0px;width:100%;" class="f fA fN" onrealchange="return isSingleSelection(this,'área solicitante','','Valor do campo inválido','Erro Campo');" onchange="setTooltip(this,'');realChangeListener(event);" id="dc1" name="_lyXGABAODLID_XGABTASO" tabindex="561" evidence="">
                   <option title="" value="" class="f fA" style="border:0px;border-radius:0px;font-size:1em;box-shadow:none;"></option>
                   <option title="" selected="" value="1"  style="font-weight:bold;">CLIENTE</option>
 <option title="" value="2" class="f fA" style="border:0px;border-radius:0px;font-size:1em;box-shadow:none;">CONSUMOS</option>
               <option title="" value="3"  style="border:0px;border-radius:0px;font-size:1em;box-shadow:none;">FATURAMENTO</option>
               <option title="" value="4" class="f fA" style="border:0px;border-radius:0px;font-size:1em;box-shadow:none;">COBRAN?A</option>
               <option title="" value="5"  style="border:0px;border-radius:0px;font-size:1em;box-shadow:none;">ARRECADA??O</option>

uj5u.com熱心網友回復：

如果我們可以假設您的 html 示例是有效的并且在假設page是Capybara物件的 html 正文標記內，您可以執行以下操作：

page.all('tr td.arrangingInteraction')[3].all(:option)[1].text
=>"CLIENTE"

uj5u.com熱心網友回復：

而不是 CSS，你可以只使用 Capybarasoption選擇器型別

element :select_area_solicitante,  :option, 'CLIENTE' 

如果你堅持使用 CSS，那么你會做類似的事情

element :select_area_solicitante,  :css, 'option', text: 'CLIENTE'

雖然你確定你想要選項元素而不是選擇嗎？。

標籤：红宝石 水豚

上一篇：如何在類似于SnapChat的實時相機視圖中啟用人像效果？

下一篇：來自命令輸出的grep模式