对于在React native上使用酶的浅层测试,this.refs是未定义的

Question

我有一个有2个输入文本字段的组件.

在componentDidMount()我打电话的方法中 this.refs.password.focus();

我的内部有一些棘手的业务逻辑,componentDidMount但在进行浅单元测试时componentDidMount,我得到了错误

无法访问未定义的密码

我检查了浅组件的实例,看到它this.refs是未定义的.我的问题是我们如何通过测试来设置它？

Shallow有一个第二个参数,我们可以传递这个参数作为上下文,我们可以设置单元测试的上下文,但它似乎什么都不做.

这个领域的任何帮助将受到高度赞赏.

Answer 1

解决此问题的最简单方法是设置refs实例.

const component = shallow(<Component />)
const instance = component.instance()

instance.refs = {
  password: {
    getRenderedComponent: jest.fn(() => ({
      focus: jest.fn
    }))
  }
}

Answer 2

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。 md

问题：https : //github.com/airbnb/enzyme/issues/316