How can I select components wrapped in ForwardRef with Material UI v4?

I am troubled with the same problem as this article written in stackoverflow. https://stackoverflow.com/questions/55026027/how-can-i-select-components-wrapped-in-forwardref-with-material-ui-v4

I created the following component in Material-UI v4.1.2. I am in trouble because I can not select the elements below Drawer.

import Drawer from '@material-ui/core/Drawer';
import List from '@material-ui/core/List';
import ListItem from '@material-ui/core/ListItem';
import ListItemText from '@material-ui/core/ListItemText';

function App() {
  return (
    <div className="App">
      <Drawer variant="permanent" anchor="left">
        <List>
          {['All mail', 'Trash', 'Spam'].map((text) => (
            <ListItem button key={text}>
              <ListItemText primary={text} />
            </ListItem>
          ))}
        </List>
      </Drawer>
    </div>
  );
}

Please tell me how to access Drawer or ListItem.

[arubtsov]

Thank you for providing us with additional details and for sharing ideas concerning the implementation! On the one hand, passing the component’s constructor instead of its name into the ReactSelector function is clear in terms of API. On the other hand, the context in which TestCafe executes a test doesn’t match the browser context, so it will be impossible to compare it with something on the client side directly. Our team will need time to research this issue in detail. Your patience is greatly appreciated.

[github-actions[bot]]

We’re closing this issue after a prolonged period of inactivity. If it still affects you, please add a comment to this issue with up-to-date information. Thank you.