Компонент Test React, который получает данные от сервера - PullRequest
Новая
       27

Компонент Test React, который получает данные от сервера

0 голосов
/ 15 апреля 2019

В моем функциональном компоненте реакции у меня есть функция обратного вызова, которая получает данные из бэкэнда и устанавливает их с помощью ловушки useState: 

const MyComponent= props => {
  const [data, setData] = useState([]);
  ...
  const myCallback = response => {
    setData(response);
  }
  ...
}

Мой вопрос таков: внутри моих тестов, как я могу передать компоненту некоторые фиктивные данные, чтобы я мог их правильно протестировать. Я использую шутку и фермент. Так что в основном в моих тестах мне нужно как-то сделать setData(myMockData); или мне нужно вызвать внутреннюю функцию myCallback() с фиктивными данными в качестве параметра. Вот как я монтирую свой компонент: 

 wrapper = mount(<Provider store={store}><MyComponent /></Provider>);

Я пытался 

wrapper.find(MyComponent).instance().myCallback(myMockData)

Но я получил ошибку: TypeError: wrapper.find(...).instance(...).myCallback is not a function

...