Jest spyOn React.createRef() not working as expected

[swathisainadh]

I've been using React.createRef on one of my components, and using ref.current.validate() & current.state which works fine on implementation but not while testing it using Jest. jest.spyOn works on validate() function but loses all other props of ref such as 'state' here. Also using Enzyme Mount for the component render.

jest.spyOn(React,'createRef').mockReturnValue({ current: { validate: jest.fn(), state: 'abc' } })

[WillGITCode]

I also am having issues with this.
Not only is the spyOn method not seeming to be applied, but it is never called either.
Similar behavior using Object.defineProperty as well.

let ref = jest.spyOn(React, "createRef").mockImplementation(() => {
        return { current: { clientWidth: 1400 } };
});

// OR

Object.defineProperty(React, "createRef", {
    get: jest.fn(() => {
        return { current: { clientWidth: 1400 } };
     }),
    configurable: true,
});

Still testing, haven't figured out the problem yet :(

[github-actions]

This issue is stale because it has been open for 1 year with no activity. Remove stale label or comment or this will be closed in 14 days.

[github-actions]

This issue was closed because it has been stalled for 7 days with no activity. Please open a new issue if the issue is still relevant, linking to this one.

[github-actions]

This issue has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs.
Please note this issue tracker is not a help forum. We recommend using StackOverflow or our discord channel for questions.