我有一个具有 2 个输入文本字段的组件。
在componentDidMount()我调用的方法中 this.refs.password.focus();
我的内部有一些棘手的业务逻辑，componentDidMount但是在进行浅层单元测试时componentDidMount，出现错误
无法访问未定义的密码
我检查了浅层组件的实例，发现它this.refs是undefined。我的问题是我们如何通过测试来设置它？
Shallow 有第二个参数，我们可以传递它作为上下文，我们可以在其中设置单元测试的上下文，但它似乎什么也没做。
任何有关这方面的帮助将不胜感激。
解决此问题的最简单方法是refs通过实例设置。
const component = shallow(<Component />)
const instance = component.instance()
instance.refs = {
password: {
getRenderedComponent: jest.fn(() => ({
focus: jest.fn
}))
}
}
shallow没有ref方法。您需要使用mount来测试整个渲染。
参考：API 文档：https : //github.com/airbnb/enzyme/blob/master/docs/api/shallow.md https://github.com/airbnb/enzyme/blob/master/docs/api/mount。医学博士