Migrate BTable changes

app/assets/javascripts/members/components/table/members_table.vue

@@ -134,6 +134,9 @@ export default {
       show-empty
       :tbody-tr-attr="tbodyTrAttr"
     >
+      <template #head()="{ label }">
+        {{ label }}
+      </template>
       <template #cell(account)="{ item: member }">
         <members-table-cell #default="{ memberType, isCurrentUser }" :member="member">
           <member-avatar

ee/spec/frontend/analytics/code_review_analytics/components/__snapshots__/merge_request_table_spec.js.snap

@@ -26,7 +26,9 @@ exports[`MergeRequestTable component template matches the snapshot 1`] = `
         role="columnheader"
         scope="col"
       >
-        Merge Request
+        <div>
+          Merge Request
+        </div>
       </th>
       <th
         aria-colindex="2"
@@ -34,7 +36,9 @@ exports[`MergeRequestTable component template matches the snapshot 1`] = `
         role="columnheader"
         scope="col"
       >
-        Review time
+        <div>
+          Review time
+        </div>
       </th>
       <th
         aria-colindex="3"
@@ -42,7 +46,9 @@ exports[`MergeRequestTable component template matches the snapshot 1`] = `
         role="columnheader"
         scope="col"
       >
-        Author
+        <div>
+          Author
+        </div>
       </th>
       <th
         aria-colindex="4"
@@ -50,7 +56,9 @@ exports[`MergeRequestTable component template matches the snapshot 1`] = `
         role="columnheader"
         scope="col"
       >
-        Approvers
+        <div>
+          Approvers
+        </div>
       </th>
       <th
         aria-colindex="5"
@@ -58,7 +66,9 @@ exports[`MergeRequestTable component template matches the snapshot 1`] = `
         role="columnheader"
         scope="col"
       >
-        Comments
+        <div>
+          Comments
+        </div>
       </th>
       <th
         aria-colindex="6"
@@ -66,7 +76,9 @@ exports[`MergeRequestTable component template matches the snapshot 1`] = `
         role="columnheader"
         scope="col"
       >
-        Commits
+        <div>
+          Commits
+        </div>
       </th>
       <th
         aria-colindex="7"
@@ -74,7 +86,9 @@ exports[`MergeRequestTable component template matches the snapshot 1`] = `
         role="columnheader"
         scope="col"
       >
-        Line changes
+        <div>
+          Line changes
+        </div>
       </th>
     </tr>
   </thead>

ee/spec/frontend/security_configuration/corpus_management/__snapshots__/corpus_table_spec.js.snap

@@ -11,7 +11,9 @@ exports[`Corpus table corpus management renders with the correct columns 1`] = `
     role="columnheader"
     scope="col"
   >
-    Corpus name
+    <div>
+      Corpus name
+    </div>
   </th>
   <th
     aria-colindex="2"
@@ -19,7 +21,9 @@ exports[`Corpus table corpus management renders with the correct columns 1`] = `
     role="columnheader"
     scope="col"
   >
-    Target
+    <div>
+      Target
+    </div>
   </th>
   <th
     aria-colindex="3"
@@ -27,7 +31,9 @@ exports[`Corpus table corpus management renders with the correct columns 1`] = `
     role="columnheader"
     scope="col"
   >
-    Last updated
+    <div>
+      Last updated
+    </div>
   </th>
   <th
     aria-colindex="4"
@@ -35,7 +41,9 @@ exports[`Corpus table corpus management renders with the correct columns 1`] = `
     role="columnheader"
     scope="col"
   >
-    Last used
+    <div>
+      Last used
+    </div>
   </th>
   <th
     aria-colindex="5"
@@ -43,7 +51,9 @@ exports[`Corpus table corpus management renders with the correct columns 1`] = `
     role="columnheader"
     scope="col"
   >
-    Actions
+    <div>
+      Actions
+    </div>
   </th>
 </tr>
 `;

ee/spec/frontend/threat_monitoring/components/__snapshots__/network_policy_list_spec.js.snap

@@ -29,7 +29,9 @@ exports[`NetworkPolicyList component renders policies table 1`] = `
         role="columnheader"
         scope="col"
       >
-        Name
+        <div>
+          Name
+        </div>
       </th>
       <th
         aria-colindex="2"
@@ -37,7 +39,9 @@ exports[`NetworkPolicyList component renders policies table 1`] = `
         role="columnheader"
         scope="col"
       >
-        Status
+        <div>
+          Status
+        </div>
       </th>
       <th
         aria-colindex="3"
@@ -45,7 +49,9 @@ exports[`NetworkPolicyList component renders policies table 1`] = `
         role="columnheader"
         scope="col"
       >
-        Last modified
+        <div>
+          Last modified
+        </div>
       </th>
     </tr>
   </thead>

spec/frontend/jira_import/components/__snapshots__/jira_import_form_spec.js.snap

@@ -24,7 +24,9 @@ exports[`JiraImportForm table body shows correct information in each cell 1`] =
         role="columnheader"
         scope="col"
       >
-        Jira display name
+        <div>
+          Jira display name
+        </div>
       </th>
       <th
         aria-colindex="2"
@@ -32,14 +34,18 @@ exports[`JiraImportForm table body shows correct information in each cell 1`] =
         class=""
         role="columnheader"
         scope="col"
-      />
+      >
+        <div />
+      </th>
       <th
         aria-colindex="3"
         class=""
         role="columnheader"
         scope="col"
       >
-        GitLab username
+        <div>
+          GitLab username
+        </div>
       </th>
     </tr>
   </thead>