diff --git a/app/soapbox/components/__tests__/__snapshots__/emoji_selector-test.js.snap b/app/soapbox/components/__tests__/__snapshots__/emoji_selector-test.js.snap
index 6b6307012..67ca647eb 100644
--- a/app/soapbox/components/__tests__/__snapshots__/emoji_selector-test.js.snap
+++ b/app/soapbox/components/__tests__/__snapshots__/emoji_selector-test.js.snap
@@ -2,55 +2,80 @@
 
 exports[`<EmojiSelector /> renders correctly 1`] = `
 <div
-  className="emoji-react-selector"
+  onBlur={[Function]}
+  onFocus={[Function]}
+  tabIndex="-1"
 >
-  <button
-    className="emoji-react-selector__emoji"
-    dangerouslySetInnerHTML={
-      Object {
-        "__html": "<img draggable=\\"false\\" class=\\"emojione\\" alt=\\"👍\\" title=\\":+1:\\" src=\\"/emoji/1f44d.svg\\" />",
+  <div
+    className="emoji-react-selector"
+    onBlur={[Function]}
+  >
+    <button
+      className="emoji-react-selector__emoji"
+      dangerouslySetInnerHTML={
+        Object {
+          "__html": "<img draggable=\\"false\\" class=\\"emojione\\" alt=\\"👍\\" title=\\":+1:\\" src=\\"/emoji/1f44d.svg\\" />",
+        }
       }
-    }
-  />
-  <button
-    className="emoji-react-selector__emoji"
-    dangerouslySetInnerHTML={
-      Object {
-        "__html": "<img draggable=\\"false\\" class=\\"emojione\\" alt=\\"❤\\" title=\\":heart:\\" src=\\"/emoji/2764.svg\\" />",
+      onClick={[Function]}
+      onKeyUp={[Function]}
+      tabIndex={-1}
+    />
+    <button
+      className="emoji-react-selector__emoji"
+      dangerouslySetInnerHTML={
+        Object {
+          "__html": "<img draggable=\\"false\\" class=\\"emojione\\" alt=\\"❤\\" title=\\":heart:\\" src=\\"/emoji/2764.svg\\" />",
+        }
       }
-    }
-  />
-  <button
-    className="emoji-react-selector__emoji"
-    dangerouslySetInnerHTML={
-      Object {
-        "__html": "<img draggable=\\"false\\" class=\\"emojione\\" alt=\\"😆\\" title=\\":laughing:\\" src=\\"/emoji/1f606.svg\\" />",
+      onClick={[Function]}
+      onKeyUp={[Function]}
+      tabIndex={-1}
+    />
+    <button
+      className="emoji-react-selector__emoji"
+      dangerouslySetInnerHTML={
+        Object {
+          "__html": "<img draggable=\\"false\\" class=\\"emojione\\" alt=\\"😆\\" title=\\":laughing:\\" src=\\"/emoji/1f606.svg\\" />",
+        }
       }
-    }
-  />
-  <button
-    className="emoji-react-selector__emoji"
-    dangerouslySetInnerHTML={
-      Object {
-        "__html": "<img draggable=\\"false\\" class=\\"emojione\\" alt=\\"😮\\" title=\\":open_mouth:\\" src=\\"/emoji/1f62e.svg\\" />",
+      onClick={[Function]}
+      onKeyUp={[Function]}
+      tabIndex={-1}
+    />
+    <button
+      className="emoji-react-selector__emoji"
+      dangerouslySetInnerHTML={
+        Object {
+          "__html": "<img draggable=\\"false\\" class=\\"emojione\\" alt=\\"😮\\" title=\\":open_mouth:\\" src=\\"/emoji/1f62e.svg\\" />",
+        }
       }
-    }
-  />
-  <button
-    className="emoji-react-selector__emoji"
-    dangerouslySetInnerHTML={
-      Object {
-        "__html": "<img draggable=\\"false\\" class=\\"emojione\\" alt=\\"😢\\" title=\\":cry:\\" src=\\"/emoji/1f622.svg\\" />",
+      onClick={[Function]}
+      onKeyUp={[Function]}
+      tabIndex={-1}
+    />
+    <button
+      className="emoji-react-selector__emoji"
+      dangerouslySetInnerHTML={
+        Object {
+          "__html": "<img draggable=\\"false\\" class=\\"emojione\\" alt=\\"😢\\" title=\\":cry:\\" src=\\"/emoji/1f622.svg\\" />",
+        }
       }
-    }
-  />
-  <button
-    className="emoji-react-selector__emoji"
-    dangerouslySetInnerHTML={
-      Object {
-        "__html": "<img draggable=\\"false\\" class=\\"emojione\\" alt=\\"😩\\" title=\\":weary:\\" src=\\"/emoji/1f629.svg\\" />",
+      onClick={[Function]}
+      onKeyUp={[Function]}
+      tabIndex={-1}
+    />
+    <button
+      className="emoji-react-selector__emoji"
+      dangerouslySetInnerHTML={
+        Object {
+          "__html": "<img draggable=\\"false\\" class=\\"emojione\\" alt=\\"😩\\" title=\\":weary:\\" src=\\"/emoji/1f629.svg\\" />",
+        }
       }
-    }
-  />
+      onClick={[Function]}
+      onKeyUp={[Function]}
+      tabIndex={-1}
+    />
+  </div>
 </div>
 `;
diff --git a/app/soapbox/components/__tests__/emoji_selector-test.js b/app/soapbox/components/__tests__/emoji_selector-test.js
index c8083c3aa..e907a8a82 100644
--- a/app/soapbox/components/__tests__/emoji_selector-test.js
+++ b/app/soapbox/components/__tests__/emoji_selector-test.js
@@ -4,7 +4,10 @@ import EmojiSelector from '../emoji_selector';
 
 describe('<EmojiSelector />', () => {
   it('renders correctly', () => {
-    const component = createComponent(<EmojiSelector />);
+    const children = <EmojiSelector />;
+    children.__proto__.addEventListener = () => {};
+
+    const component = createComponent(children, {}, true);
     const tree = component.toJSON();
     expect(tree).toMatchSnapshot();
   });