Finds every node in the render tree of the current wrapper that matches the provided selector.
selector
(EnzymeSelector
): The selector to match.
ShallowWrapper
: A new wrapper that wraps the found nodes.
CSS Selectors:
const wrapper = shallow(<MyComponent />);
expect(wrapper.find('.foo')).to.have.length(1);
expect(wrapper.find('.bar')).to.have.length(3);
// compound selector
expect(wrapper.find('div.some-class')).to.have.length(3);
// CSS id selector
expect(wrapper.find('#foo')).to.have.length(1);
Component Constructors:
import Foo from '../components/Foo';
const wrapper = shallow(<MyComponent />);
expect(wrapper.find(Foo)).to.have.length(1);
Component Display Name:
const wrapper = shallow(<MyComponent />);
expect(wrapper.find('Foo')).to.have.length(1);
Object Property Selector:
const wrapper = shallow(<MyComponent />);
expect(wrapper.find({prop: 'value'})).to.have.length(1);