Я оцениваю наборы инструментов виджетов для нового проекта и хочу быть уверенным, что смогу сначала написать для них модульные тесты. Итак, я создал простой компонент с использованием Material-UI, основанный на реагировании-автозаполнении, используя axios для запроса простого API. Компонент работает просто отлично, но я не могу заставить его работать с React Testing Library.
Сбой теста: «Не удается прочитать свойство« px »из неопределенного» * 1003 *
Похоже, что Material-UI загружается не полностью, поэтому компонент не может быть протестирован, пока не завершится. У меня нет предыдущего опыта работы с модульным тестированием компонентов React, но не должен ли он загружаться во всех зависимостях в верхней части моего компонента при рендеринге?
Вот демонстрация моей неудачи в Code Sandbox:
https://codesandbox.io/s/testing-material-ui-problem-ndn9f