Updating Footer to use react-testing-library

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

@@ -1,24 +1,31 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`Footer rendering 1`] = `
+<DocumentFragment>
   <footer
-  className="footer"
+    class="footer"
   >
     <ul
-    className="list"
+      class="list"
     >
       <li>
-      <Trans>
+        <span
+          data-component="Trans"
+          data-props="{}"
+        >
           Created by 
           <a
             href="mailto:jeff.avallone@gmail.com"
           >
             Jeff Avallone
           </a>
-      </Trans>
+        </span>
       </li>
       <li>
-      <Trans>
+        <span
+          data-component="Trans"
+          data-props="{}"
+        >
           Generated images licensed: 
           <a
             href="http://creativecommons.org/licenses/by/3.0/"
@@ -30,13 +37,14 @@ exports[`Footer rendering 1`] = `
               src="cc-by.svg"
             />
           </a>
-      </Trans>
+        </span>
       </li>
     </ul>
     <div
-    className="buildId"
+      class="buildId"
     >
       abc-123
     </div>
   </footer>
+</DocumentFragment>
 `;

src/components/Footer/test.js

@@ -1,14 +1,14 @@
 import React from 'react';
-import { shallow } from 'enzyme';
+import { render } from 'react-testing-library';
 
 import { mockT } from 'i18n';
 import { Footer } from 'components/Footer';
 
 describe('Footer', () => {
   test('rendering', () => {
-    const component = shallow(
+    const { asFragment } = render(
       <Footer buildId="abc-123" t={ mockT } />
     );
-    expect(component).toMatchSnapshot();
+    expect(asFragment()).toMatchSnapshot();
   });
 });