Add test hooks to manage power usage

Signed-off-by: Sukanya Pandey <sukapan1@in.ibm.com>
Change-Id: Ifbbb7b9c23e2be28dec61471db090462272b1ffe
diff --git a/src/views/Control/ManagePowerUsage/ManagePowerUsage.vue b/src/views/Control/ManagePowerUsage/ManagePowerUsage.vue
index bb690d6..bbe3240 100644
--- a/src/views/Control/ManagePowerUsage/ManagePowerUsage.vue
+++ b/src/views/Control/ManagePowerUsage/ManagePowerUsage.vue
@@ -25,6 +25,7 @@
           >
             <b-form-checkbox
               v-model="isPowerCapFieldEnabled"
+              data-test-id="managePowerUsage-checkbox-togglePowerCapField"
               name="power-cap-setting"
             >
               {{ $t('pageManagePowerUsage.powerCapSettingData') }}
@@ -53,6 +54,7 @@
               id="input-1"
               v-model.number="powerCapValue"
               :disabled="!isPowerCapFieldEnabled"
+              data-test-id="managePowerUsage-input-powerCapValue"
               type="number"
               aria-describedby="power-help-text"
               :state="getValidationState($v.powerCapValue)"
@@ -70,7 +72,11 @@
         </b-col>
       </b-row>
 
-      <b-button variant="primary" type="submit">
+      <b-button
+        variant="primary"
+        type="submit"
+        data-test-id="managePowerUsage-button-savePowerCapValue"
+      >
         {{ $t('global.action.save') }}
       </b-button>
     </b-form>