react-component-instance

Get a React class component instance from its DOM element

1import {
2  getInstance,
3  findInstanceFor
4} from 'react-component-instance'

With @testing-library/react

1import {
2  render
3} from '@testing-library/react'
4
5import {
6  getInstance
7} from 'react-component-instance'
8
9describe('`getInstance`', () => {
10  class Component extends React.Component {
11    render () {
12      return (
13        <div className='grand-parent'>
14          <div className='parent'>
15            <div className='child'>
16              TEXT
17            </div>
18          </div>
19        </div>
20      )
21    }
22  }
23
24  it('gets the instance', () => {
25    expect(getInstance(render(
26      <Component />
27    )))
28      .toBeInstanceOf(Component)
29  })
30})

1import {
2  render
3} from '@testing-library/react'
4
5import {
6  findInstanceFor
7} from 'react-component-instance'
8
9describe('`findInstanceFor`', () => {
10  class Component extends React.Component {
11    render () {
12      return (
13        <div className='grand-parent'>
14          <div className='parent'>
15            <div className='child'>
16              TEXT
17            </div>
18          </div>
19        </div>
20      )
21    }
22  }
23
24  it('gets the instance', () => {
25    const {
26      container
27    } = render(
28      <Component />
29    )
30
31    const child  = container.querySelector('.child')
32
33    expect(findInstanceFor(child, Component))
34      .toBeInstanceOf(Component)
35  })
36})