enzyme: wrapper.instance() is null on class component

Current behavior

wrapper.instance() and wrapper.state() are not working on a class component.

Expected behavior

wrapper.instance() and wrapper.state() work on a class component.

Your environment

I’m really confused by a component not working with instances. I have many other similar components that have a the same structure that are working. I have broken this down to a very simple component and test to show the problem.

React Component

import React from 'react';

export class EnzymeTest extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      test: true
    }
  }

  componentDidMount() {
    this.setState({test: false})
  }

  render() {
    if (this.state.test) return <div>Test is True</div>
    else return <div>Test is False</div>
  }
};

Enzyme Test

import React from 'react';
import { shallow } from 'enzyme';
import { EnzymeTest } from './EnzymeTest.js';

let wrapper;

describe('isOutsideDateRange', () => {
  beforeEach(() => {
    wrapper = shallow(<EnzymeTest /> )
  });

  beforeEach(() => {
    wrapper.unmount();
  });

  test('has state', () => {
    expect(wrapper.state('test')).toBe('blah');
  });

  test('has a wrapper instance', () => {
    expect(wrapper.instance()).toBeTruthy();
  });
});

Both of the above tests fail. The state test shows this error: ShallowWrapper::state() can only be called on class components

and wrapper.instance() in null.

This is a stateful class component so I’m confused about this behavior.

API

• [ x] shallow
• mount
• render

Version

library	version
enzyme	3.3
react	16.3.2
react-dom	16.3.2
react-test-renderer	16.3.2
adapter (below)

Adapter

• [x ] enzyme-adapter-react-16
• enzyme-adapter-react-16.3
• enzyme-adapter-react-16.2
• enzyme-adapter-react-16.1
• enzyme-adapter-react-15
• enzyme-adapter-react-15.4
• enzyme-adapter-react-14
• enzyme-adapter-react-13
• enzyme-adapter-react-helper
• others ( )