InlineSVG is not _seen_ as a React Component by Enzyme's `shallow` rendering

[butlersrepos]

I'm not sure if this is an issue for here or an issue for Enzyme but I've only ever encountered it while using svg-inline-react.

If I am shallow rendering a component to test, such as

import InlineSVG from 'svg-inline-react'
import mapMarker from '../../assets/icons/map-marker.svg'

const LocationDetails = ({ words }) => (
  <div>
    <InlineSVG src={mapMarker}/>
    <div>{words}</div>
  </div>
)

during the test I can output the shallow(<LocationDetails />).debug() and I see the <InlineSVG> with its attributes but doing a shallow(<LocationDetails />).contains(<InlineSVG />) fails. However doing shallow(<LocationDetails />).find('InlineSVG').length returns 1.

:(

References

http://airbnb.io/enzyme/docs/api/shallow.html

[rafalmaciejewski]

Hey, did you try shallow(<LocationDetails />).contains(InlineSVG) ? It works for me this way.

[butlersrepos]

I did not try that. In the interim (I know it was short) we have swapped out for SVGInline for the classNames support. I feel confident that your suggestion would work though. Thanks for the look 👍