Updating Pin rendering to use react-testing-library

src/rendering/Pin/__snapshots__/test.js.snap

@@ -11,15 +11,13 @@ Object {
 `;
 
 exports[`Pin rendering 1`] = `
-<circle
+<DocumentFragment>
-  r={5}
+  <svg>
-  style={
+    <circle
-    Object {
+      r="5"
-      "fill": "#6b6659",
+      style="fill: #6b6659; stroke-width: 2px; stroke: #000;"
-      "stroke": "#000",
+      transform="translate(5 5)"
-      "strokeWidth": "2px",
+    />
-    }
+  </svg>
-  }
+</DocumentFragment>
-  transform="translate(5 5)"
-/>
 `;

src/rendering/Pin/test.js

@@ -1,14 +1,16 @@
 import React from 'react';
-import { shallow } from 'enzyme';
+import { render } from 'react-testing-library';
 
 import Pin, { layout } from 'rendering/Pin';
 
 describe('Pin', () => {
   test('rendering', () => {
-    const component = shallow(
+    const { asFragment } = render(
-      <Pin/>
+      <svg>
+        <Pin/>
+      </svg>
     );
-    expect(component).toMatchSnapshot();
+    expect(asFragment()).toMatchSnapshot();
   });
 
   test('layout', () => {