I have wizard component which i would like to test.
WizardComponent
class WizardComponent extends React.Component {
render(){
return (
<div>
{this.props.steps.map(({Component, ...props}) => <Component {...props} />)
</div>
)
}
}
Test
it('Provides props to the component', () => {
const FakeComponent = props => <div>1</div>
const fakeProps = {
test:1,
prop4:'test'
}
const wrapper = mount(<WizardComponent currentStepName="fakeComponent" steps={[
{Component:FakeComponent, name:'fakeComponent'},
]}/>)
console.log(wrapper.contains(<FakeComponent />)) // logs true
console.log(component) // logs ReactWrapper { length: 1 }
console.log(component.instance()) // logs null
expect(component.instance().props).objectContaining(fakeProps)
})
Why i can not access the component instance ?I would like to test its children components props.Can someone help?
Aucun commentaire:
Enregistrer un commentaire