Доступ к тексту заполнителя для подтверждения с помощью jest

Question

Я пытаюсь получить доступ к тексту-заполнителю в этом теге ввода формы, просто чтобы убедиться, что текст правильный:

  <form>
    <input name="form" className="form-classname" placeholder="Text inside placeholder"/>
  </form>

Я поверхностно отрисовываю этот компонент и пробовал это, нопоскольку это заполнитель, а не текст, узел возвращает пустую строку в качестве входных данных (как и следовало ожидать).

expect(wrapper.find('.form-classname').at(0).text()).toEqual('Text inside placeholder')

Предложения о том, что делать дальше?

Answer 1

Для доступа к атрибуту placeholder вместо этого вы хотите использовать props () .Это открывает объект, содержащий оба реквизита, назначенные соответствующему элементу, а также атрибуты.

expect(wrapper.find('.form-classname').at(0).props().placeholder).toEqual('Text inside placeholder')

text () не будет действительным в этой ситуации, поскольку будет использоваться для получения текста внутрикакой-то блочный элемент.Например, если вы хотите проверить, что «foobar» содержится внутри <span>foobar</span>, вы можете использовать text(), чтобы получить текст внутри <span>.

Надеюсь, это поможет!