`toContainReact` fails even though output matches about enzyme-matchers HOT 5 CLOSED

it seems like the outputs are actually different? the actual component output seems to be wrapped in an additional div?

from enzyme-matchers.

Hmm, maybe. Perhaps I haven't grokked everything about hos JSX works and how it interacts with these wrappers and test matchers.

Anyhow, I updated the test to not wrap the component in a <div> and instead just render it directly: Saser/tocontainreact-failing @ 1a8ed51. The test is still failing, with this output:

Expected <Item> to contain <span>outer<span>inner</span></span> but it was not found.
HTML Output of <Item>:
 <span>outer<span>inner</span></span>

from enzyme-matchers.

Oh, another note: if I "cheat" and just return the expected output directly, the test is passing.

const Item = () => <span>outer<span>inner</span></span>;

EDIT: if I use the above cheat and also change the test to the following (note the not):

expect(shallowWrapper).not.toContainReact(expected);

the test fails (obviously), but with the below output:

Expected <Item> not to contain <span>outer<span>inner</span></span> but it does.
HTML Output of <Item>:
 <span>outer<span>inner</span></span>

Note that the HTML output appears to be the same as for the original recursive implementation and test.

from enzyme-matchers.

Apologies, I haven't had time to dig into this. If you want to look into the code and figure out what's happening I would happily accept a PR!

from enzyme-matchers.

Dug into this. Pretty sure there isn't an issue here. I tried to look at your repo, but looks like you deleted it. I'm going to close this for now. If you can help me dive into it sometime I'd love to figure out what's going on.

from enzyme-matchers.