commit fe1e6582500bcb77e2122c38da9d2b4445c1791f
author Dixsie Wolmers <dixsie@ibm.com> Wed Jul 15 11:18:12 2020 -0500
committer Derick Montague <derick.montague@ibm.com> Tue Jul 21 04:06:14 2020 +0000
tree f9c6a345dfe3d905b2c31bc37c8ed961c64560a1
parent 6aa9cf7c6a599ef63330d42a9363110778da1e61

Add test hooks to local user management

Adds test hooks to to all interactive elements:
inputs, checkboxes, radio, selects, buttons

Signed-off-by: Dixsie Wolmers <dixsie@ibm.com>
Change-Id: I7f3f6fbe968aeb23acf5a2ace7dbb3d4ed2aae77

src/views/AccessControl/LocalUserManagement/LocalUserManagement.vue

diff --git a/src/views/AccessControl/LocalUserManagement/LocalUserManagement.vue b/src/views/AccessControl/LocalUserManagement/LocalUserManagement.vue
index cf7cc22..957ea13 100644
--- a/src/views/AccessControl/LocalUserManagement/LocalUserManagement.vue
+++ b/src/views/AccessControl/LocalUserManagement/LocalUserManagement.vue
@@ -7,7 +7,11 @@
           <icon-settings />
           {{ $t('pageLocalUserManagement.accountPolicySettings') }}
         </b-button>
-        <b-button variant="primary" @click="initModalUser(null)">
+        <b-button
+          variant="primary"
+          data-test-id="localUserManagement-button-addUser"
+          @click="initModalUser(null)"
+        >
           <icon-add />
           {{ $t('pageLocalUserManagement.addUser') }}
         </b-button>
@@ -34,6 +38,7 @@
           <template v-slot:head(checkbox)>
             <b-form-checkbox
               v-model="tableHeaderCheckboxModel"
+              data-test-id="localUserManagement-checkbox-tableHeaderCheckbox"
               :indeterminate="tableHeaderCheckboxIndeterminate"
               @change="onChangeHeaderCheckbox($refs.table)"
             />
@@ -41,6 +46,7 @@
           <template v-slot:cell(checkbox)="row">
             <b-form-checkbox
               v-model="row.rowSelected"
+              data-test-id="localUserManagement-checkbox-toggleSelectRow"
               @change="toggleSelectRow($refs.table, row.index)"
             />
           </template>
@@ -56,8 +62,18 @@
               @click:tableAction="onTableRowAction($event, item)"
             >
               <template v-slot:icon>
-                <icon-edit v-if="action.value === 'edit'" />
-                <icon-trashcan v-if="action.value === 'delete'" />
+                <icon-edit
+                  v-if="action.value === 'edit'"
+                  :data-test-id="
+                    `localUserManagement-tableRowAction-edit-${index}`
+                  "
+                />
+                <icon-trashcan
+                  v-if="action.value === 'delete'"
+                  :data-test-id="
+                    `localUserManagement-tableRowAction-delete-${index}`
+                  "
+                />
               </template>
             </table-row-action>
           </template>
@@ -66,7 +82,12 @@
     </b-row>
     <b-row>
       <b-col xl="8">
-        <b-button v-b-toggle.collapse-role-table variant="link" class="mt-3">
+        <b-button
+          v-b-toggle.collapse-role-table
+          data-test-id="localUserManagement-button-viewPrivilegeRoleDescriptions"
+          variant="link"
+          class="mt-3"
+        >
           <icon-chevron />
           {{ $t('pageLocalUserManagement.viewPrivilegeRoleDescriptions') }}
         </b-button>