Should not find conditionally rendered child?

test.js

import React from 'react';
import { shallow } from 'enzyme';

class ConditionalParent extends React.Component {
    render() {
        return !!this.props.visible && (<div>{this.props.children}</div>);
    }
}

class Child extends React.Component {
    render() {
        return <div>Hello</div>;
    }
}


it('should have no child.', () => {
    
    const wrapper = shallow(
        <div>
            <ConditionalParent>
                <Child />
            </ConditionalParent>
        </div>
    );
    
    expect(wrapper.find(Child).length).toBe(0);
    
});