title: Test an whole table React component cells with jest and Enzyme
body: <p>I'm trying to test individual rows and cells in a react component, the "return" of the component looks like:</p>
  
  <pre><code>return (
      &lt;div className="app-body"&gt;
         &lt;table className="grid"&gt;
             &lt;tbody&gt;
                 {grid.map((row, rowIdx) =&gt; {
                     return &lt;tr className="grid-row" key={rowIdx}&gt;
                         {row.map((node, nodeIdx) =&gt; {
                             const { row, col } = node;
                                 return &lt;Node
                                     key={nodeIdx}
                                     row={row}
                                     col={col}&gt;&lt;/Node&gt;
                              })}
                          &lt;/tr&gt;
                      })}
                  &lt;/tbody&gt;
              &lt;/table&gt;
          &lt;/div&gt;
      );
  </code></pre>
  
  <p>how can I test each cell in jest / Enzyme ?
  I've been trying:</p>
  
  <pre><code>describe('test MyComponent', () =&gt; {
      const wrapper = render(&lt;MyComponent /&gt;);
      const table = wrapper.find('table');
      const row = render(&lt;tr /&gt;)
      const node = render(&lt;Node /&gt;);
  
      it('table grid', () =&gt; {
          expect(table).toHaveLength(1);
          expect(row).toHaveLength(1);
          expect(node).toHaveLength(1);
      });
  });
  
  </code></pre>
  
  <p>why it expecting only ONE node ? 
  how can I collect all nodes in a table ?</p>