Unmount and then wrapper.mount() again does not work properly

Enzyme: 2.8.2 React: 15.5.4

If we do wrapper.unmount(), and then wrapper.mount(), the component is not mounted properly. I can see an empty console output after mounting again.

Simple plain example as follows

class Foo extends React.Component {
  constructor(props) {
    super(props);
    
  }
  render() {
    return (
      <div className={this.props.id}>
        {this.props.id}
      </div>
    );
  }
}

const wrapper = mount(<Foo id="foo" />);

console.log("log before unmounting", wrapper.mount().debug()); //This logs the component properly

wrapper.unmount();

console.log("Log again after mounting", wrapper.mount().debug());//this logs empty component

[ljharb]

This may be fixed by #969

[lcardito]

Hey guys,

According to the docs this should work. However the following test fails:

import React from 'react';
import {mount} from "enzyme";

describe('Foo test', () => {

    const Client = {
        callCount: 0,
        incrementCallCount: () => {
            Client.callCount++;
        }
    };

    class Foo extends React.Component {
        constructor(props) {
            super(props);

        }

        componentWillMount() {
            Client.incrementCallCount();
        }

        render() {
            return (
                <div className={this.props.id}>
                    {this.props.id}
                </div>
            );
        }
    }

    it('should increment call count when mounted', () => {
        let wrapper = mount(<Foo />);
        expect(Client.callCount).toBe(1);

        wrapper.mount();
        expect(Client.callCount).toBe(2);
    });

});

Are we doing something wrong?

Cheers!