Не удается установить значение элемента ввода в ферменте

Question

В моем тесте у меня есть это:

let fromInput = wrapper.find('#starting-address').getElement();
fromInput.value = 'Foo';

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

TypeError: Невозможно добавить значение свойства, объект не является расширяемым.

Я пытаюсь проверить имеющуюся у меня кнопку, которая при нажатии должна очистить значение элемента ввода (id: 'начальный адрес'). Я планировал утверждать, что fromInput.value === 'foo' до симуляции клика и fromImput.value === '' после клика.

Answer 1

Это работало со мной:

it("Successfully add an employee to the employees' list when the form submitted",function(){
   const wrapper = mount(<App/>);
   const addEmpWapper = wrapper.find('AddEmployee');
   addEmpWapper.find("#txtName").getDOMNode().value = "Youki";
   addEmpWapper.find("#txtImgUrl").getDOMNode().value = "ImageUrl1";
   addEmpWapper.find("#txtDesc").getDOMNode().value = "Cute baby.";

   const form = addEmpWapper.find('form');
   form.simulate("submit");
   // I already had 3 employees in the app's states bag.
   expect(wrapper.state().employees).to.have.lengthOf(4);
 });

Answer 2

Вам нужно использовать instance () вместо:

const formInput = wrapper.find('#starting-address').instance();
formInput.value = 'Foo';

Проверьте этот ответ , для более подробной информации.