Returns a new wrapper with only host nodes.
When using react-dom
, host nodes are HTML elements rather than custom React components, e.g. <div>
versus <MyComponent>
.
ShallowWrapper
: A new wrapper that wraps the filtered nodes.
The following code takes a wrapper with two nodes, one a <MyComponent>
React component, and the other a <span>
, and filters out the React component.
const wrapper = shallow((
<div>
<MyComponent className="foo" />
<span className="foo" />
</div>
));
const twoNodes = wrapper.find('.foo');
expect(twoNodes.hostNodes()).to.have.lengthOf(1);