This is the scenario that reproduces an issue found where .findWhere returns empty wrappers.

Test.js

import { mount } from 'enzyme';
import React from 'react';
import EditableText from './../../../../../client/js/components/common/EditableText';

describe('Search Page Component', () => {
  const wrapper = mount(
    <div className='somediv'>
      <EditableText textValue="">
        <h1 id="TextLabel" title="" />
      </EditableText >
      <EditableText textValue="">
        <h1 id="TextLabel" title="" />
      </EditableText>
    </div>
  );
  wrapper.findWhere((item) => {
    if (item.length === 0) {
      console.log('An empty wrapper passed in .findWhere()');
      console.log(item.debug());
    }
  });

  // Here add some expect method to avoid failure of the test.
}
);


// External Component (EditableText)

import React, { Component } from 'react';
import PropTypes from 'prop-types';

class EditableText extends Component {

  constructor(props) {
    super(props);
    this.getEditableContent = this.getEditableContent.bind(this);
  }

  getEditableContent() {
    return <h1 id="TextLabel" title={this.props.textValue}>{this.props.textValue}</h1>;
  }

  render() {
    return (
      <div>
        {this.getEditableContent()}
      </div>
    );
  }
}

EditableText.propTypes = {
  textValue: PropTypes.string.isRequired,
  onSave: PropTypes.func
};


export default EditableText;