From 092fd39da6d128a0968dff7f89da2a826e73c906 Mon Sep 17 00:00:00 2001
From: Jeff Avallone <jeff.avallone@gmail.com>
Date: Sun, 24 Mar 2019 13:07:39 -0400
Subject: [PATCH] Updating tests for Loader to use react-testing-library

---
 .../Loader/__snapshots__/test.js.snap         | 133 +++++++++---------
 src/components/Loader/test.js                 |   6 +-
 2 files changed, 66 insertions(+), 73 deletions(-)

diff --git a/src/components/Loader/__snapshots__/test.js.snap b/src/components/Loader/__snapshots__/test.js.snap
index 29fa6a5..ff47cf2 100644
--- a/src/components/Loader/__snapshots__/test.js.snap
+++ b/src/components/Loader/__snapshots__/test.js.snap
@@ -1,82 +1,75 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`Loader rendering 1`] = `
-<Loader
-  t={[Function]}
->
+<DocumentFragment>
   <div
-    className="loader"
+    class="loader"
   >
-    <Loader
-      color="currentColor"
-      size="24"
+    <svg
+      fill="none"
+      height="24"
+      stroke="currentColor"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+      stroke-width="2"
+      viewBox="0 0 24 24"
+      width="24"
+      xmlns="http://www.w3.org/2000/svg"
     >
-      <svg
-        fill="none"
-        height="24"
-        stroke="currentColor"
-        strokeLinecap="round"
-        strokeLinejoin="round"
-        strokeWidth="2"
-        viewBox="0 0 24 24"
-        width="24"
-        xmlns="http://www.w3.org/2000/svg"
-      >
-        <line
-          x1="12"
-          x2="12"
-          y1="2"
-          y2="6"
-        />
-        <line
-          x1="12"
-          x2="12"
-          y1="18"
-          y2="22"
-        />
-        <line
-          x1="4.93"
-          x2="7.76"
-          y1="4.93"
-          y2="7.76"
-        />
-        <line
-          x1="16.24"
-          x2="19.07"
-          y1="16.24"
-          y2="19.07"
-        />
-        <line
-          x1="2"
-          x2="6"
-          y1="12"
-          y2="12"
-        />
-        <line
-          x1="18"
-          x2="22"
-          y1="12"
-          y2="12"
-        />
-        <line
-          x1="4.93"
-          x2="7.76"
-          y1="19.07"
-          y2="16.24"
-        />
-        <line
-          x1="16.24"
-          x2="19.07"
-          y1="7.76"
-          y2="4.93"
-        />
-      </svg>
-    </Loader>
+      <line
+        x1="12"
+        x2="12"
+        y1="2"
+        y2="6"
+      />
+      <line
+        x1="12"
+        x2="12"
+        y1="18"
+        y2="22"
+      />
+      <line
+        x1="4.93"
+        x2="7.76"
+        y1="4.93"
+        y2="7.76"
+      />
+      <line
+        x1="16.24"
+        x2="19.07"
+        y1="16.24"
+        y2="19.07"
+      />
+      <line
+        x1="2"
+        x2="6"
+        y1="12"
+        y2="12"
+      />
+      <line
+        x1="18"
+        x2="22"
+        y1="12"
+        y2="12"
+      />
+      <line
+        x1="4.93"
+        x2="7.76"
+        y1="19.07"
+        y2="16.24"
+      />
+      <line
+        x1="16.24"
+        x2="19.07"
+        y1="7.76"
+        y2="4.93"
+      />
+    </svg>
     <div
-      className="message"
+      class="message"
     >
       TRANSLATE(Loading...)
     </div>
   </div>
-</Loader>
+</DocumentFragment>
 `;
diff --git a/src/components/Loader/test.js b/src/components/Loader/test.js
index c463c51..49231b8 100644
--- a/src/components/Loader/test.js
+++ b/src/components/Loader/test.js
@@ -1,5 +1,5 @@
 import React from 'react';
-import { mount } from 'enzyme';
+import { render } from 'react-testing-library';
 
 import { mockT } from 'i18n';
 import { Loader } from 'components/Loader';
@@ -8,9 +8,9 @@ describe('Loader', () => {
   test('rendering', () => {
     // Using full rendering here since styles for this depend on the structure
     // of the SVG.
-    const component = mount(
+    const { asFragment } = render(
       <Loader t={ mockT } />
     );
-    expect(component).toMatchSnapshot();
+    expect(asFragment()).toMatchSnapshot();
   });
 });