Use kebab-case for data-testid

app/assets/javascripts/groups/components/item_actions.vue

@@ -53,7 +53,7 @@ export default {
       :aria-label="leaveBtnTitle"
       data-container="body"
       data-placement="bottom"
-      data-testid="leaveGroupBtn"
+      data-testid="leave-group-btn"
       class="leave-group btn btn-xs no-expand gl-text-gray-500 gl-ml-5"
       @click.prevent="onLeaveGroup"
     >
@@ -67,7 +67,7 @@ export default {
       :aria-label="editBtnTitle"
       data-container="body"
       data-placement="bottom"
-      data-testid="editGroupBtn"
+      data-testid="edit-group-btn"
       class="edit-group btn btn-xs no-expand gl-text-gray-500 gl-ml-5"
     >
       <gl-icon name="settings" class="position-top-0 align-middle" />

spec/frontend/groups/components/item_actions_spec.js

@@ -26,9 +26,9 @@ describe('ItemActions', () => {
     }
   });
 
-  const findEditGroupBtn = () => wrapper.find('[data-testid="editGroupBtn"]');
+  const findEditGroupBtn = () => wrapper.find('[data-testid="edit-group-btn"]');
   const findEditGroupIcon = () => findEditGroupBtn().find(GlIcon);
-  const findLeaveGroupBtn = () => wrapper.find('[data-testid="leaveGroupBtn"]');
+  const findLeaveGroupBtn = () => wrapper.find('[data-testid="leave-group-btn"]');
   const findLeaveGroupIcon = () => findLeaveGroupBtn().find(GlIcon);
 
   describe('template', () => {