はナイトウォッチ/セレン

Question

私の問題でフォームを埋めるためにCSSセレクタが含まれています：

私はNightwatchJSでテストしてみてくださいページは同じ始まりを持っているいくつかの入力フィールドが含まれていますが、ランダムな番号が追加されます。私は、ページ上にテキストフィールドを塗りたい。この名前の人だけが同時に存在します。

<input id="groupNamec7aed06a-67a1-4780-9cc3-5b985666adb9" class="d-styled-input" data-value-update="keyup" data-bind="value: name" title=""> 

フィールドの定義です。 groupNameは毎回同じですが、番号は変わります。

XPATHの代わりにnightwatchでCSSセレクタを使用する可能性はありますか？

Answer 1

サポートを行います。

input[id^="groupName"] 

MDN > Attribute selectorsから：

[attr^=value]は：の属性名を持つ要素を表しattrで始まり、最初の値に接頭辞 "value"が付きます。

Answer 2

残念ながら、CSSセレクタはこのような方法を提供していません。異なるCSS Selectorを使用して、入力をIDと照合し、それらをリストとして取得することができます。その後、getAttribute('id')を使用すると手動で行うことができますが、これは私にとっては不必要な作業のように思えますし、Xpathを使用することをお勧めします。

もちろん、別のユニークなCSSセレクタを試してみることもできます。それがフォームにある場合は、フォームを見つけて:nth-childを使用することができますが、正しく覚えていれば、これはIEでのサポートが制限されているかサポートされていません。

編集どうやらIE9以降あなたはこのよう試みることができる:nth-child