title: enzyme test, context not rendering elements
body: <p>I am using enzyme to write my tests, before adding a context to my component which is the <code>consumer component</code> in this case, the snapshot rendered is not showing any elements and every time i add a <code>dive()</code> or <code>shallow()</code> I got the same error
  how can i access the elements while using context</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="false" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>const wrapper = shallow(
      &lt;MyComponent {...initialProps} store={mockStore(initialState)} /&gt;,
      {context},
    );
  
    const contents = wrapper
      .dive() // dive in connect
      .dive() // dive in withLogss
      .dive() // dive in Motion
      .find("MyComponent")
      .dive(); // dive in Host
  
    expect(contents.context()).toEqual({myBoolean: true});
  
    it("should render properly", () =&gt; {
      expect(contents).toMatchSnapshot();
    });
  
  
  Result: 
  
  &lt;ContextConsumer&gt;
    &lt;Component /&gt;
  &lt;/ContextConsumer&gt;</code></pre>
  </div>
  </div>
  </p>