如何使用 Material UI v4 选择包裹在 ForwardRef 中的组件？答案

【问题标题】：How can I select components wrapped in ForwardRef with Material UI v4?如何使用 Material UI v4 选择包裹在 ForwardRef 中的组件？
【发布时间】：2019-03-06 14:56:45
【问题描述】：

从第 4 版开始，材料 ui 开始使用 forwardRef 包装所有组件。在我的 testcafe 测试中，我依靠“testcafe-react-selectors”库根据名称选择组件。所以例如

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

现在在版本 4 中，文档在 react-dev-tools 中显示为 ForwardRef(List)，但使用 ReactSelector('ForwardRef(List)') 进行选择不起作用，ReactSelector('MergeListContext') 也不起作用。有解决办法吗？

【问题讨论】：

标签： reactjs testing material-ui e2e-testing testcafe

【解决方案1】：

由于未发布的 Material UI v4 框架没有遇到任何问题，因此我们需要对其进行彻底研究。

如果您准备一个简单的项目来演示该问题并使用以下 form 在 TestCafe 存储库中创建单独的错误报告，我将不胜感激。

【讨论】：