Getting started
Mounting
import {shallow, mount} from 'enzyme'
wrap = shallow(<MyComponent />)
wrap = mount(<MyComponent />)
Shallow wrapping doesn’t descend down to sub-components. A full mount also mounts sub-components. See: Shallow rendering, Full rendering
Jest
import toJson from 'enzyme-to-json'
it('works', () => {
wrap = mount(<MyComponent />)
expect(toJson(wrap)).toMatchSnapshot()
})
Converts an Enzyme wrapper to a format compatible with Jest snapshots. See: enzyme-to-json
Debugging
console.log(wrap.debug())
Shows HTML for debugging purposes. See: debug()
ReactWrapper
Traversing
wrap.find('button') // => ReactWrapper
wrap.filter('button') // => ReactWrapper
wrap.not('span') // => ReactWrapper (inverse of filter())
wrap.children() // => ReactWrapper
wrap.parent() // => ReactWrapper
wrap.closest('div') // => ReactWrapper
wrap.childAt(0) // => ReactWrapper
wrap.at(0) // => ReactWrapper
wrap.first() // => ReactWrapper
wrap.last() // => ReactWrapper
wrap.get(0) // => ReactElement
wrap.getNode() // => ReactElement
wrap.getNodes() // => Array<ReactElement>
wrap.getDOMNode() // => DOMComponent
See: Full rendering API
Actions
wrap.simulate('click')
React components
wrap.setState({ ... })
wrap.setProps({ ... })
wrap.setContext({ ... })
wrap.state() // => Any (get state)
wrap.props() // => object (get props)
wrap.context() // => Any (get context)
wrap.instance() // => ReactComponent
Mount
wrap.mount()
wrap.unmount()
wrap.update() // calls forceUpdate()
Tests
wrap.debug() // => string
wrap.html() // => string
wrap.text() // => string
wrap.type() // => string | function
wrap.name() // => string
wrap.is('.classname') // => boolean
wrap.hasClass('class') // => boolean
wrap.exists() // => boolean
wrap.contains(<div />) // => boolean
wrap.contains([ <div /> ]) // => boolean
wrap.containsMatchingElement(<div />) // => boolean
wrap.containsAllMatchingElements([ <div /> ]) // => boolean
wrap.containsAnyMatchingElements([ <div /> ]) // => boolean