Блог

Начиная с версии 4 material ui начал оборачивать все свои компоненты с помощью forwardRef . В моих тестах testcafe я полагался на библиотеку «testcafe-react-selectors» для выбора компонентов на основе их имени. Так, например

 export namespace TimeSlotListPage {
  export const TimeSlotList = ReactSelector('TimeSlotList');
  export const TimeSlotListItem: Selector = ReactSelector('ListItem');
}
  

Теперь с версией 4 документ отображается как ForwardRef(List) в react-dev-tools, но выбор для этого с помощью ReactSelector('ForwardRef(List)') не работает, и ни один из них не работает ReactSelector('MergeListContext') . Есть ли обходной путь для этого?

Поскольку мы не сталкивались с какими-либо проблемами с неизданным фреймворком Material UI v4, нам нужно было бы тщательно изучить его.

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