Updating Metadata to use react-testing-library

src/components/Metadata/__snapshots__/test.js.snap

@@ -1,37 +1,39 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`Metadata rendering 1`] = `
-<HelmetWrapper
-  defer={true}
-  encodeSpecialCharacters={true}
-  htmlAttributes={
-    Object {
-      "lang": "test-lang",
-    }
+<DocumentFragment>
+  <span
+    data-component="HelmetWrapper"
+    data-props="{
+  \\"htmlAttributes\\": {
+    \\"lang\\": \\"test-lang\\"
   }
->
-  <title>
-    Regexper
-  </title>
-</HelmetWrapper>
+}"
+  >
+    <title>
+      Regexper
+    </title>
+  </span>
+</DocumentFragment>
 `;
 
 exports[`Metadata rendering with a title and description 1`] = `
-<HelmetWrapper
-  defer={true}
-  encodeSpecialCharacters={true}
-  htmlAttributes={
-    Object {
-      "lang": "test-lang",
-    }
+<DocumentFragment>
+  <span
+    data-component="HelmetWrapper"
+    data-props="{
+  \\"htmlAttributes\\": {
+    \\"lang\\": \\"test-lang\\"
   }
->
-  <title>
-    Regexper - Testing
-  </title>
-  <meta
-    content="Test description"
-    name="description"
-  />
-</HelmetWrapper>
+}"
+  >
+    <title>
+      Regexper - Testing
+    </title>
+    <meta
+      content="Test description"
+      name="description"
+    />
+  </span>
+</DocumentFragment>
 `;

src/components/Metadata/test.js

@@ -1,5 +1,13 @@
+jest.mock('react-helmet', () => {
+  const helmet = jest.requireActual('react-helmet');
+  return {
+    ...helmet,
+    Helmet: require('__mocks__/component-mock').buildMock(helmet.Helmet)
+  };
+});
+
 import React from 'react';
-import { shallow } from 'enzyme';
+import { render } from 'react-testing-library';
 
 import { Metadata } from 'components/Metadata';
 
@@ -9,19 +17,19 @@ const commonProps = {
 
 describe('Metadata', () => {
   test('rendering', () => {
-    const component = shallow(
+    const { asFragment } = render(
       <Metadata { ...commonProps } />
     );
-    expect(component).toMatchSnapshot();
+    expect(asFragment()).toMatchSnapshot();
   });
 
   test('rendering with a title and description', () => {
-    const component = shallow(
+    const { asFragment } = render(
       <Metadata
         title="Testing"
         description="Test description"
         { ...commonProps } />
     );
-    expect(component).toMatchSnapshot();
+    expect(asFragment()).toMatchSnapshot();
   });
 });