Facing `Cannot read property 'refs' of undefined` for Tests with enzyme mount wrapper on component having material ui components

After including this library and adding the setup, able to pass tests fromuseEffect actions seamlessly which I couldn’t do with other solutions. But soon, all the other test components (where mount wrapper of enzyme is used and the components are usingmaterial-ui components) started throwing throwing the error Cannot read property 'refs' of undefined error.

Sample Test Component:

//TestComponent.js
import React, { useState } from 'react';
import TextField from '@material-ui/core/TextField';

const TestComponent = () => {
  return (
    <TextField value="somedata" />
  }
}
export default TestComponent;

//TestComponent.test.js
import React from 'react';
import { mount } from 'enzyme';
import TestComponent from '../TestComponent';
describe('TestComponent', () => {
        Date.now = jest.fn(() => 123);
	it('matches snapshot', () => {
		const componentWrapper = mount(<TestComponent />);
		expect(componentWrapper).toMatchSnapshot();
	});
});

But, Not getting error when i try using useRef and ForwardRef’s inside the component Not getting error with material-ui components too when I exclude this package from setup… Any work around for this would be welcomed?

[mikeborozdin]

Hi @krajasekhar ,

Thanks you for reporting that! I haven’t tested it with mount(), but I’ll have a look into the problem and will come back to you!

[krajasekhar]

@mikeborozdin - Closing the ticket.