IDが変数である分度器の要素

Question

分度器を使っていくつかのE2Eテストを書いています。 1つのテキストボックスがあります。厳密なxpathを使用することに本当に困難があります。.//*[@id='_euj7snvsk'] 'のテキストが各実行時に変更されるため、動作しません。

<div class="kf-input" _ngcontent-c17=""> 
 
<!----> 
 
<input id="_9b5w9rlmb" class="input kf-input-valid ng-dirty ng-valid ng-touched" _ngcontent-c17="" tabindex="0" placeholder="e.g. My living room project" required="" pattern="^[ A-Za-z0-9']{3,40}$" type="text"/> 
 
<!----> 
 
<!----> 
 
<!----> 
 
</div>

は、プレースホルダと、クラスではなく、ゼロの成功で '取得' しようとしました：

はここで周囲のエントリーです。誰かが将来の道を提案することができますか？ ありがとう David

Answer 1

はこれを試してみてください：

//assign the variable id name in a string and use it in the locator 
var idString = '_9b5w9rlmb'; 
var inputElement = element(by.id(idString)); 

Answer 2

CSSセレクタで要素を取得しようとしましたか？ Check out all possibilities here。

ここにあなたのケースのための私の提案：

element(by.css('div.kf-input div.input.kf-input-valid')).sendKeys('Some Text'); 

または短い：sendKeys()は、あなたがテキストを入力する前提であることを

$('div.kf-input div.input.kf-input-valid').sendKeys('Some Text'); 

は注意、。あなたの質問から、あなたがフィールドでやりたいことははっきりしていません。

また、テキストボックスを識別するための第2クラスは、必要でない可能性があり、コードから変更される可能性があります。だから、2番目のクラスが一意にあなたのテキストボックスを識別する必要がない場合、それなしで行く。

一般に、XPathではなくCSS-Locatorsを使用することをお勧めします。 XPathのパフォーマンスは低く、長期的には維持するのが難しいです。