diff --git a/src/rendering/Text/__snapshots__/test.js.snap b/src/rendering/Text/__snapshots__/test.js.snap
index 0543be4..06b30c9 100644
--- a/src/rendering/Text/__snapshots__/test.js.snap
+++ b/src/rendering/Text/__snapshots__/test.js.snap
@@ -18,75 +18,62 @@ Object {
 `;
 
 exports[`Text positioning text 1`] = `
-<text
-  style={
-    Object {
-      "fontFamily": "Arial",
-      "fontSize": "16px",
-    }
-  }
-  transform="translate(1 2)"
->
-  Example
-</text>
+<DocumentFragment>
+  <svg>
+    <text
+      style="font-size: 16px; font-family: Arial;"
+      transform="translate(1 2)"
+    >
+      Example
+    </text>
+  </svg>
+</DocumentFragment>
 `;
 
 exports[`Text rendering 1`] = `
-<text
-  style={
-    Object {
-      "fontFamily": "Arial",
-      "fontSize": "16px",
-    }
-  }
->
-  Example
-</text>
+<DocumentFragment>
+  <svg>
+    <text
+      style="font-size: 16px; font-family: Arial;"
+    >
+      Example
+    </text>
+  </svg>
+</DocumentFragment>
 `;
 
 exports[`Text rendering quoted text 1`] = `
-<text
-  style={
-    Object {
-      "fontFamily": "Arial",
-      "fontSize": "16px",
-    }
-  }
->
-  <tspan
-    style={
-      Object {
-        "fill": "#908c83",
-      }
-    }
-  >
-    “
-  </tspan>
-  <tspan>
-    Example
-  </tspan>
-  <tspan
-    style={
-      Object {
-        "fill": "#908c83",
-      }
-    }
-  >
-    ”
-  </tspan>
-</text>
+<DocumentFragment>
+  <svg>
+    <text
+      style="font-size: 16px; font-family: Arial;"
+    >
+      <tspan
+        style="fill: #908c83;"
+      >
+        “
+      </tspan>
+      <tspan>
+        Example
+      </tspan>
+      <tspan
+        style="fill: #908c83;"
+      >
+        ”
+      </tspan>
+    </text>
+  </svg>
+</DocumentFragment>
 `;
 
 exports[`Text rendering with a theme 1`] = `
-<text
-  style={
-    Object {
-      "fill": "#fff",
-      "fontFamily": "Arial",
-      "fontSize": "16px",
-    }
-  }
->
-  Example
-</text>
+<DocumentFragment>
+  <svg>
+    <text
+      style="font-size: 16px; font-family: Arial; fill: #fff;"
+    >
+      Example
+    </text>
+  </svg>
+</DocumentFragment>
 `;
diff --git a/src/rendering/Text/test.js b/src/rendering/Text/test.js
index 068b59e..4dae17e 100644
--- a/src/rendering/Text/test.js
+++ b/src/rendering/Text/test.js
@@ -1,35 +1,43 @@
 import React from 'react';
-import { shallow } from 'enzyme';
+import { render } from 'react-testing-library';
 
 import Text, { layout } from 'rendering/Text';
 
 describe('Text', () => {
   test('rendering', () => {
-    const component = shallow(
-      <Text>Example</Text>
+    const { asFragment } = render(
+      <svg>
+        <Text>Example</Text>
+      </svg>
     );
-    expect(component).toMatchSnapshot();
+    expect(asFragment()).toMatchSnapshot();
   });
 
   test('positioning text', () => {
-    const component = shallow(
-      <Text transform="translate(1 2)">Example</Text>
+    const { asFragment } = render(
+      <svg>
+        <Text transform="translate(1 2)">Example</Text>
+      </svg>
     );
-    expect(component).toMatchSnapshot();
+    expect(asFragment()).toMatchSnapshot();
   });
 
   test('rendering with a theme', () => {
-    const component = shallow(
-      <Text theme="anchor">Example</Text>
+    const { asFragment } = render(
+      <svg>
+        <Text theme="anchor">Example</Text>
+      </svg>
     );
-    expect(component).toMatchSnapshot();
+    expect(asFragment()).toMatchSnapshot();
   });
 
   test('rendering quoted text', () => {
-    const component = shallow(
-      <Text quoted={ true }>Example</Text>
+    const { asFragment } = render(
+      <svg>
+        <Text quoted={ true }>Example</Text>
+      </svg>
     );
-    expect(component).toMatchSnapshot();
+    expect(asFragment()).toMatchSnapshot();
   });
 
   test('layout', () => {