fix(tests): update async renders so they work

Author: collectedmind

ui/components/__snapshots__/item-short.ts.snap

@@ -1,16 +1,20 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`renders ItemShort with defaults 1`] = `
-<div>
-  <div
-    class="base"
-    data-testid="item-short"
-  >
-    <figure>
+<div
+  class="base"
+  data-testid="item-short"
+>
+  <figure>
+    <div
+      style="width: 100%; height: 100%;"
+    >
       <div
         style="width: 100%; height: 100%;"
-      />
-    </figure>
-  </div>
+      >
+        <div />
+      </div>
+    </div>
+  </figure>
 </div>
 `;

ui/components/__snapshots__/item-sound.ts.snap

@@ -1,16 +1,21 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`renders ItemSound with defaults 1`] = `
-<div>
-  <div
-    class="base"
-    data-testid="item-short"
-  >
-    <figure>
-      <div
+<div
+  class="base"
+  data-testid="item-short"
+>
+  <figure>
+    <div
+      style="width: 100%; height: 100%;"
+    >
+      <iframe
+        allow="autoplay"
+        frameborder="0"
+        src="https://w.soundcloud.com/player/?url=https%3A%2F%2Fsoundcloud.com%2Fjohnsummit%2Fshiver-by-john-summit-and-hayla"
         style="width: 100%; height: 100%;"
       />
-    </figure>
-  </div>
+    </div>
+  </figure>
 </div>
 `;

ui/components/__snapshots__/item-video.ts.snap

@@ -1,21 +1,25 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`renders ItemVideo with defaults 1`] = `
-<div>
-  <div
-    class="base"
-    data-testid="item-video"
+<div
+  class="base"
+  data-testid="item-video"
+>
+  <button
+    type="button"
   >
-    <button
-      type="button"
+    Expand
+  </button>
+  <figure>
+    <div
+      style="width: 100%; height: 100%;"
     >
-      Expand
-    </button>
-    <figure>
       <div
         style="width: 100%; height: 100%;"
-      />
-    </figure>
-  </div>
+      >
+        <div />
+      </div>
+    </div>
+  </figure>
 </div>
 `;