make enzyme collections lodash compatible

makeEnzymeCollectionsLodashCompatible.js

_.mixin({
  enzyme: reactWrapper => (
    new Proxy(reactWrapper, {
      get: (wrapper, prop) => {
        const isSymbol = typeof prop === 'symbol';
        const isNumber = !isSymbol && !isNaN(Number(prop));

        return isNumber ? wrapper.at(prop) : wrapper[prop];
      },
    })
  ),
});

const children = mount(<MyComponent/>).find(ChildComponent);

// DOESN'T WORK!
// Its a ReactWrapper object, worse it has a length property which breaks lodash isArrayLike check
const activeChild = _.find(children, (child) => child.props().isActive);

// WORKS!
const activeChild = _.find(_.enzyme(children), (child) => child.props().isActive);