通过this.var进行子组件的开玩笑测试失败，因为未定义

Question

尝试测试父组件仅包含子组件。 除非属性包含THIS变量（例如以下代码中的name ，否则一切都很好：

Parent.js

constructor(props) {
  super(props);
  this.handleChange = this.handleChange.bind(this);
}
handleChange(e){
  ...
}       

<Parent>
    <Child onChange={this.handleChange} /> 
</Parent>

家长test.js

...
container = shallow(<Parent />)
expect(container.contains(<Child onChange={this.handleChange} />)).toBe(true);
...

这将产生以下错误消息，指示未定义：

TypeError：无法读取未定义的属性“名称”

我的目标是进行测试，以表明子组件存在并具有适当的属性。 我不想测试组件本身。

[编辑以澄清示例]

Answer 1

this不是在您正在运行的测试的上下文中定义的。 例如，如果在创建Parent时将其作为prop通过，则可以在测试中专门检查该值。

同样，您的Parent组件正在将Child的名称初始化为字面的this.name ，而不使用变量。 如果要在变量中分配值，则应执行类似name={this.name}的操作。

您可能还应该考虑使用props代替this.name 。