Using fragment and updated fixtures

src/core/client/stream/test/comments/__snapshots__/editComment.spec.tsx.snap

@@ -27,7 +27,7 @@ exports[`cancel edit: edit canceled 1`] = `
         role="tab"
         type="button"
       >
-        ⁨6⁩ Comments
+        ⁨2⁩ Comments
       </button>
     </li>
     <li
@@ -436,7 +436,7 @@ exports[`edit a comment: edit form 1`] = `
         role="tab"
         type="button"
       >
-        ⁨6⁩ Comments
+        ⁨2⁩ Comments
       </button>
     </li>
     <li
@@ -920,7 +920,7 @@ exports[`edit a comment: optimistic response 1`] = `
         role="tab"
         type="button"
       >
-        ⁨6⁩ Comments
+        ⁨2⁩ Comments
       </button>
     </li>
     <li
@@ -1404,7 +1404,7 @@ exports[`edit a comment: render stream 1`] = `
         role="tab"
         type="button"
       >
-        ⁨6⁩ Comments
+        ⁨2⁩ Comments
       </button>
     </li>
     <li
@@ -1813,7 +1813,7 @@ exports[`edit a comment: server response 1`] = `
         role="tab"
         type="button"
       >
-        ⁨6⁩ Comments
+        ⁨2⁩ Comments
       </button>
     </li>
     <li
@@ -2231,7 +2231,7 @@ exports[`shows expiry message: edit form closed 1`] = `
         role="tab"
         type="button"
       >
-        ⁨6⁩ Comments
+        ⁨2⁩ Comments
       </button>
     </li>
     <li
@@ -2640,7 +2640,7 @@ exports[`shows expiry message: edit time expired 1`] = `
         role="tab"
         type="button"
       >
-        ⁨6⁩ Comments
+        ⁨2⁩ Comments
       </button>
     </li>
     <li

src/core/client/stream/test/comments/__snapshots__/loadMore.spec.tsx.snap

@@ -433,7 +433,7 @@ exports[`renders comment stream 1`] = `
         role="tab"
         type="button"
       >
-        ⁨6⁩ Comments
+        ⁨2⁩ Comments
       </button>
     </li>
   </ul>

src/core/client/stream/test/comments/__snapshots__/permalinkView.spec.tsx.snap

@@ -27,7 +27,7 @@ exports[`renders permalink view 1`] = `
         role="tab"
         type="button"
       >
-        ⁨6⁩ Comments
+        ⁨2⁩ Comments
       </button>
     </li>
   </ul>

src/core/client/stream/test/comments/__snapshots__/permalinkViewAssetNotFound.spec.tsx.snap

@@ -1,45 +1,7 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`renders permalink view with unknown asset 1`] = `
-<div
-  className="HorizontalGutter-root App-root HorizontalGutter-full"
->
-  <ul
-    className="TabBar-root TabBar-primary"
-    role="tablist"
-  >
-    <li
-      className="Tab-root"
-      id="tab-COMMENTS"
-      role="presentation"
-    >
-      <button
-        aria-controls="tabPane-COMMENTS"
-        aria-selected={true}
-        className="BaseButton-root Tab-button Tab-primary Tab-active"
-        onBlur={[Function]}
-        onClick={[Function]}
-        onFocus={[Function]}
-        onMouseDown={[Function]}
-        onMouseOut={[Function]}
-        onMouseOver={[Function]}
-        onTouchEnd={[Function]}
-        role="tab"
-        type="button"
-      >
-        ⁨6⁩ Comments
-      </button>
-    </li>
-  </ul>
-  <section
-    aria-labelledby="tab-COMMENTS"
-    className="App-tabContent"
-    id="tabPane-COMMENTS"
-    role="tabpanel"
-  >
-    <div>
-      Asset not found
-    </div>
-  </section>
+<div>
+  Asset not found
 </div>
 `;

src/core/client/stream/test/comments/__snapshots__/permalinkViewCommentNotFound.spec.tsx.snap

@@ -27,7 +27,7 @@ exports[`renders permalink view with unknown comment 1`] = `
         role="tab"
         type="button"
       >
-        ⁨6⁩ Comments
+        ⁨2⁩ Comments
       </button>
     </li>
   </ul>

src/core/client/stream/test/comments/__snapshots__/postComment.spec.tsx.snap

@@ -27,7 +27,7 @@ exports[`post a comment: optimistic response 1`] = `
         role="tab"
         type="button"
       >
-        ⁨6⁩ Comments
+        ⁨3⁩ Comments
       </button>
     </li>
     <li
@@ -504,7 +504,7 @@ exports[`post a comment: server response 1`] = `
         role="tab"
         type="button"
       >
-        ⁨6⁩ Comments
+        ⁨3⁩ Comments
       </button>
     </li>
     <li
@@ -971,7 +971,7 @@ exports[`renders comment stream 1`] = `
         role="tab"
         type="button"
       >
-        ⁨6⁩ Comments
+        ⁨2⁩ Comments
       </button>
     </li>
     <li

src/core/client/stream/test/comments/__snapshots__/postLocalReply.spec.tsx.snap

@@ -27,7 +27,7 @@ exports[`post a reply: open reply form 1`] = `
         role="tab"
         type="button"
       >
-        ⁨6⁩ Comments
+        ⁨1⁩ Comments
       </button>
     </li>
     <li
@@ -889,7 +889,7 @@ exports[`post a reply: optimistic response 1`] = `
         role="tab"
         type="button"
       >
-        ⁨6⁩ Comments
+        ⁨1⁩ Comments
       </button>
     </li>
     <li
@@ -1824,7 +1824,7 @@ exports[`post a reply: server response 1`] = `
         role="tab"
         type="button"
       >
-        ⁨6⁩ Comments
+        ⁨1⁩ Comments
       </button>
     </li>
     <li
@@ -2622,7 +2622,7 @@ exports[`renders comment stream 1`] = `
         role="tab"
         type="button"
       >
-        ⁨6⁩ Comments
+        ⁨1⁩ Comments
       </button>
     </li>
     <li

src/core/client/stream/test/comments/__snapshots__/postReply.spec.tsx.snap

@@ -27,7 +27,7 @@ exports[`post a reply: open reply form 1`] = `
         role="tab"
         type="button"
       >
-        ⁨6⁩ Comments
+        ⁨2⁩ Comments
       </button>
     </li>
     <li
@@ -547,7 +547,7 @@ exports[`post a reply: optimistic response 1`] = `
         role="tab"
         type="button"
       >
-        ⁨6⁩ Comments
+        ⁨3⁩ Comments
       </button>
     </li>
     <li
@@ -1157,7 +1157,7 @@ exports[`post a reply: server response 1`] = `
         role="tab"
         type="button"
       >
-        ⁨6⁩ Comments
+        ⁨3⁩ Comments
       </button>
     </li>
     <li
@@ -1630,7 +1630,7 @@ exports[`renders comment stream 1`] = `
         role="tab"
         type="button"
       >
-        ⁨6⁩ Comments
+        ⁨2⁩ Comments
       </button>
     </li>
     <li

src/core/client/stream/test/comments/__snapshots__/renderReplies.spec.tsx.snap

@@ -27,7 +27,7 @@ exports[`renders comment stream 1`] = `
         role="tab"
         type="button"
       >
-        ⁨6⁩ Comments
+        ⁨1⁩ Comments
       </button>
     </li>
   </ul>

src/core/client/stream/test/comments/__snapshots__/renderStream.spec.tsx.snap

@@ -27,7 +27,7 @@ exports[`renders comment stream 1`] = `
         role="tab"
         type="button"
       >
-        ⁨6⁩ Comments
+        ⁨2⁩ Comments
       </button>
     </li>
   </ul>

src/core/client/stream/test/comments/__snapshots__/showAllReplies.spec.tsx.snap

@@ -27,7 +27,7 @@ exports[`renders comment stream 1`] = `
         role="tab"
         type="button"
       >
-        ⁨6⁩ Comments
+        ⁨2⁩ Comments
       </button>
     </li>
   </ul>

src/core/client/stream/test/comments/__snapshots__/showConversation.spec.tsx.snap

@@ -27,7 +27,7 @@ exports[`renders comment stream 1`] = `
         role="tab"
         type="button"
       >
-        ⁨6⁩ Comments
+        ⁨1⁩ Comments
       </button>
     </li>
   </ul>
@@ -701,7 +701,7 @@ exports[`shows conversation 1`] = `
         role="tab"
         type="button"
       >
-        ⁨6⁩ Comments
+        ⁨1⁩ Comments
       </button>
     </li>
   </ul>