title: findByType function not finding property?
body: <p>I'm writing tests for components I have main component Icon</p>
  <pre><code>const Icon: React.FC&lt;IIconPropTypes&gt; = ({ size, color, icon, onClick, blockEvents }) =&gt; (
    &lt;IconWrapper onClick={onClick} blockEvents={blockEvents}&gt;
      &lt;IconSvg color={color} hasClick={!!onClick} width={size}&gt;
        &lt;path d={ICONS_PATH[icon]} /&gt;
      &lt;/IconSvg&gt;
    &lt;/IconWrapper&gt;
  );
  </code></pre>
  <p>and IconSvg which I am testing</p>
  <pre><code>const IconSvg = styled.svg&lt;IIconSvgProps&gt;`
    cursor: ${(props) =&gt; (props.hasClick ? 'pointer' : 'default')};
    display: inline-block;
    vertical-align: middle;
    width: ${(props) =&gt; (props.width ? `${props.width}px` : '100%')};
    path {
      fill: ${(props) =&gt; (props.color ? props.color : '#edcd7d')};
      transition: all 0.3s;
    }
  `;
  </code></pre>
  <p>This is how my test looks like</p>
  <pre><code>it('matches snapshot and renders without color prop', () =&gt; {
      const [hasClick, width] = [true, 100];
      const component = renderer.create(&lt;IconSvg hasClick={hasClick} width={width}/&gt;);
      const tree = component.toJSON() as ReactTestRendererJSON;
      expect(tree).toMatchSnapshot();
      expect(component.root.findByType('path')).toHaveStyleRule('fill', '#edcd7d');
    })
  </code></pre>
  <p>But findByType cannot find the path, and therefore the fill property, can anyone know what the error is and how to reach it?</p>