带有辣椒的地图元素

Question

我必须进行测试的朋友来验证我无法映射的元素中的文本。我已经尝试了一切！ 工具提示，

该元素是我用XPath进行映射的

但这太可怕了！！！我需要在状态列中验证单元格每个元素的工具提示的所有文本。是否有一种更简单的方法来执行此操作并映射元素而不使用XPath

[![element :txt_tooltip, :xpath, '/html/body/div\[2\]/div/div\[2\]/table/tbody/tr\[3\]/td\[1\]/div/div\[2\]/div\[1\]/table/tbody/tr/td/table/tbody/tr/td/table/tbody/tr\[2\]/td\[2\]/table/tbody/tr\[2\]/td/table/tbody/tr\[2\]/td/table/tbody/tr/td/div/div\[2\]/div/div/div/table/tbody/tr\[3\]/td\[6\]/img'

get_text_tooltip = txt_tooltip.text
expect(get_text_tooltip).eq ('Somente Leitura')



-Formatted HTML-
 
<a name="TVXWFMTGINSTATOCE"></a>
<div class="tvCaption">
   <div style="display:inline-block;width:100%">
      <img src="r/std/static/pixel.gif" class="icon Enabled icon_grid" draggable="false" onclick="sendEvent(0,event,this,true,0,'','1bfd','ControlMenu#','','','','','');"><img src="r/std/static/pixel.gif" class="icon Enabled icon_norows" draggable="false" onclick="sendEvent(0,event,this,searchImage(this),0,'','1bfd','SelectNone#','','','','','');" alt="Selecionar Nenhum" tooltip="Selecionar Nenhum"><img src="r/std/static/pixel.gif" class="icon Enabled icon_allrows" draggable="false" onclick="sendEvent(0,event,this,searchImage(this),0,'','1bfd','SelectAll#','','','','','');" alt="Selecionar todos" tooltip="Selecionar todos">&nbsp;Lista campos
      <div onclick="if(notSelecting()) sendEvent(0,event,this,searchImage(this),0,'','1bfd','TMMenu#','','','','','');" style="white-space: nowrap;" class="tvMsg tvMsgEna"><img src="r/std/icons/menu64.png" class="icon" draggable="false"></div>
      <div onclick="if(notSelecting()) sendEvent(0,event,this,searchImage(this),0,'','1bfd','CambioLabel#','','','','','');" class="tvMsg tvMsgEna" style="white-space: nowrap;" tooltip="Editar Label">
         <img src="r/std/static/label16.gif" class="icon" draggable="false">
         <div class="tvCaptionSep"></div>
      </div>
   </div>
</div>
<div>
   <div style="" class="tvContent">
      <div style="display:table;width:100%; background:inherit;">
         <div style="display:table-cell;">
            <table class="tvGrid" width="100%">
               <tbody>
                  <tr>
                     <th colspan="1" class="tvHeader">Nome</th>
                     <th colspan="1" class="tvHeader">Etiqueta</th>
                     <th colspan="1" class="tvHeader">Tipo Dado</th>
                     <th colspan="1" class="tvHeader">Valores </th>
                     <th colspan="1" class="tvHeader" width="1">Preenchimento automático</th>
                     <th colspan="1" class="tvHeader">Status </th>
                     <th colspan="1"></th>
                  </tr>
                  <tr oncontextmenu="if(!this.cancelEvent) {sendEvent(0,event,this,true,0,'TVXWFMTGINSTATOCE','1bfd','BtnDropDownRow#',0,'','','');return false;} delete this.cancelEvent;" onclick="if(notSelecting()) sendEvent(0,event,this,true,0,'TVXWFMTGINSTATOCE','1bfd','Select#',0,'','','');" onmousedown="if(event.ctrlKey) this.cancelEvent=true;" class="tvRow tvRowOdd tvRoll" style="cursor:pointer;">
                     <td class="tvCell" valign="center" align="left">FLAG_INSERIMENTO_LETTURA_E</td>
                     <td class="tvCell" valign="center" align="left"> Leitura Existente</td>
                     <td class="tvCell" valign="center" nowrap="" align="left"></td>
                     <td class="tvCell" valign="center" align="left"></td>
                     <td class="tvCell" tooltip="" width="1" valign="center" align="left"></td>
                     <td class="tvCell" valign="center" align="center"><img tooltip="Facultativo" src="r/std/static/ok16.gif"></td>
                     <td style="line-height:1px;padding:0px;" class="tvCell" width="30" valign="center" align="center">
                        <div onclick="event.cancelBubble=true;sendEvent(0,event,this,searchImage(this),0,'','1bfd','BtnDropDownRow#',0,'','','','');" class="but">
                           <div><img src="r/std/icons/menu64.png" class="icon" draggable="false" align="absmiddle"></div>
                        </div>
                     </td>
                  </tr>
                  <tr oncontextmenu="if(!this.cancelEvent) {sendEvent(0,event,this,true,0,'TVXWFMTGINSTATOCE','1bfd','BtnDropDownRow#',1,'','','');return false;} delete this.cancelEvent;" onclick="if(notSelecting()) sendEvent(0,event,this,true,0,'TVXWFMTGINSTATOCE','1bfd','Select#',1,'','','');" onmousedown="if(event.ctrlKey) this.cancelEvent=true;" class="tvRow tvRowEven tvRoll tvRowSelected" style="cursor:pointer;">
                     <td class="tvCell" valign="center" align="left">XWFMSLETMATRICOLA_E</td>
                     <td class="tvCell" valign="center" align="left"> Nº Hidrômetro</td>
                     <td class="tvCell" valign="center" nowrap="" align="left"></td>
                     <td class="tvCell" valign="center" align="left"></td>
                     <td class="tvCell" tooltip="[AIMPMATRICOLA]" width="1" valign="center" align="left">
                        <button onclick="event.cancelBubble=true;sendEvent(0,event,this,searchImage(this),0,'','1bfd','AUTOFILLBTN#',1,'','','','');" class="but butAct" tabindex="0" tooltip="Preenchimento automático ativado" type="BUTTON">
                           <div><img src="r/std/icons/checkboxselected64.png" class="icon" draggable="false" align="absmiddle"></div>
                        </button>
                     </td>
                     <td class="tvCell" valign="center" align="center"><img tooltip="Somente Leitura" src="r/std/static/lock16.gif"></td>
                     <td style="line-height:1px;padding:0px;" class="tvCell" width="30" valign="center" align="center">
                        <div onclick="event.cancelBubble=true;sendEvent(0,event,this,searchImage(this),0,'','1bfd','BtnDropDownRow#',1,'','','','');" class="but">
                           <div><img src="r/std/icons/menu64.png" class="icon" draggable="false" align="absmiddle"></div>
                        </div>
                     </td>
                  </tr>

Answer 1

您一直在提出相同类型的问题，并且似乎并没有从答案中学到任何东西。您真的需要去学习CSS选择器并学习它们 - 尝试 https://flukeout.github.io/ 并进行处理，直到您了解所有选择器类型为止。

在这种情况下，您所显示的代码不能独自工作，因为您正在获得text当您需要的值实际上在tooltip元素的属性中。因此，要么您的代码不起作用，要么您首先移动鼠标，而HTML正在更改为显示为属于元素文本内容的事物。

使用CSS并获取您可以执行的所有元素的工具提示值，例如

all('tr.tvRow .tvCell:nth-child(6) img[tooltip]').map { |el| el['tooltip'] }

返回tooltip属性值的数组。从技术上讲，您可能会从此开始丢弃“ tr.tvrow”，但它仍然可以工作，但比后悔更好。您可以在SitePrism的“元素”语句中使用CSS，但是直到您真正了解CSS Selectors SitePrism确实只是对事物添加了更多的困惑。