bfg-common 1.3.239 → 1.3.241

package/components/common/diagramMain/modals/editSettings/tabs/TrafficShaping.vue

@@ -24,6 +24,7 @@
                     <input
                       id="status"
                       v-model="fieldsValues.status.checked"
+                      data-id="status-input"
                       type="checkbox"
                     />
                     <label for="status" class="normal-weight">
@@ -36,6 +37,7 @@
                         id="traffic-shaping-select"
                         v-model.number="fieldsValues.status.selected"
                         :disabled="!fieldsValues.status.checked"
+                        data-id="traffic-shaping-select"
                         name="selectName"
                       >
                         <option :label="localization.enabled" value="1">
@@ -67,6 +69,7 @@
                   >
                     <input
                       id="traffic-shaping-override-average-input"
+                      data-id="traffic-shaping-override-average-input"
                       type="checkbox"
                     />
                     <label
@@ -89,6 +92,7 @@
                             !fieldsValues.status.checked ||
                             fieldsValues.status.selected === '0'
                           "
+                          data-id="average-input"
                           name="average"
                           :class="[
                             'tooltip-field',
@@ -127,6 +131,7 @@
                   >
                     <input
                       id="traffic-shaping-override-peak-input"
+                      data-id="traffic-shaping-override-peak-input"
                       type="checkbox"
                     />
                     <label
@@ -149,6 +154,7 @@
                             !fieldsValues.status.checked ||
                             fieldsValues.status.selected === '0'
                           "
+                          data-id="peak-input"
                           name="peak"
                           :class="[
                             'tooltip-field',
@@ -187,6 +193,7 @@
                   >
                     <input
                       id="traffic-shaping-override-burst-size-input"
+                      data-id="traffic-shaping-override-burst-size-input"
                       type="checkbox"
                     />
                     <label
@@ -209,6 +216,7 @@
                             !fieldsValues.status.checked ||
                             fieldsValues.status.selected === '0'
                           "
+                          data-id="burst-size-input"
                           name="burst-size"
                           :class="[
                             'tooltip-field',

package/components/common/diagramMain/modals/editSettings/tabs/port/IpvFourSettings.vue

@@ -12,6 +12,7 @@
           <input
             id="Obtain"
             v-model="fieldsValues.ipv4Settings"
+            data-id="obtain-input"
             type="radio"
             value="0"
             name="IPv4-settings"
@@ -24,6 +25,7 @@
           <input
             id="static"
             v-model="fieldsValues.ipv4Settings"
+            data-id="static-input"
             type="radio"
             value="1"
             name="IPv4-settings"
@@ -51,6 +53,7 @@
                       <input
                         id="port-properties-network"
                         v-model="fieldsValues.ipv4Address"
+                        data-id="port-properties-network"
                         type="text"
                         placeholder="e.g. 192.168.1.1"
                         :class="[
@@ -84,6 +87,7 @@
                       <input
                         id="subnet-mask"
                         v-model="fieldsValues.subnetMask"
+                        data-id="subnet-mask"
                         type="text"
                         placeholder="e.g. 255.255.255.0"
                         :class="[
@@ -114,6 +118,7 @@
                   <input
                     id="default-gateway"
                     v-model="fieldsValues.defaultGateway.checked"
+                    data-id="default-gateway-checkbox"
                     type="checkbox"
                   />
                   <label
@@ -132,6 +137,7 @@
                         <input
                           id="default-gateway"
                           v-model="fieldsValues.defaultGateway.value"
+                          data-id="default-gateway-tooltip-field"
                           type="text"
                           :disabled="!fieldsValues.defaultGateway.checked"
                           placeholder="10.10.101.1"

package/components/common/diagramMain/modals/editSettings/tabs/port/PortProperties.vue

@@ -32,6 +32,7 @@
                   <input
                     id="mtu"
                     v-model="fieldsValues.mtu"
+                    data-id="mtu-input"
                     type="number"
                     name="mtu"
                     :class="[
@@ -69,6 +70,7 @@
                     <input
                       :id="`property-value-group-${key}`"
                       v-model="fieldsValues.services[enabledService.modelValue]"
+                      :data-id="enabledService.testId"
                       type="checkbox"
                     />
                     {{ enabledService.label }}

package/components/common/diagramMain/modals/lib/config/networkModal.ts

@@ -276,6 +276,7 @@ export const teamingAndFailoverTemplateMakerFunc = (
 ): UI_I_TeamingAndFailoverTemplate[] => [
   {
     key: 'loadBalancing',
+    testId: 'loadBalancing',
     options: [
       {
         value: 3,
@@ -293,6 +294,7 @@ export const teamingAndFailoverTemplateMakerFunc = (
   },
   {
     key: 'networkFailureDetection',
+    testId: 'networkFailureDetection',
     options: [
       {
         value: 1,
@@ -302,6 +304,7 @@ export const teamingAndFailoverTemplateMakerFunc = (
   },
   {
     key: 'notifySwitches',
+    testId: 'notifySwitches',
     options: [
       {
         value: 2,
@@ -315,6 +318,7 @@ export const teamingAndFailoverTemplateMakerFunc = (
   },
   {
     key: 'failback',
+    testId: 'failback',
     options: [
       {
         value: 2,

package/components/common/diagramMain/modals/lib/config/portModal.ts

@@ -191,18 +191,23 @@ export const portPropertiesEnabledServicesFunc = (
     mainLabel: localization.enabledServices,
     label: localization.provisioning,
     modelValue: 'provisioning',
+    testId: 'provisioning',
   },
   // {
   //   label: localization.faultToleranceLogging,
   //   modelValue: 'faultToleranceLogging',
   // },
-  { label: localization.management, modelValue: 'management' },
+  {
+    label: localization.management,
+    modelValue: 'management',
+    testId: 'management',
+  },
   // { label: localization.procuratorReplication, modelValue: 'replication' },
   // {
   //   label: localization.procuratorReplicationNFC,
   //   modelValue: 'replicationNFC',
   // },
-  { label: localization.vSAN, modelValue: 'vSAN' },
+  { label: localization.vSAN, modelValue: 'vSAN', testId: 'vSAN' },
   // { label: localization.procuratorBackupNFC, modelValue: 'backupNFC' },
   // { label: localization.nvmEOverTCP, modelValue: 'nVMeOverTCP' },
   // { label: localization.nvmEOverRDMA, modelValue: 'nVMeOverRDMA' },

package/components/common/diagramMain/modals/lib/mappers/mappers.ts

@@ -3,6 +3,7 @@ import {
   UI_I_PortEditSendData,
   UI_I_PortPropertiesFields,
   UI_I_IpvFourSettingsFields,
+  UI_I_SwitchEditSendData,
 } from '~/components/common/diagramMain/lib/models/interfaces'
 
 export const portEditDataFunc = (
@@ -49,3 +50,38 @@ export const portEditDataFunc = (
 
   return body
 }
+
+export const switchEditDataFunc = (
+  editFieldsData: UI_I_EditFieldsData,
+  id: string
+): UI_I_SwitchEditSendData => {
+  const body: UI_I_SwitchEditSendData = {
+    id,
+    mtu: editFieldsData.properties?.mtu,
+    nics: editFieldsData.teamingFailover?.adapters || {},
+    security: {
+      forged_transmits: editFieldsData.security?.forgedTransmits.selected,
+      mac_change: editFieldsData.security?.macAddressChanges.selected,
+      promiscuous: editFieldsData.security?.promiscuousMode.selected,
+    },
+    shaping: {},
+    teaming: {
+      mode: editFieldsData.teamingFailover?.loadBalancing.selected,
+      link_detection_mode:
+        editFieldsData.teamingFailover?.networkFailureDetection.selected,
+      notify_switches: editFieldsData.teamingFailover?.notifySwitches.selected,
+      failback: editFieldsData.teamingFailover?.failback.selected,
+    },
+  }
+
+  if (editFieldsData.trafficShaping?.status?.selected) {
+    body.shaping = {
+      enabled: true,
+      average_bw: editFieldsData.trafficShaping?.average,
+      peak_bw: editFieldsData.trafficShaping?.peak,
+      burst_size: editFieldsData.trafficShaping?.burstSize,
+    }
+  }
+
+  return body
+}

package/components/common/diagramMain/modals/migrateVmkernelAdapter/steps/ConnectionSettings.vue

@@ -23,6 +23,7 @@
                       id="network-label"
                       v-model="fields.networkLabel"
                       name="network-label"
+                      data-id="network-label-input"
                       type="text"
                       :class="[
                         'tooltip-field port-properties-network-label',
@@ -85,11 +86,14 @@
 </template>
 
 <script setup lang="ts">
-import { UI_I_ArbitraryObject, UI_I_Localization } from '~/lib/models/interfaces'
+import {
+  UI_I_ArbitraryObject,
+  UI_I_Localization,
+} from '~/lib/models/interfaces'
 import { UI_I_ConnectionSettings } from '~/components/common/wizards/network/add/lib/models/interfaces'
 import { vlanIdSelectData } from '~/components/common/wizards/network/add/lib/config'
 import { UI_I_ErrorFields } from '~/components/atoms/wizard/lib/models/interfaces'
-import type Wizard from '~/components/atoms/wizard/lib/utils/utils';
+import type Wizard from '~/components/atoms/wizard/lib/utils/utils'
 import {
   validateNetworkConnectionSettingsLocal,
   validateVlanIdConnectionSettingsLocal,
@@ -112,7 +116,9 @@ const emits = defineEmits<{
   (event: 'hide-alert', stepId: 1): void
 }>()
 
-const fields = ref<UI_I_ConnectionSettings>(useDeepCopy(props.connectionSettings))
+const fields = ref<UI_I_ConnectionSettings>(
+  useDeepCopy(props.connectionSettings)
+)
 
 let oldFields = useDeepCopy(fields.value)
 
@@ -120,18 +126,18 @@ watch(
   fields,
   (newFields: UI_I_ConnectionSettings) => {
     oldFields.vlanId !== newFields.vlanId &&
-    validateVlanIdConnectionSettingsLocal(
-      localization.value,
-      newFields,
-      props.wizard
-    )
+      validateVlanIdConnectionSettingsLocal(
+        localization.value,
+        newFields,
+        props.wizard
+      )
 
     oldFields.networkLabel !== newFields.networkLabel &&
-    validateNetworkConnectionSettingsLocal(
-      localization.value,
-      newFields,
-      props.wizard
-    )
+      validateNetworkConnectionSettingsLocal(
+        localization.value,
+        newFields,
+        props.wizard
+      )
 
     oldFields = useDeepCopy(fields.value)
 

package/components/common/diagramMain/modals/remove/RemoveModal.vue

@@ -66,6 +66,7 @@
             <button
               id="diagram-remove-modal-ok-button"
               type="button"
+              data-id="diagram-remove-modal-ok-button"
               class="btn btn-primary"
               @click="onHideModal"
             >
@@ -78,6 +79,7 @@
             <button
               id="diagram-remove-modal-no-button"
               type="button"
+              data-id="diagram-remove-modal-no-button"
               class="btn btn-outline"
               @click="onHideModal"
             >
@@ -86,6 +88,7 @@
             <button
               id="diagram-remove-modal-yes-button"
               type="button"
+              data-id="diagram-remove-modal-yes-button"
               class="btn btn-primary"
               @click="onRemove(props.id)"
             >
@@ -98,6 +101,7 @@
             <button
               id="diagram-remove-modal-cancel-button"
               type="button"
+              data-id="diagram-remove-modal-cancel-button"
               class="btn btn-outline"
               @click="onHideModal"
             >
@@ -106,6 +110,7 @@
             <button
               id="diagram-remove-modal-remove-button"
               type="button"
+              data-id="diagram-remove-modal-remove-button"
               class="btn btn-primary"
               @click="onRemove(props.id)"
             >

package/components/common/diagramMain/modals/viewSettings/ViewSettings.vue

@@ -14,6 +14,7 @@
                     open: isOpen,
                   },
                 ]"
+                data-id="virtual-switch-toggle-icon"
                 @click="onToggle"
               />
               <span :class="{ 'title-with-collapse': props.withCollapse }">
@@ -81,13 +82,16 @@ import { UI_I_Localization } from '~/lib/models/interfaces'
 import { UI_I_ViewSettingsFields } from '~/components/common/diagramMain/lib/models/interfaces'
 
 // Props from up
-const props = withDefaults(defineProps<{
-  viewSettingsField: UI_I_ViewSettingsFields
-  viewName?: string
-  withCollapse?: boolean
-}>(), {
-  viewName: ''
-})
+const props = withDefaults(
+  defineProps<{
+    viewSettingsField: UI_I_ViewSettingsFields
+    viewName?: string
+    withCollapse?: boolean
+  }>(),
+  {
+    viewName: '',
+  }
+)
 
 // UI_I_Localization
 const localization = computed<UI_I_Localization>(() => useLocal())

package/components/common/diagramMain/network/Contents.vue

@@ -11,7 +11,8 @@
     </foreignObject>
 
     <a
-      :id="`network-${testId}`"
+      :id="`network-${props.network.id}`"
+      :data-id="`${props.testId}-link`"
       style="text-decoration: none"
       cursor="pointer"
       data-title="network-name-link"
@@ -51,7 +52,7 @@
           popup-class="diagram-actions__popup"
           :close-after-click="true"
           :items="networkPopupFields"
-          :test-id="`network-${testId}-toggle`"
+          :test-id="`network-${props.network.id}-toggle`"
           @change="(value: string) => onShowModal(value, dataForSelectedNetwork)"
         />
       </div>
@@ -87,6 +88,7 @@
       x="24"
       :y="portsArrowPosition"
       cursor="pointer"
+      :data-id="`${props.testId}-toggle-ports`"
       @click="
         onTogglePorts(props.network.id, !props.network.toggle, props.diagramId)
       "
@@ -142,6 +144,7 @@ const props = defineProps<{
   inPortlet: boolean
   isNetworkSelectedWithClosedPorts: boolean
   diagramId: string
+  testId?: string
 }>()
 
 const emits = defineEmits<{
@@ -161,8 +164,6 @@ const emits = defineEmits<{
 
 const localization = computed<UI_I_Localization>(() => useLocal())
 
-const testId = computed<string>(() => props.network.id.replaceAll('=', '_'))
-
 const networkPopupFields = computed(() =>
   networkPopupFieldsFunc(
     localization.value,

package/components/common/diagramMain/port/Port.vue

@@ -22,6 +22,7 @@
     <a
       :id="testId"
       data-title="port-vm-name"
+      data-id="port-vm-name-select"
       cursor="pointer"
       @click="onSelectPort(props.network.id, props.port.id)"
     >

package/components/common/feedback/Buttons.vue

@@ -4,6 +4,7 @@
       <div class="icon-wrap">
         <atoms-the-icon
           id="showHelpInfo"
+          data-id="toggle-help-info-icon"
           fill="#0072a3"
           width="24px"
           height="24px"
@@ -36,6 +37,7 @@
             'btn btn-outline feedback-button',
             { active: item.key === props.select },
           ]"
+          data-id="feedback-button"
           @click="onSelect(item.key)"
         >
           <atoms-the-icon2

package/components/common/feedback/Feedback.vue

@@ -19,6 +19,7 @@
             v-if="!props.isHideCloseIcon"
             id="feedback-modal-close-icon"
             class="close"
+            data-id="feedback-modal-close-button"
             @click="hide"
           >
             <atoms-the-icon class="close-icon" name="close" />
@@ -45,6 +46,7 @@
           <button
             id="feedback-modal-cancel-button"
             class="btn btn-outline"
+            data-id="feedback-modal-cancel-button"
             @click="hide"
           >
             {{ localization.cancel }}
@@ -53,6 +55,7 @@
             class="btn btn-outline"
             :class="props.loading && 'modal-dialog__loader'"
             :disabled="!description"
+            data-id="submit-button"
             @click="submit"
           >
             <atoms-loader-pre-loader
@@ -115,8 +118,12 @@ const hide = (): void => {
 const submit = (): void => {
   if (type.value !== 0 && type.value !== 1) return
 
-  const canvasData = (document.getElementById('feedbackImg') as HTMLCanvasElement).toDataURL()
-  const canvasBlankData = (document.getElementById('feedbackImgBlank') as HTMLCanvasElement).toDataURL()
+  const canvasData = (
+    document.getElementById('feedbackImg') as HTMLCanvasElement
+  ).toDataURL()
+  const canvasBlankData = (
+    document.getElementById('feedbackImgBlank') as HTMLCanvasElement
+  ).toDataURL()
 
   const image = canvasData.match(/base64,(.+)/)?.[1] || ''
   emits('submit', {

package/components/common/feedback/Message.vue

@@ -8,6 +8,7 @@
         :disabled="props.type === undefined"
         class="clr-textarea ng-pristine ng-invalid ng-touched textarea"
         :placeholder="descriptionTextPlaceholder"
+        data-id="message-textarea"
       ></textarea>
     </div>
     <div class="main-block">
@@ -24,6 +25,7 @@
             type="email"
             :class="['email', { 'has-error': isInvalidEmail }]"
             :placeholder="localization.optionalInCaseWeNeed"
+            data-id="email-input"
             @blur="isStartEmailValidation = true"
           />
         </template>
@@ -36,6 +38,7 @@
         v-if="!hasTakeScreenshot"
         id="feedback-take-screenshot-button"
         class="btn btn-sm ng-star-inserted"
+        data-id="take-screenshot-input"
         @click="takeScreenshot"
       >
         {{ localization.takeScreenshot }}
@@ -45,6 +48,7 @@
         v-else
         id="feedback-remove-button"
         class="btn btn-sm btn-warning-outline ng-star-inserted"
+        data-id="remove-button"
         @click="removeScreenshot"
       >
         {{ localization.remove }}
@@ -69,6 +73,7 @@
           href="javascript:void(0)"
           role="button"
           class="content-padding"
+          data-id="use-red-marker-button"
           @click="useRedMarker"
         >
           {{ localization.useRedMarker }}</a
@@ -78,6 +83,7 @@
           href="javascript:void(0)"
           role="button"
           class="content-padding"
+          data-id="use-grey-marker-button"
           @click="useGrayEraser"
         >
           {{ localization.useGrayEraser }}</a
@@ -87,6 +93,7 @@
           href="javascript:void(0)"
           role="button"
           class="content-padding"
+          data-id="undo-button"
           @click="undoLast"
         >
           {{ localization.undo }}</a
@@ -96,6 +103,7 @@
           href="javascript:void(0)"
           role="button"
           class="content-padding"
+          data-id="clear-all-button"
           @click="clearAll"
         >
           {{ localization.clearAll }}</a
@@ -123,6 +131,7 @@
             ref="isFileLoad"
             type="file"
             accept=".png, .jpeg"
+            data-id="file-load-input"
             @change="onChangeImgLoad"
           />
         </div>

package/components/common/feedback/VisitPortal.vue

@@ -4,8 +4,17 @@
       <div>
         {{ localization.useOurExternalIdeasPortal }}
       </div>
-      <a id="portal-link" href="https://customer.aobfg.ru/" target="_blank">
-        <button id="visit-ideas-portal-button" class="btn btn-outline wrap">
+      <a
+        id="portal-link"
+        href="https://customer.aobfg.ru/"
+        data-id="portal-link"
+        target="_blank"
+      >
+        <button
+          id="visit-ideas-portal-button"
+          data-id="visit-ideas-portal-button"
+          class="btn btn-outline wrap"
+        >
           <span class="text"> {{ localization.visitIdeasPortal }} </span>
           <atoms-the-icon2 class="btn-icon" name="pop-out" />
         </button>

package/components/common/help/navbar/left/Left.vue

@@ -2,6 +2,7 @@
   <div class="left-navbar">
     <div class="header-content">
       <button
+        data-id="collapsed-all-button"
         class="btn-trigger-collapsed-all"
         @click="onToggleAccordionShowType"
       >

package/components/common/help/navbar/right/Right.vue

@@ -1,12 +1,21 @@
 <template>
   <div :class="['navbar', { open: isShow }]">
-    <button v-if="!isShow" class="open-icon-button" @click="isShow = !isShow">
+    <button
+      v-if="!isShow"
+      data-id="open-icon-button"
+      class="open-button"
+      @click="isShow = !isShow"
+    >
       <atoms-the-icon name="arrow" />
     </button>
     <div v-else class="height-100">
       <div class="navbar__header">
         <p class="title">{{ props.title }}</p>
-        <button class="close-icon-button" @click="isShow = !isShow">
+        <button
+          data-id="close-button"
+          class="close-icon-button"
+          @click="isShow = !isShow"
+        >
           <atoms-the-icon name="close" />
         </button>
       </div>
@@ -14,6 +23,7 @@
         <a
           v-for="item in props.items"
           :key="item.text"
+          :data-id="item.testId"
           :href="item.to"
           :class="['link-item', { active: route.hash === item.to }]"
           >{{ item.text }}</a

package/components/common/help/navbar/right/lib/models/interfaces.ts

@@ -1,4 +1,5 @@
 export interface UI_I_ContentNavbarItem {
   text: string
   to: string
+  testId?: string
 }

package/components/common/home/alertsTable/AlertsTable.vue

@@ -30,6 +30,7 @@
           href="javascript:void(0)"
           class="text-ellipsis"
           :title="item.text"
+          data-id="select-node-of-tree"
           @click="selectNodeOfTree(item.data)"
           >{{ item.text }}</a
         >

package/components/common/modals/Confirmation.vue

@@ -23,10 +23,18 @@
     </template>
 
     <template #modalFooter>
-      <button class="btn btn-outline" @click="onHideModal">
+      <button
+        :data-id="`${props.testId}-hide-button`"
+        class="btn btn-outline"
+        @click="onHideModal"
+      >
         {{ localization.cancel }}
       </button>
-      <button :class="currentClasses" @click="onApply">
+      <button
+        :data-id="`${props.testId}-apply-button`"
+        :class="currentClasses"
+        @click="onApply"
+      >
         {{ currentText }}
       </button>
     </template>

package/components/common/modals/Rename.vue

@@ -29,6 +29,7 @@
                 <input
                   id="rename"
                   v-model="form.name.value"
+                  :data-id="`${props.testId}-rename-input`"
                   type="text"
                   :class="nameErrorText && 'clr-input'"
                   @blur="initValidation"