如何选择带有Material UI v4的ForwardRef中包装的组件?

时间:2019-03-06 14:56:45

标签: reactjs material-ui e2e-testing testcafe

自版本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')也不起作用。有解决方法吗?

1 个答案:

答案 0 :(得分:0)

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

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