Hovercard: update DisplayName snapshot

app/soapbox/components/__tests__/__snapshots__/display_name-test.js.snap

@@ -4,16 +4,22 @@ exports[`<DisplayName /> renders display name + account name 1`] = `
 <span
   className="display-name"
 >
-  <bdi>
-    <strong
-      className="display-name__html"
-      dangerouslySetInnerHTML={
-        Object {
-          "__html": "<p>Foo</p>",
+  <span
+    className="hover-ref-wrapper"
+    onMouseEnter={[Function]}
+    onMouseLeave={[Function]}
+  >
+    <bdi>
+      <strong
+        className="display-name__html"
+        dangerouslySetInnerHTML={
+          Object {
+            "__html": "<p>Foo</p>",
+          }
         }
-      }
-    />
-  </bdi>
+      />
+    </bdi>
+  </span>
   <span
     className="display-name__account"
   >

app/soapbox/components/__tests__/display_name-test.js

@@ -1,7 +1,7 @@
 import React from 'react';
-import renderer from 'react-test-renderer';
 import { fromJS }  from 'immutable';
 import DisplayName from '../display_name';
+import { createComponent } from 'soapbox/test_helpers';
 
 describe('<DisplayName />', () => {
   it('renders display name + account name', () => {
@@ -10,7 +10,7 @@ describe('<DisplayName />', () => {
       acct: 'bar@baz',
       display_name_html: '<p>Foo</p>',
     });
-    const component = renderer.create(<DisplayName account={account} />);
+    const component = createComponent(<DisplayName account={account} />);
     const tree      = component.toJSON();
 
     expect(tree).toMatchSnapshot();