我曾经有这样的组件:
class Foo extends React.Component {
render() {
return (
<div className="Foo">
<div id="user">Bar</div>
<SomeOtherComponent />
</div>
)
}
}
这个测试:
it('renders a help button', () => {
expect(shallow(<Foo />).find('#user').length).toEqual(1);
});
但是现在我已经向这个对象添加了一个上下文使用者:
class Foo extends React.Component {
render() {
return (
<UserContext.Consumer>
{({user}) => (
<div className="Foo">
<div id="user">{user}</div>
<SomeOtherComponent />
</div>
)}
</UserContext.Consumer>
)
}
}
如何测试以下条件?
- “#user”的数量是1
- 显示的用户是提供的用户