Невозможно найти элементы списка, используя Nightwatch

Question

У меня есть несколько элементов списка:

< button id={"productBook"} className="fito-btn fito-btn-long" style={this.props.styles.btnBrandRevers} onClick={this.props.onOfferSelect.bind(null, product)}>
 < FormattedMessage id='app.Book' defaultMessage='Book' />
< /button>

При назначении элемента с идентификатором productBook как:

.assert.visible('button[id=productBook]')

Я получаю сообщение об ошибке:

Testing if element <button[id=productBook]> is visible. Element could not be located. - expected "true" but got: "null"

Я не понимаю, почему это не работает для этого конкретного элемента, в то время как оно работает для других элементов.Есть ли другой способ проверки элементов списка?Пожалуйста, помогите.

Answer 1

В соответствии с HTML, которым вы поделились, атрибут id для <button> генерируется динамически. Таким образом, вы, возможно, не сможете утверждать через id . Вместо этого вы можете утверждать видимость FormattedMessage через следующую Стратегию локатора :

• xpath:

  //button[@class='fito-btn fito-btn-long']/FormattedMessage[@id=\"app.Book\"][@defaultMessage='Book']
  

Answer 2

Попробуйте использовать сокращение # для идентификатора:

assert.visible('button#productBook')

или

assert.visible('#productBook')