Back to Styled Components

Enzyme Find

sections/api/test-utils/enzyme-find.mdx

latest393 B
Original Source

enzymeFind | v4

A convenience method for finding instances of a particular styled component within an enzyme wrapper.

tsx
import { mount } from 'enzyme'
import styled from 'styled-components'
import { enzymeFind } from 'styled-components/test-utils'

const Foo = styled.div`
  color: red;
`

const wrapper = mount(
  <div>
    <Foo>bar</Foo>
  </div>
)

enzymeFind(wrapper, Foo)