Содержит CSS Selector, чтобы заполнить форму с 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-селектор в ночном свете вместо XPATH?

Answer 1

Вы можете попробовать этот способ:

input[id^="groupName"] 

От MDN > Attribute selectors:

[attr^=value]: Представляет элемент с именем атрибута attr и чье первое значение имеет префикс «значение».

Answer 2

К сожалению, селектор CSS не обеспечивает такой способ. Вы можете использовать другой селектор CSS, чтобы сопоставлять входы с идентификатором и получать их как список. После этого с помощью getAttribute('id') вы можете сделать это вручную, но для меня это кажется ненужным, и я бы рекомендовал использовать Xpath.

Конечно, вы можете попробовать и получить уникальный уникальный CSS-селектор. Если он находится в форме, вы можете найти форму и использовать :nth-child, но если я правильно помню, это ограничено/не поддерживается в IE.

Редактировать Видимо IE9, а затем делает поддержку :nth-child