包含CSS選擇填寫的表格與nightwatch /硒

Question

我的問題：

頁我嘗試用NightwatchJS測試包含有相同的開頭有一些輸入字段，但添加一個隨機數。我想填充頁面上的文本框。只有一個有這個名字的人同時出現。

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

是字段的定義。 groupName是每次都是一樣的，但數字發生變化。

有沒有可能在夜間使用CSS Selector而不是XPATH？

Answer 1

你可以試試這個方法：

input[id^="groupName"] 

從MDN > Attribute selectors：

[attr^=value]：表示帶有的屬性名稱的元素attr並且其第一個值以「value」爲前綴。

Answer 2

不幸的是CSS選擇器沒有提供這種方式。您可以使用不同的CSS選擇器將輸入與一個ID進行匹配，並將它們作爲列表。之後使用getAttribute('id')你可以手動完成，但這對我來說似乎是不必要的工作，我建議只使用Xpath。

當然你可以嘗試獲得不同的獨特CSS選擇器。如果它在表單中，您可以找到表單並使用:nth-child，但是如果我沒有記錯的話，這在IE中有限/不支持。

編輯顯然IE9及更高版本支持:nth-child