kitchensink/examples/node_modules/enzyme/docs/api/ReactWrapper/find.md

Dispatch's awesome components and style guide

# `.find(selector) => ReactWrapper`

Finds every node in the render tree of the current wrapper that matches the provided selector.


#### Arguments

1. `selector` ([`EnzymeSelector`](../selector.md)): The selector to match.



#### Returns

`ReactWrapper`: A new wrapper that wraps the found nodes.



#### Examples

CSS Selectors:
```jsx
const wrapper = mount(<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);

// property selector
expect(wrapper.find('[htmlFor="checkbox"]')).to.have.length(1);
```

Component Constructors:
```jsx
import Foo from '../components/Foo';

const wrapper = mount(<MyComponent />);
expect(wrapper.find(Foo)).to.have.length(1);
```

Component Display Name:
```jsx
const wrapper = mount(<MyComponent />);
expect(wrapper.find('Foo')).to.have.length(1);
```

Object Property Selector:
```jsx
const wrapper = mount(<MyComponent />);
expect(wrapper.find({prop: 'value'})).to.have.length(1);
```

#### Related Methods

- [`.findWhere(predicate) => ReactWrapper`](findWhere.md)