XPathを使用して、入力フィールドをIDなしで検索する方法

Question

私は、ページオブジェクト内のtext_fieldを使用しての中の最初の<input>フィールドを識別したい次のHTMLのWebページで作業しています。

<div id="131:"> Please enter your name: 
<span class="autocompspan " style="position:static;"> 
    <input style="position: static;" class="autocompinput yui-ac-input" id="132:" name="132:" 
    onfocus="juic.fire(&quot;132:&quot;,&quot;_focus&quot;,event);" 
    onchange="juic.fire(&quot;132:&quot;,&quot;_despatchChange&quot;,event);" 
    onblur="juic.fire(&quot;132:&quot;,&quot;_blur&quot;,event);" size="60" 
    onkeydown="juic.fire(&quot;132:&quot;,&quot;_onkeydown&quot;,event);" 
    onkeyup="juic.fire(&quot;132:&quot;,&quot;_onkeyup&quot;,event);" aria-disabled="false" value="" 
    role="combobox" aria-autocomplete="list" aria-owns="132:_divList" 
    aria-activedescendant="132:_divAD" findtype="proxy" delimchar="" hideusername="false" 
    fetchusername="false" autocomplete="off" type="text"> 
    <input value="" id="132:_hidden" name="132:_hidden" type="hidden"> 
</span> 
</div> 

フィールドを識別するために:id => '132:'を使用すると正常に動作します。私。 text_field(:target_user_name, :id => '132:')が動作します。

問題は、このHTMLはいつもidが一貫要素を識別するために依拠することはできません使用して<input>フィールドid同じ値を生成していない基本的なアプリ（SAP）によって生成されていることです。 したがって、上記のHTMLでは、この<input>フィールドを確実に見つける方法について他にどのような方法がありますか。

私は以下のことを試しましたが、いずれも動作しません。彼らのほとんどは、要素の位置を待っている時間があります。

text_field(:target_user_name, :xpath => "//*[@class='autocompinput yui-ac-input' and @role = 'combobox']") 
text_field(:target_user_name, :xpath => "//*[@class='autocompinput' and @role = 'combobox']") 
text_field(:target_user_name, :xpath => "//span/input[@class='autocompinput yui-ac-input' and @role = 'combobox']") 
text_field(:target_user_name, :xpath => "//input[@class='autocompinput yui-ac-input' and @role = 'combobox']") 
text_field(:target_user_name, :class => 'autocompinput yui-ac-input') 

Answer 1

要素が一意に識別可能な属性を持っていない場合は、あなたがその周りの要素になっているはずですが。この場合、ユーザーがフィールドの目的を識別するのに役立つユーザーの視覚的なテキストがあります。同じテキストを使用してWatirの要素を識別することができます。

周囲divのみラベルテキストが含まれているとして、あなたはそのテキストによってそのdivを検索し、その中に唯一のテキストフィールドを取得することができます：ページ・オブジェクトのアクセサとして

browser.div(text: 'Please enter your name:').text_field 

を：

text_field(:target_user_name) { div_element(text: 'Please enter your name:').text_field_element } 

Answer 2

まず、WatirはXPATHを使用する必要がないように設計されています。

これはページ上にいくつの要素/ IDがあるかによって異なりますが、正規表現を使用すると動的に生成されるIDでよく機能することがわかりました。だから、IDを取得し、他の場所でそれを使用するか：

id = browser.text_field(id: /\d\d\d/).tr(':', '') 

か、単にそれを直接使用します。

text_field(:target_user_name, id: /\d\d\d:/) 

Answer 3

この場合は、「あなたの名前を入力してください：」というテキストの後ろにあるxpath：

一般に、一意の識別子を持たないフィールドに遭遇した場合は、静的なテキストやフィールドに頼り、次に、先行するようなxp​​ath関数を使用することができます。