feat: Added hostNodes method

fixes #1174

docs/api/ReactWrapper/hostNodes.md

@@ -0,0 +1,18 @@
+# `.hostNodes() => ReactWrapper`
+
+Returns a new wrapper with only host nodes.
+
+
+
+#### Returns
+
+`ReactWrapper`: A new wrapper that wraps the filtered nodes.
+
+
+
+#### Examples
+
+```jsx
+const wrapper = mount(<div><MyComponent className="foo" /><div className="foo" /></div>);
+expect(wrapper.find('.foo').hostNodes()).to.have.length(1);
+```

docs/api/ShallowWrapper/hostNodes.md

@@ -0,0 +1,18 @@
+# `.hostNodes() => ShallowWrapper`
+
+Returns a new wrapper with only host nodes.
+
+
+
+#### Returns
+
+`ShallowWrapper`: A new wrapper that wraps the filtered nodes.
+
+
+
+#### Examples
+
+```jsx
+const wrapper = mount(<div><MyComponent className="foo" /><div className="foo" /></div>);
+expect(wrapper.find('.foo').hostNodes()).to.have.length(1);
+```

packages/enzyme-test-suite/test/ReactWrapper-spec.jsx

@@ -394,6 +394,19 @@ describeWithDOM('mount', () => {
       expect(wrapper.find('input.foo').length).to.equal(1);
     });
 
+    it('should strip out any non-hostNode', () => {
+      const Foo = props => <div {...props} />;
+      const wrapper = mount(
+        <div>
+          <Foo className="foo" />
+        </div>,
+      );
+      const hostNodes = wrapper.find('.foo').hostNodes();
+      expect(wrapper.find('.foo')).to.have.length(2);
+      expect(hostNodes).to.have.length(1);
+      expect(hostNodes.is('div')).to.equal(true);
+    });
+
     it('should work on non-single nodes', () => {
       const wrapper = mount(
         <div className="a">

packages/enzyme-test-suite/test/ShallowWrapper-spec.jsx

@@ -399,6 +399,20 @@ describe('shallow', () => {
       expect(wrapper.find('.foo').type()).to.equal('input');
     });
 
+    it('should strip out any non-hostNode', () => {
+      const Foo = props => <div {...props} />;
+      const wrapper = mount(
+        <div>
+          <Foo className="foo" />
+          <div className="foo" />
+        </div>,
+      );
+      const hostNodes = wrapper.find('.foo').hostNodes();
+      expect(wrapper.find('.foo')).to.have.length(2);
+      expect(hostNodes).to.have.length(1);
+      expect(hostNodes.is('div')).to.equal(true);
+    });
+
     it('should find an element that has dot in attribute', () => {
       const wrapper = shallow(
         <div>

packages/enzyme/src/ReactWrapper.js

@@ -1044,6 +1044,16 @@ class ReactWrapper {
     }
     this[RENDERER].unmount();
   }
+
+  /**
+   * Strips out all the not host-nodes from the list of nodes
+   *
+   * This method is useful if you want to check for the presence of host nodes
+   * (actually rendered HTML elements) ignoring the React nodes.
+   */
+  hostNodes() {
+    return this.filter(n => typeof n.type() === 'string');
+  }
 }
 
 

packages/enzyme/src/ShallowWrapper.js

@@ -1196,6 +1196,16 @@ class ShallowWrapper {
       return this.wrap(el, null, { ...this[OPTIONS], ...options });
     });
   }
+
+  /**
+   * Strips out all the not host-nodes from the list of nodes
+   *
+   * This method is useful if you want to check for the presence of host nodes
+   * (actually rendered HTML elements) ignoring the React nodes.
+   */
+  hostNodes() {
+    return this.filter(n => typeof n.type() === 'string');
+  }
 }
 
 if (ITERATOR_SYMBOL) {