bfg-common 1.3.274 → 1.3.276

package/components/common/context/lib/models/interfaces.ts

@@ -4,11 +4,11 @@ export interface UI_I_ContextMenuByEvent {
   event: any
   node: UI_I_TreeNode
 }
-export interface UI_I_ContextMenu {
+export interface UI_I_ContextMenu<T = string> {
   x: number
   y: number
   id: string | number
-  type: string
+  type: T
   titleText: string
   titleIconClassName: string
   items: UI_I_ContextMenuItem[]

package/components/common/diagramMain/Diagram.vue

@@ -26,7 +26,6 @@
         :selected-network="props.selectedNetwork"
         :is-visible-line="hasActiveAdapter"
         :is-dark-mode="props.isDarkMode"
-        :test-id="props.diagramData.testId"
         @toggle-adapters="onToggleAdapters"
         @select-adapter="onSelectAdapter"
         @show-modal="onShowModal"

package/components/common/diagramMain/DiagramMain.vue

@@ -8,7 +8,6 @@
         :in-portlet="props.inPortlet"
         :is-show-diagram="isShowDiagram"
         :diagram-name="props.diagramData.diagramName"
-        :test-id="props.diagramData.testId"
         @toggle-diagram="onToggleDiagram"
         @show-modal="onShowModal"
       />

package/components/common/diagramMain/Header.vue

@@ -10,7 +10,7 @@
               open: props.isShowDiagram,
             },
           ]"
-          :data-id="`${props.testId}-toggle-icon`"
+          data-id="diagram-header-toggle-icon"
           @click="onToggleDiagram"
         />
         <a>
@@ -24,7 +24,7 @@
         <span class="vertical-separator"></span>
         <button
           id="add-networking-button"
-          :data-id="`${props.testId}-add-networking-button`"
+          data-id="add-networking-button"
           type="button"
           @click="onShowModal('add-networking', props.diagramName)"
         >
@@ -32,7 +32,7 @@
         </button>
         <button
           id="switch-edit-button"
-          :data-id="`${props.testId}-edit-button`"
+          data-id="switch-edit-button"
           type="button"
           @click="onShowModal('switch-edit')"
         >
@@ -40,7 +40,7 @@
         </button>
         <button
           id="switch-manage-physical-adapters-button"
-          :data-id="`${props.testId}-manage-physical-adapters-button`"
+          data-id="switch-manage-physical-adapters-button"
           type="button"
           @click="onShowModal('switch-manage-physical-adapters')"
         >
@@ -51,7 +51,7 @@
             popup-class="diagram-main-actions__popup"
             :close-after-click="true"
             :items="switchMainNavigation"
-            :test-id="`${props.testId}-actions-toggle`"
+            test-id="diagram-main-actions"
             @change="onShowModal"
           />
         </div>
@@ -73,7 +73,6 @@ const props = defineProps<{
   inPortlet: boolean
   isShowDiagram: boolean
   diagramName: string
-  testId: string
 }>()
 
 const emits = defineEmits<{
@@ -88,7 +87,7 @@ const emits = defineEmits<{
 const localization = computed<UI_I_Localization>(() => useLocal())
 
 const switchMainNavigation = computed<UI_I_NavigationItem[]>(() =>
-  switchMainNavigationFunc(localization.value, props.testId)
+  switchMainNavigationFunc(localization.value)
 )
 
 const onToggleDiagram = () => emits('toggle-diagram')

package/components/common/diagramMain/adapter/Adapter.vue

@@ -7,7 +7,6 @@
 
     <common-diagram-main-adapter-contents
       :adapters-with-positions="props.adaptersWithPositions"
-      :test-id="props.testId"
       @toggle-adapters="onToggleAdapters"
     />
 
@@ -56,7 +55,6 @@ const props = defineProps<{
   isVisibleLine: boolean
   networksCount: number
   isDarkMode: boolean
-  testId: string
 }>()
 
 const isOpenedAdapterBlockAndNoSelectedNetwork = computed<boolean>(

package/components/common/diagramMain/adapter/AdapterItem.vue

@@ -22,7 +22,7 @@
 
     <a
       :id="`adapter-${props.adapter.id}`"
-      :data-id="`${props.adapter.testId}-select`"
+      :data-id="`${props.testId}-select`"
       data-title="adapter-name"
       cursor="pointer"
       class="adapter-name"
@@ -91,7 +91,7 @@
           popup-class="diagram-actions__popup"
           :close-after-click="true"
           :items="adapterPopupFields"
-          :test-id="props.adapter.testId"
+          :test-id="`adapter-${props.adapter.id}-toggle`"
           @change="(value) => onShowModal(value, adapterProperties)"
         />
       </div>
@@ -142,6 +142,7 @@ const props = defineProps<{
   selectedAdapter: UI_I_SelectedAdapter
   networksCount: number
   isDarkMode: boolean
+  testId?: string
 }>()
 
 const emits = defineEmits<{
@@ -155,8 +156,9 @@ const emits = defineEmits<{
 
 const localization = computed<UI_I_Localization>(() => useLocal())
 
-const adapterPopupFields = computed(() =>
-  adapterPopupFieldsFunc(localization.value, props.adapter.testId)
+const adapterPopupFields = adapterPopupFieldsFunc(
+  localization.value,
+  props.adapter.id
 )
 
 const adapterProperties = dataForSelectedAdapterFunc(props.adapter)

package/components/common/diagramMain/adapter/AdapterItems.vue

@@ -6,6 +6,7 @@
         :key="adapter.id"
       >
         <common-diagram-main-adapter-item
+          :test-id="`adapter-item-${key}`"
           :adapter="adapter"
           :selected-port="props.selectedPort"
           :selected-adapter="props.selectedAdapter"

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

@@ -2,7 +2,7 @@
   <g data-title="adapter-block-contents">
     <foreignObject
       v-if="hasAdapters"
-      :data-id="`${props.testId}-adapters-toggle`"
+      :data-id="`${props.testId}-toggle`"
       data-title="adapter-toggle"
       width="18"
       height="18"

package/components/common/diagramMain/lib/models/interfaces.ts

@@ -14,13 +14,11 @@ export interface UI_I_Port {
   macAddress?: string
   adapter?: string
   isActive?: boolean
-  testId: string
 }
 
 export interface UI_I_Adapter {
   name: string
   id: string
-  testId: string
   fullName: string
   state: UI_I_State
   adapter: string
@@ -68,7 +66,6 @@ export interface UI_I_SelectedAdapter {
 
 export interface UI_I_Sysx {
   id: string
-  testId: string
   state: UI_I_State
   index: UI_I_ListIndex
   switch: string
@@ -146,7 +143,6 @@ export interface UI_I_Network extends UI_I_NetworkInfo {
   toggle: boolean
   unusedAdapters?: string[]
   vlanId?: number | string
-  testId: string
 }
 
 export interface UI_I_SwitchInfo extends UI_I_NetworkInfo {
@@ -172,7 +168,6 @@ export interface UI_I_NetworkFullWithPositions extends UI_I_Network {
 
 export interface UI_I_DiagramData {
   id: string
-  testId: string
   diagramName: string
   networks: UI_I_Network[]
   networking?: UI_I_SwitchInfo
@@ -429,7 +424,6 @@ export interface UI_I_ModalsInitialData<T = string | number | boolean> {
 export interface UI_I_SwitchAdapterItem {
   name: string
   id: string
-  testId: string
   fullName: string
   state: UI_I_State
   adapter: string

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

@@ -116,11 +116,11 @@ export const adapterViewSettingsFunc = (
 
 export const adapterPopupFieldsFunc = (
   localization: UI_I_Localization,
-  testId: string
+  id: string
 ) => [
   {
     text: localization.viewSettings,
     value: 'adapter-view-settings',
-    testId: `${testId}-view`,
+    testId: `adapter-view-${id}`,
   },
 ]

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

@@ -2,22 +2,21 @@ import { UI_I_Localization } from '~/lib/models/interfaces'
 import { UI_I_NavigationItem } from '~/components/common/diagramMain/lib/models/interfaces'
 
 export const switchMainNavigationFunc = (
-  localization: UI_I_Localization,
-  testId: string
+  localization: UI_I_Localization
 ): UI_I_NavigationItem[] => [
   {
     text: localization.migrateVmKernelAdapter,
     value: 'migrate-vmkernel-adapter',
-    testId: `${testId}-migrate-vm-kernel-adapter`,
+    testId: 'switch-migrate-vm-kernel-adapter',
   },
   {
     text: localization.viewSettings,
     value: 'switch-view-settings',
-    testId: `${testId}-view-settings`,
+    testId: 'switch-view-settings',
   },
   {
     text: localization.remove,
     value: 'switch-remove',
-    testId: `${testId}-remove`,
+    testId: 'switch-remove',
   },
 ]

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

@@ -236,14 +236,16 @@ export const networkEditSettingsTabsFunc = (
 export const networkPopupFieldsFunc = (
   localization: UI_I_Localization,
   _networkType: string,
-  testId: string,
+  id: string,
   inPortlet = false
 ) => {
+  const formatedId = id.replaceAll('=', '_')
+
   const inPortletConfig = [
     {
       text: localization.viewSettings,
       value: 'network-view-settings',
-      testId: `${testId}-view`,
+      testId: `network-view-${formatedId}`,
     },
     // {
     //   text: localization.editSettings,
@@ -255,13 +257,13 @@ export const networkPopupFieldsFunc = (
     {
       text: localization.editSettings,
       value: 'network-edit-settings',
-      testId: `${testId}-edit`,
+      testId: `network-edit-${formatedId}`,
     },
     { separate: true },
     {
       text: localization.remove,
       value: 'network-port-remove',
-      testId: `${testId}-remove`,
+      testId: `network-remove-${formatedId}`,
       // networkType === '1' ? 'network-vkernel-remove' : 'network-port-remove',
     },
   ]

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

@@ -160,23 +160,23 @@ export const portEditSettingsTabsFunc = (localization: UI_I_Localization) => [
 
 export const portPopupFieldsFunc = (
   localization: UI_I_Localization,
-  testId: string
+  id: string
 ) => [
   {
     text: localization.viewSettings,
     value: 'port-view-settings',
-    testId: `${testId}-view`,
+    testId: `view-${id}`,
   },
   {
     text: localization.editSettings,
     value: 'port-edit-settings',
-    testId: `${testId}-edit`,
+    testId: `edit-${id}`,
   },
   { separate: true },
   {
     text: localization.remove,
     value: 'port-remove',
-    testId: `${testId}-remove`,
+    testId: `remove-${id}`,
   },
 ]
 

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

@@ -24,11 +24,11 @@ export const vCenterViewSettingsFunc = (
 
 export const vCenterPopupFieldsFunc = (
   localization: UI_I_Localization,
-  testId: string
+  id: string
 ) => [
   {
     text: localization.viewSettings,
     value: 'v-center-view-settings',
-    testId: `${testId}-view`,
+    testId: `view-${id}`,
   },
 ]

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

@@ -12,7 +12,7 @@
 
     <a
       :id="`network-${props.network.id}`"
-      :data-id="`${props.network.testId}-link`"
+      :data-id="`${props.testId}-link`"
       style="text-decoration: none"
       cursor="pointer"
       data-title="network-name-link"
@@ -52,7 +52,7 @@
           popup-class="diagram-actions__popup"
           :close-after-click="true"
           :items="networkPopupFields"
-          :test-id="`${props.network.testId}`"
+          :test-id="`network-${props.network.title}`"
           @change="(value: string) => onShowModal(value, dataForSelectedNetwork)"
         />
       </div>
@@ -88,7 +88,7 @@
       x="24"
       :y="portsArrowPosition"
       cursor="pointer"
-      :data-id="`${props.network.testId}-toggle-ports`"
+      :data-id="`${props.testId}-toggle-ports`"
       @click="
         onTogglePorts(props.network.id, !props.network.toggle, props.diagramId)
       "
@@ -168,7 +168,7 @@ const networkPopupFields = computed(() =>
   networkPopupFieldsFunc(
     localization.value,
     props.network.networkType,
-    props.network.testId,
+    props.network.id,
     props.inPortlet
   )
 )

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

@@ -22,7 +22,7 @@
     <a
       :id="testId"
       data-title="port-vm-name"
-      :data-id="`${props.network.testId}-${props.port.testId}-select`"
+      data-id="port-vm-name-select"
       cursor="pointer"
       @click="onSelectPort(props.network.id, props.port.id)"
     >
@@ -114,7 +114,7 @@
           popup-class="diagram-actions__popup"
           :close-after-click="true"
           :items="navigationItems"
-          :test-id="`${testId}`"
+          :test-id="`${testId}-toggle`"
           @change="onShowModalWithTypeCheck"
         />
       </div>
@@ -218,14 +218,8 @@ const macAddressPosition = computed<number>(() => props.port.portPosition + 16)
 
 const navigationItems = computed(() =>
   isVCenter.value || isVMPortsGroup.value
-    ? vCenterPopupFieldsFunc(
-        localization.value,
-        `${props.network.testId}-${props.port.testId}`
-      )
-    : portPopupFieldsFunc(
-        localization.value,
-        `${props.network.testId}-${props.port.testId}`
-      )
+    ? vCenterPopupFieldsFunc(localization.value, testId.value)
+    : portPopupFieldsFunc(localization.value, testId.value)
 )
 
 const showHighlightLine = computed(