bfg-common 1.3.239 → 1.3.240

package/components/common/vm/actions/common/customizeHardware/virtualHardware/newPciDevice/NewPciDevice.vue

@@ -1,165 +1,165 @@
-<template>
-  <div class="hardware-pci-device">
-    <atoms-stack-block
-      :has-children="true"
-      :removable="isRemovable"
-      @remove="onRemovePciDevice"
-    >
-      <template #stackBlockKey>
-        <div class="flex-align-center">
-          <span>{{ label }}</span>
-        </div>
-      </template>
-      <template #stackBlockContent>
-        <span class="main-label">
-          {{ selectedLabel }}
-        </span>
-      </template>
-      <template #stackChildren>
-        <template v-if="props.type === 'new'">
-          <common-vm-actions-common-customize-hardware-virtual-hardware-new-pci-device-type-selection
-            v-model="selectedType"
-            :options="pciDeviceTypeOptions"
-            :pci-device-index="props.index"
-          />
-
-          <common-vm-actions-common-customize-hardware-virtual-hardware-new-pci-device-direct-path-io
-            v-show="selectedType.value === 'direct_path_io'"
-            v-model="directPathIo"
-            :pci-device-index="props.index"
-            :passthrough-devices="props.passthroughDevices"
-          />
-          <common-vm-actions-common-customize-hardware-virtual-hardware-new-pci-device-dynamic-direct-path-io
-            v-show="selectedType.value === 'dynamic_direct_path_io'"
-            v-model="dynamicDirectPathIo"
-            :pci-device-index="props.index"
-            :passthrough-devices="props.passthroughDevices"
-          />
-          <common-vm-actions-common-customize-hardware-virtual-hardware-new-pci-device-nvidia-grid
-            v-show="selectedType.value === 'nvidia_grid'"
-            v-model="nvidiaGridProfile"
-            :pci-device-index="props.index"
-          />
-        </template>
-
-        <common-vm-actions-common-customize-hardware-virtual-hardware-new-pci-device-note />
-      </template>
-    </atoms-stack-block>
-  </div>
-</template>
-
-<script setup lang="ts">
-import type { UI_I_Localization } from '~/lib/models/interfaces'
-import type { UI_I_OptionItem } from '~/components/atoms/lib/models/interfaces'
-import type { UI_I_SendDataNewPciDevice } from '~/components/common/vm/actions/common/customizeHardware/virtualHardware/lib/models/interfaces'
-import type { UI_T_PciDeviceType } from '~/components/common/vm/actions/common/customizeHardware/virtualHardware/lib/models/types'
-import type { UI_I_PciDevice } from '~/lib/models/store/vm/interfaces'
-import { pciDeviceTypeOptionsConfig } from '~/components/common/vm/actions/common/customizeHardware/virtualHardware/newPciDevice/lib/config/options'
-
-const props = defineProps<{
-  index: number
-  pciDevice: UI_I_SendDataNewPciDevice
-  passthroughDevices: UI_I_PciDevice[]
-  type: UI_T_PciDeviceType
-  isEdit: boolean
-  state?: string | number
-  // errorValidationFields: UI_I_ErrorValidationField<string>[]
-}>()
-const emits = defineEmits<{
-  (event: 'send-data', value: UI_I_SendDataNewPciDevice): void
-  (event: 'remove'): void
-}>()
-
-const localization = computed<UI_I_Localization>(() => useLocal())
-
-const isRunning = computed<boolean>(() => {
-  return props.state === 2
-})
-
-const isRemovable = computed<boolean>(() => {
-  return !props.isEdit || !isRunning.value
-})
-
-const label = computed<string>(() => {
-  if (props.type === 'edit')
-    return `${localization.value.newPciDevice} ${props.index + 1}`
-
-  return `${localization.value.pciDevice} *`
-})
-
-const selectedLabel = computed<string>(() => {
-  switch (selectedType.value.value) {
-    case 'direct_path_io':
-      return `${directPathIo.value.address}|${directPathIo.value.device_name}`
-    case 'dynamic_direct_path_io':
-      return dynamicDirectPathIo.value
-    default:
-      return nvidiaGridProfile.value
-  }
-})
-
-const pciDeviceTypeOptions = ref<UI_I_OptionItem[]>(pciDeviceTypeOptionsConfig)
-const selectedType = ref<UI_I_OptionItem>(pciDeviceTypeOptionsConfig[0])
-
-const directPathIo = ref<UI_I_PciDevice>(
-  props.passthroughDevices[0]
-)
-const dynamicDirectPathIo = ref<string>('')
-const nvidiaGridProfile = ref<string>('')
-
-watch(
-  props.pciDevice,
-  (newValue) => {
-    // const passthroughDevice = props.passthroughDevices.find(
-    //   (item) => item.address === newValue.address
-    // )
-    // passthroughDevice && (directPathIo.value = passthroughDevice) // Todo change
-    newValue && (directPathIo.value = newValue)
-  },
-  { immediate: true }
-)
-
-const sendData = computed<UI_I_SendDataNewPciDevice>(() => {
-  switch (selectedType.value.value) {
-    case 'direct_path_io':
-      return {
-        address: directPathIo.value.address,
-        vendor_name: directPathIo.value.vendor_name,
-        class_name: directPathIo.value.class_name,
-        device_name: directPathIo.value.device_name,
-      }
-    case 'dynamic_direct_path_io':
-      return {
-        address: '',
-        vendor_name: '',
-        class_name: '',
-        device_name: '',
-      }
-    default:
-      return {
-        address: '',
-        vendor_name: '',
-        class_name: '',
-        device_name: '',
-      }
-  }
-})
-
-watch(
-  sendData,
-  (newValue) => {
-    emits('send-data', newValue)
-  },
-  { immediate: true }
-)
-
-const onRemovePciDevice = (): void => {
-  emits('remove')
-}
-</script>
-
-<style scoped lang="scss">
-#network-connect {
-  margin-right: 4px;
-}
-</style>
+<template>
+  <div class="hardware-pci-device">
+    <atoms-stack-block
+      :has-children="true"
+      :removable="isRemovable"
+      @remove="onRemovePciDevice"
+    >
+      <template #stackBlockKey>
+        <div class="flex-align-center">
+          <span>{{ label }}</span>
+        </div>
+      </template>
+      <template #stackBlockContent>
+        <span class="main-label">
+          {{ selectedLabel }}
+        </span>
+      </template>
+      <template #stackChildren>
+        <template v-if="props.type === 'new'">
+          <common-vm-actions-common-customize-hardware-virtual-hardware-new-pci-device-type-selection
+            v-model="selectedType"
+            :options="pciDeviceTypeOptions"
+            :pci-device-index="props.index"
+          />
+
+          <common-vm-actions-common-customize-hardware-virtual-hardware-new-pci-device-direct-path-io
+            v-show="selectedType.value === 'direct_path_io'"
+            v-model="directPathIo"
+            :pci-device-index="props.index"
+            :passthrough-devices="props.passthroughDevices"
+          />
+          <common-vm-actions-common-customize-hardware-virtual-hardware-new-pci-device-dynamic-direct-path-io
+            v-show="selectedType.value === 'dynamic_direct_path_io'"
+            v-model="dynamicDirectPathIo"
+            :pci-device-index="props.index"
+            :passthrough-devices="props.passthroughDevices"
+          />
+          <common-vm-actions-common-customize-hardware-virtual-hardware-new-pci-device-nvidia-grid
+            v-show="selectedType.value === 'nvidia_grid'"
+            v-model="nvidiaGridProfile"
+            :pci-device-index="props.index"
+          />
+        </template>
+
+        <common-vm-actions-common-customize-hardware-virtual-hardware-new-pci-device-note />
+      </template>
+    </atoms-stack-block>
+  </div>
+</template>
+
+<script setup lang="ts">
+import type { UI_I_Localization } from '~/lib/models/interfaces'
+import type { UI_I_OptionItem } from '~/components/atoms/lib/models/interfaces'
+import type { UI_I_SendDataNewPciDevice } from '~/components/common/vm/actions/common/customizeHardware/virtualHardware/lib/models/interfaces'
+import type { UI_T_PciDeviceType } from '~/components/common/vm/actions/common/customizeHardware/virtualHardware/lib/models/types'
+import type { UI_I_PciDevice } from '~/lib/models/store/vm/interfaces'
+import { pciDeviceTypeOptionsConfig } from '~/components/common/vm/actions/common/customizeHardware/virtualHardware/newPciDevice/lib/config/options'
+
+const props = defineProps<{
+  index: number
+  pciDevice: UI_I_SendDataNewPciDevice
+  passthroughDevices: UI_I_PciDevice[]
+  type: UI_T_PciDeviceType
+  isEdit: boolean
+  state?: string | number
+  // errorValidationFields: UI_I_ErrorValidationField<string>[]
+}>()
+const emits = defineEmits<{
+  (event: 'send-data', value: UI_I_SendDataNewPciDevice): void
+  (event: 'remove'): void
+}>()
+
+const localization = computed<UI_I_Localization>(() => useLocal())
+
+const isRunning = computed<boolean>(() => {
+  return props.state === 2
+})
+
+const isRemovable = computed<boolean>(() => {
+  return !props.isEdit || !isRunning.value
+})
+
+const label = computed<string>(() => {
+  if (props.type === 'edit')
+    return `${localization.value.newPciDevice} ${props.index + 1}`
+
+  return `${localization.value.pciDevice} *`
+})
+
+const selectedLabel = computed<string>(() => {
+  switch (selectedType.value.value) {
+    case 'direct_path_io':
+      return `${directPathIo.value.address}|${directPathIo.value.device_name}`
+    case 'dynamic_direct_path_io':
+      return dynamicDirectPathIo.value
+    default:
+      return nvidiaGridProfile.value
+  }
+})
+
+const pciDeviceTypeOptions = ref<UI_I_OptionItem[]>(pciDeviceTypeOptionsConfig)
+const selectedType = ref<UI_I_OptionItem>(pciDeviceTypeOptionsConfig[0])
+
+const directPathIo = ref<UI_I_PciDevice>(
+  props.passthroughDevices[0]
+)
+const dynamicDirectPathIo = ref<string>('')
+const nvidiaGridProfile = ref<string>('')
+
+watch(
+  props.pciDevice,
+  (newValue) => {
+    // const passthroughDevice = props.passthroughDevices.find(
+    //   (item) => item.address === newValue.address
+    // )
+    // passthroughDevice && (directPathIo.value = passthroughDevice) // Todo change
+    newValue && (directPathIo.value = newValue)
+  },
+  { immediate: true }
+)
+
+const sendData = computed<UI_I_SendDataNewPciDevice>(() => {
+  switch (selectedType.value.value) {
+    case 'direct_path_io':
+      return {
+        address: directPathIo.value.address,
+        vendor_name: directPathIo.value.vendor_name,
+        class_name: directPathIo.value.class_name,
+        device_name: directPathIo.value.device_name,
+      }
+    case 'dynamic_direct_path_io':
+      return {
+        address: '',
+        vendor_name: '',
+        class_name: '',
+        device_name: '',
+      }
+    default:
+      return {
+        address: '',
+        vendor_name: '',
+        class_name: '',
+        device_name: '',
+      }
+  }
+})
+
+watch(
+  sendData,
+  (newValue) => {
+    emits('send-data', newValue)
+  },
+  { immediate: true }
+)
+
+const onRemovePciDevice = (): void => {
+  emits('remove')
+}
+</script>
+
+<style scoped lang="scss">
+#network-connect {
+  margin-right: 4px;
+}
+</style>

package/components/common/vm/actions/common/customizeHardware/virtualHardware/newPciDevice/directPathIo/DirectPathIo.vue

@@ -2,7 +2,11 @@
   <atoms-stack-block :has-children="false">
     <template #stackBlockContent>
       <div class="select">
-        <select id="direct-path-io" v-model="valueLocal">
+        <select
+          id="direct-path-io"
+          v-model="valueLocal"
+          data-id="direct-path-io-select"
+        >
           <option
             v-for="item in props.passthroughDevices"
             :key="item.id"

package/components/common/vm/actions/common/customizeHardware/virtualHardware/newPciDevice/nvidiaGrid/NvidiaGrid.vue

@@ -7,8 +7,9 @@
       <template #stackBlockContent>
         <input
           :id="`nvidia-grid-${props.pciDeviceIndex}`"
-          type="text"
           v-model="profile"
+          :data-id="`nvidia-grid-${props.pciDeviceIndex}-input`"
+          type="text"
         />
       </template>
     </atoms-stack-block>

package/components/common/vm/actions/common/customizeHardware/virtualHardware/newPciDevice/typeSelection/TypeSelection.vue

@@ -10,10 +10,11 @@
           >
             <input
               :id="`pci-device-radio-input-${props.pciDeviceIndex}-${index}`"
+              v-model="selectedType"
               type="radio"
               :value="item"
               :disabled="!!index"
-              v-model="selectedType"
+              :data-id="`pci-device-radio-input-${props.pciDeviceIndex}-${index}`"
             />
             <label
               :for="`pci-device-radio-input-${props.pciDeviceIndex}-${index}`"

package/components/common/vm/actions/common/customizeHardware/virtualHardware/newUsbController/NewUsbController.vue

@@ -14,6 +14,7 @@
           <select
             id="usb-controller-select"
             v-model="selectedUsbController"
+            data-id="usb-controller-select"
             :disabled="props.isEdit"
             @click.stop
           >

package/components/common/vm/actions/common/customizeHardware/virtualHardware/reservation/Reservation.vue

@@ -30,8 +30,9 @@
           <div class="select">
             <select
               id="reserve-type-select"
-              :disabled="props.disabled"
               v-model="reservationTypeLocal"
+              :disabled="props.disabled"
+              data-id="reserve-type-select"
             >
               <option
                 v-for="(item, key) in reservationTypeOptions"
@@ -50,6 +51,7 @@
           <input
             id="reserve-guest-memory"
             :value="props.reserveGuestMemory"
+            data-id="reserve-guest-memory-checkbox"
             type="checkbox"
             disabled
           />

package/components/common/vm/actions/common/customizeHardware/virtualHardware/videoCard/Graphics.vue

@@ -6,7 +6,12 @@
       </template>
       <template #stackBlockContent>
         <div class="flex-align-center">
-          <input id="graphics" v-model="graphicsLocal" type="checkbox" />
+          <input
+            id="graphics"
+            v-model="graphicsLocal"
+            data-id="graphics-checkbox"
+            type="checkbox"
+          />
           <label for="graphics" class="label-text-normal">{{
             localization.enable3dSupport
           }}</label>

package/components/common/vm/actions/common/customizeHardware/virtualHardware/videoCard/TotalVideoMemory.vue

@@ -18,7 +18,8 @@
               <div v-show="!props.disabled" class="flex-align-center">
                 <input
                   id="vm-wizard-video-card-memory-field"
-                  v-model="totalVideoMemoryLocal"
+                  v-model="totalVideoMemoryLocal" 
+                  data-id="vm-wizard-video-card-memory-input"
                   type="text"
                   :class="[{ 'has-error': totalVideoMemoryLocalErrorText }]"
                 />

package/components/common/vm/actions/common/customizeHardware/virtualHardware/videoCard/VideoCard.vue

@@ -24,6 +24,7 @@
               <select
                 id="vm-wizard-video-card"
                 v-model="selectedVideoCard"
+                data-id="vm-wizard-video-card-select"
                 class="vm-wizard-video-card input-text-color"
                 :disabled="props.isEdit && props.state !== 1"
                 @click.stop

package/components/common/vm/actions/common/customizeHardware/virtualHardware/videoCard/model/Model.vue

@@ -9,6 +9,7 @@
           <select
             id="vm-wizard-video-card-adapter-field"
             v-model="videoCardModelLocal"
+            data-id="vm-wizard-video-card-adapter-field-select"
             :disabled="props.disabled"
           >
             <option

package/components/common/vm/actions/common/customizeHardware/virtualHardware/videoCard/numberDisplays/NumberDisplays.vue

@@ -15,6 +15,7 @@
               <select
                 id="vm-wizard-video-card-display-field"
                 v-model="numberDisplaysLocal"
+                data-id="vm-wizard-video-card-display-field-select"
                 :disabled="disabled"
               >
                 <option

package/components/common/vm/actions/common/customizeHardware/vmoptions/bootOptions/Menu.vue

@@ -6,7 +6,12 @@
       </template>
       <template #stackBlockContent>
         <div class="flex-align-center">
-          <input id="boot-menu" v-model="bootMenuLocal" type="checkbox" />
+          <input
+            id="boot-menu"
+            v-model="bootMenuLocal"
+            data-id="boot-menu-checkbox"
+            type="checkbox"
+          />
           <label for="boot-menu" class="label-text-normal">{{
             localization.enable
           }}</label>

package/components/common/vm/actions/common/customizeHardware/vmoptions/bootOptions/Secure.vue

@@ -6,7 +6,12 @@
       </template>
       <template #stackBlockContent>
         <div class="flex-align-center">
-          <input id="secure-boot" v-model="secureBootLocal" type="checkbox" />
+          <input
+            id="secure-boot"
+            v-model="secureBootLocal"
+            data-id="secure-boot-checkbox"
+            type="checkbox"
+          />
           <label for="secure-boot" class="label-text-normal">{{
             localization.enable
           }}</label>

package/components/common/vm/actions/common/customizeHardware/vmoptions/bootOptions/delay/Delay.vue

@@ -6,7 +6,11 @@
       </template>
       <template #stackBlockContent>
         <div class="select">
-          <select id="boot-delay" v-model="bootDelayLocal">
+          <select
+            id="boot-delay"
+            v-model="bootDelayLocal"
+            data-id="boot-delay-select"
+          >
             <option
               v-for="(item, key) in bootDelayOptions"
               :key="key"

package/components/common/vm/actions/common/customizeHardware/vmoptions/bootOptions/firmware/Firmware.vue

@@ -15,6 +15,7 @@
               <select
                 id="vm-wizard-firmware-field"
                 v-model="firmwareLocal"
+                data-id="vm-wizard-firmware-select"
               >
                 <option
                   v-for="(item, key) in firmwareOptions"

package/components/common/vm/actions/common/customizeHardware/vmoptions/bootOptions/order/Order.vue

@@ -16,8 +16,9 @@
             #[`leftSide${index}`]
           >
             <input
-              v-model="item.isChecked"
               :id="`boot-order-${index}`"
+              v-model="item.isChecked"
+              :data-id="item.testId"
               type="checkbox"
             />
           </template>
@@ -91,6 +92,7 @@ watch(
           iconClassName: 'icon-disk',
           type: 'disk',
           name: item.source + index,
+          testId: 'select-disk-value',
         }
       }) || []
     const cdDvdDrives: UI_I_BootItem[] =
@@ -103,6 +105,7 @@ watch(
           iconClassName: 'icon-disk',
           type: 'cdDvd',
           name: item.source + index,
+          testId: 'select-cd-dvd-value',
         }
       }) || []
     const networks: UI_I_BootItem[] =
@@ -115,6 +118,7 @@ watch(
           iconClassName: 'vsphere-icon-network',
           type: 'nic',
           name: item.network + index,
+          testId: 'select-nic-value',
         }
       }) || []
 

package/components/common/vm/actions/common/customizeHardware/vmoptions/bootOptions/order/lib/models/interfaces.ts

@@ -5,4 +5,5 @@ export interface UI_I_BootItem {
   iconClassName: string
   name: string
   type: 'nic' | 'disk' | 'cdDvd'
+  testId?: string
 }

package/components/common/vm/actions/common/customizeHardware/vmoptions/generalOptions/GeneralOptions.vue

@@ -36,8 +36,9 @@
             <select
               v-if="props.guestMachineType"
               id="guest-machine-type-select"
-              :disabled="isDisabled"
               v-model="guestMachineTypeLocal"
+              :disabled="isDisabled"
+              data-id="guest-machine-type-select"
             >
               <option
                 v-for="item in machineTypeOptions"
@@ -59,6 +60,7 @@
               v-if="props.guestOsFamily"
               id="guest-os-family-select"
               v-model="guestOsFamilyLocal"
+              data-id="guest-os-family-select"
               :disabled="isDisabled"
               @change="onChangeOS"
             >
@@ -78,6 +80,7 @@
               v-if="props.guestOsVersion"
               id="guest-os-version-select"
               v-model="guestOsVersionLocal"
+              data-id="guest-os-version-select"
               :disabled="isDisabled"
             >
               <option

package/components/common/vm/actions/common/customizeHardware/vmoptions/remoteConsoleOptions/CopyPaste.vue

@@ -9,6 +9,7 @@
           <input
             id="copy-paste"
             v-model="copyPasteLocal"
+            data-id="copy-paste-checkbox"
             :disabled="props.disabled"
             type="checkbox"
           />

package/components/common/vm/actions/common/customizeHardware/vmoptions/remoteConsoleOptions/FileTransfer.vue

@@ -9,6 +9,7 @@
           <input
             id="file-transfer"
             v-model="fileTransferLocal"
+            data-id="file-transfer-checkbox"
             :disabled="props.disabled"
             type="checkbox"
           />

package/components/common/vm/actions/common/customizeHardware/vmoptions/remoteConsoleOptions/FolderSharing.vue

@@ -9,6 +9,7 @@
           <input
             id="folder-sharing"
             v-model="folderSharingLocal"
+            data-id="folder-sharing-checkbox"
             type="checkbox"
             disabled
           />

package/components/common/vm/actions/common/customizeHardware/vmoptions/remoteConsoleOptions/PlaybackCompression.vue

@@ -9,6 +9,7 @@
           <input
             id="playback-compression"
             v-model="playbackCompressionLocal"
+            data-id="playback-compression-checkbox"
             :disabled="props.disabled"
             type="checkbox"
           />

package/components/common/vm/actions/common/customizeHardware/vmoptions/remoteConsoleOptions/PowerControl.vue

@@ -9,6 +9,7 @@
           <input
             id="power-control"
             v-model="powerControlLocal"
+            data-id="power-control-checkbox"
             type="checkbox"
           />
           <label for="power-control" class="label-text-normal">{{

package/components/common/vm/actions/common/customizeHardware/vmoptions/remoteConsoleOptions/imgCompression/ImgCompression.vue

@@ -15,6 +15,7 @@
               <select
                 id="vm-wizard-img-compression-field"
                 v-model="imgCompressionLocal"
+                data-id="vm-wizard-img-compression-select"
                 :disabled="props.disabled"
               >
                 <option

package/components/common/vm/actions/common/customizeHardware/vmoptions/remoteConsoleOptions/jpegCompression/JpegCompression.vue

@@ -15,6 +15,7 @@
               <select
                 id="vm-wizard-jpeg-compression-field"
                 v-model="jpegCompressionLocal"
+                data-id="vm-wizard-jpeg-compression-select"
                 :disabled="props.disabled"
               >
                 <option

package/components/common/vm/actions/common/customizeHardware/vmoptions/remoteConsoleOptions/keymap/Keymap.vue

@@ -7,9 +7,10 @@
       <template #stackBlockContent>
         <div class="select">
           <select
+            id="keymap-select"
             v-model="remoteConsoleTypeLocal"
+            data-id="keymap-select"
             :disabled="props.disabled"
-            id="keymap-select"
           >
             <option
               v-for="(item, key) in keymapOptions"