Нажав флажок в тесте фермента

Question

Я пытаюсь смоделировать щелчок на флажке Material-UI. Я попытался

selectAllCheckbox.simulate("change", { target: { checked: true } });

и

act(() => {
  selectAllCheckbox.props().onClick();
}); 

Я попытался повторно найти предмет и обновить упаковщик, и я не могу заставить проверенный реквизит изменить .

Мне кажется, что я упустил что-то фундаментальное.

У меня здесь есть коды и песочница: https://codesandbox.io/s/enzymetestformaterialuitable-t1ruq в песочнице есть таблица Material-UI (снятая со страницы их демонстраций). ).

TIA

Answer 1

Я получил руку из нескольких источников, включая https://github.com/airbnb/enzyme/issues/216

полная песочница https://codesandbox.io/s/enzymetestformaterialuitable-updb9 с прохождением тестов

проверка 4-го флажок в таблице:

 let innerInputElement5 = wrapper
   .find('[role="checkbox"]')
   .hostNodes()
   .at(4);
 innerInputElement5.simulate("click");

отметьте флажок неопределенного в заголовке:

let selectAllCheckboxInHeader = wrapper
      .find(TableHead)
      .find('input[type="checkbox"]')
      .simulate("change", { target: { checked: true } });