bfg-common 1.3.239 → 1.3.241

package/components/common/BadBrowser.vue

@@ -9,9 +9,10 @@
       </p>
       <div class="browsers-block">
         <a
-            href="https://www.google.com/chrome/"
-            target="_blank"
-            class="browser-link"
+          href="https://www.google.com/chrome/"
+          target="_blank"
+          data-id="google-link"
+          class="browser-link"
         >
           <div class="browser-item">
             <atoms-the-icon2 name="chrome" class="browser-icon" />
@@ -19,9 +20,10 @@
           </div>
         </a>
         <a
-            href="https://www.mozilla.org/en-US/"
-            target="_blank"
-            class="browser-link"
+          href="https://www.mozilla.org/en-US/"
+          target="_blank"
+          data-id="mozila-link"
+          class="browser-link"
         >
           <div class="browser-item">
             <atoms-the-icon2 name="firefox" class="browser-icon" />
@@ -29,9 +31,10 @@
           </div>
         </a>
         <a
-            href="https://support.apple.com/downloads/safari"
-            target="_blank"
-            class="browser-link"
+          href="https://support.apple.com/downloads/safari"
+          target="_blank"
+          data-id="apple-link"
+          class="browser-link"
         >
           <div class="browser-item">
             <atoms-the-icon2 name="safari" class="browser-icon" />
@@ -39,9 +42,10 @@
           </div>
         </a>
         <a
-            href="https://www.microsoft.com/en-us/edge/download?form=MA13FJ"
-            target="_blank"
-            class="browser-link last"
+          href="https://www.microsoft.com/en-us/edge/download?form=MA13FJ"
+          target="_blank"
+          data-id="microsoft-link"
+          class="browser-link last"
         >
           <div class="browser-item">
             <atoms-the-icon2 name="edge" class="browser-icon" />

package/components/common/accordion/Accordion.vue

@@ -1,6 +1,7 @@
 <template>
   <div
     :class="['text-wrapper flex-align-center', { active: isActive }]"
+    :data-id="props.testId"
     @click="isActive = !isActive"
   >
     <template v-if="parentName">

package/components/common/accordion/Recursion.vue

@@ -3,6 +3,7 @@
     <nuxt-link
       class="accordion-item"
       :to="accordionLocal.path"
+      :data-id="accordionLocal.testId"
       active-class="active"
       @click.prevent="onSelect(accordionLocal)"
     >
@@ -22,6 +23,7 @@
         <button
           v-if="props.accordion.hasChild"
           :id="`${props.testId}-trigger-button`"
+          :data-id="`${accordionLocal.testId}-toggle-button`"
           class="btn-trigger max-width"
           @click="toggle"
         >

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

@@ -7,6 +7,7 @@ export interface UI_I_AccordionRecursion {
   iconClassName?: string
   children?: UI_I_AccordionRecursion[]
   isOpen?: boolean
+  testId?: string
 }
 
 export interface UI_I_HeadingClass {

package/components/common/adapterManager/AddAdapterModal.vue

@@ -20,7 +20,7 @@
               :full-mode="false"
               :is-add-modal="true"
               :adapters="props.adapters"
-              :existing-adapters-for-adding="props.existingAdaptersForAdding.map((n) => n.name)"
+              :existing-adapters-for-adding="existingAdaptersAsText"
               :selected-add-adapter-id="props.selectedAddAdapterId"
               class="free-adapters"
               @select-add-adapter="onSelectAddAdapter"
@@ -34,10 +34,13 @@
 </template>
 
 <script setup lang="ts">
-import { UI_I_Localization, UI_I_ItemsWithTotalCounts } from '~/lib/models/interfaces'
+import {
+  UI_I_Localization,
+  UI_I_ItemsWithTotalCounts,
+} from '~/lib/models/interfaces'
 import {
   UI_I_Adapter,
-  UI_I_SwitchAdapterItem
+  UI_I_SwitchAdapterItem,
 } from '~/components/common/diagramMain/lib/models/interfaces'
 
 // Props from up
@@ -74,7 +77,11 @@ const emits = defineEmits<{
   (event: 'select-add-adapter', adapterId: string): void
 }>()
 
-
+const existingAdaptersAsText = computed<string[]>(() =>
+  props.existingAdaptersForAdding.map(
+    (adapter: UI_I_SwitchAdapterItem) => adapter.name
+  )
+)
 
 // Selected adapter for adding
 const onSelectAddAdapter = (adapterId: string): void => {

package/components/common/adapterManager/AddAdapterWarningModal.vue

@@ -23,6 +23,7 @@
         <span>
           <button
             :id="`${props.testId}-modal-close-button`"
+            :data-id="`${props.testId}-close-button`"
             type="button"
             class="btn btn-primary"
             @click="onHideModal"

package/components/common/adapterManager/ui/actions/AddAdapterButton.vue

@@ -3,6 +3,7 @@
     <span
       class="action-link-container"
       :title="localization.addAdapters"
+      :data-id="props.testId"
       @click="onShowAddAdapterModal"
     >
       <atoms-diagram-icon name="add-adapter" />
@@ -15,6 +16,7 @@ import { UI_I_Localization } from '~/lib/models/interfaces'
 
 const props = defineProps<{
   fullMode: boolean
+  testId?: string
 }>()
 
 // UI_I_Localization

package/components/common/adapterManager/ui/actions/MoveDownAdapterButton.vue

@@ -8,6 +8,7 @@
         },
       ]"
       :title="localization.moveDown"
+      :data-id="props.testId"
       @click="onMoveDown"
     >
       <atoms-diagram-icon name="arrow-down" />
@@ -20,6 +21,7 @@ import { UI_I_Localization } from '~/lib/models/interfaces'
 
 const props = defineProps<{
   isDisabledMoveDown: boolean
+  testId?: string
 }>()
 
 // UI_I_Localization

package/components/common/adapterManager/ui/actions/MoveUpAdapterButton.vue

@@ -8,6 +8,7 @@
         },
       ]"
       :title="localization.moveUp"
+      :data-id="props.testId"
       @click="onMoveUp"
     >
       <atoms-diagram-icon name="arrow-up" />
@@ -20,6 +21,7 @@ import { UI_I_Localization } from '~/lib/models/interfaces'
 
 const props = defineProps<{
   isDisabledMoveUp: boolean
+  testId?: string
 }>()
 
 // UI_I_Localization

package/components/common/adapterManager/ui/actions/RemoveAdapterButton.vue

@@ -8,6 +8,7 @@
         },
       ]"
       :title="localization.removeSelected"
+      :data-id="props.testId"
       @click="onRemove"
     >
       <atoms-diagram-icon name="remove-adapter" />
@@ -22,6 +23,7 @@ const props = defineProps<{
   fullMode: boolean
   selectedIsHeader: boolean
   isDisabledRemove: boolean
+  testId?: string
 }>()
 
 // UI_I_Localization

package/components/common/adapterManager/ui/table/Adapters.vue

@@ -1,29 +1,30 @@
 <template>
-    <template v-for="adapterId in props.adapters" :key="adapterId">
-        <tr
-                :class="{
+  <template v-for="adapterId in props.adapters" :key="adapterId">
+    <tr
+      :class="{
         'k-state-selected': props.selectedAdapterId === adapterId,
       }"
-                @click="onSelectAdapter(adapterId)"
-        >
-            <td>
+      :data-id="adapterId.testId"
+      @click="onSelectAdapter(adapterId)"
+    >
+      <td>
         <span>
           <atoms-diagram-icon
-                  name="adapter-icon"
-                  class="adapter-icon-positioning"
+            name="adapter-icon"
+            class="adapter-icon-positioning"
           />
         </span>
-                <span>{{ adapterId }}</span>
-            </td>
-        </tr>
-    </template>
+        <span>{{ adapterId }}</span>
+      </td>
+    </tr>
+  </template>
 </template>
 
 <script setup lang="ts">
 const props = withDefaults(
   defineProps<{
     selectedAdapterId: string
-    adapters: string[]
+    adapters: string[] // Создать интерфейс для testId { ..., testId: '' }
   }>(),
   {
     adapters: () => [],

package/components/common/adapterManager/ui/table/Header.vue

@@ -3,6 +3,7 @@
     :class="{
       'k-state-selected': props.isSelected,
     }"
+    :data-id="props.testId"
     @click="onSelectAdapter"
   >
     <td>
@@ -18,7 +19,8 @@ import { UI_I_Localization } from '~/lib/models/interfaces'
 
 const props = defineProps<{
   isSelected: boolean
-  id: string
+  title: string
+  testId: string
 }>()
 
 // UI_I_Localization
@@ -26,9 +28,9 @@ const localization = computed<UI_I_Localization>(() => useLocal())
 
 const title = computed(
   () =>
-    (props.id === 'header-active' && localization.value.activeAdapters) ||
-    (props.id === 'header-stand-by' && localization.value.standbyAdapters) ||
-    (props.id === 'header-unused' && localization.value.unusedAdapters)
+    (props.title === 'header-active' && localization.value.activeAdapters) ||
+    (props.title === 'header-stand-by' && localization.value.standbyAdapters) ||
+    (props.title === 'header-unused' && localization.value.unusedAdapters)
 )
 
 const emits = defineEmits<{

package/components/common/adapterManager/ui/table/Table.vue

@@ -1,5 +1,9 @@
 <template>
-  <div class="k-grid-content" @click.capture="onClickEmptySpace($event)">
+  <div
+    :data-id="props.testId"
+    class="k-grid-content"
+    @click.capture="onClickEmptySpace($event)"
+  >
     <div v-if="props.isAddModal">
       <table class="k-selectable">
         <tbody>
@@ -15,7 +19,8 @@
       <table class="k-selectable">
         <tbody>
           <common-adapter-manager-ui-table-header
-            id="header-active"
+            title="header-active"
+            test-id="header-active"
             :is-selected="props.isActiveHeader"
             @select-header="onSelectAdapter"
           />
@@ -25,7 +30,8 @@
             @select-adapter="onSelectAdapter"
           />
           <common-adapter-manager-ui-table-header
-            id="header-stand-by"
+            title="header-stand-by"
+            test-id="header-stand-by"
             :is-selected="props.isStandbyHeader"
             @select-header="onSelectAdapter"
           />
@@ -35,7 +41,8 @@
             @select-adapter="onSelectAdapter"
           />
           <common-adapter-manager-ui-table-header
-            id="header-unused"
+            title="header-unused"
+            test-id="header-unused"
             :is-selected="props.isUnusedHeader"
             @select-header="onSelectAdapter"
           />
@@ -68,6 +75,7 @@ const props = withDefaults(
     isStandbyHeader: boolean
     isUnusedHeader: boolean
     existingAdaptersForAdding?: (UI_I_Adapter | UI_I_SwitchAdapterItem)[]
+    testId?: string
   }>(),
   {
     isAddModal: false,
@@ -81,6 +89,7 @@ const props = withDefaults(
     isUnusedHeader: false,
     removedAdapters: () => [],
     existingAdaptersForAdding: () => [],
+    testId: '',
   }
 )
 

package/components/common/browse/Browse.vue

@@ -77,7 +77,10 @@
       </common-browse-blocks-container>
       <div v-if="props.fileTypes" class="ptm">
         <b>{{ localization.fileType }}:</b>
-        <select v-model="selectedFileTypeLocal">
+        <select
+          v-model="selectedFileTypeLocal"
+          :data-id="`${props.testId}-select`"
+        >
           <option
             v-for="item in props.fileTypes"
             :key="item.value"
@@ -105,6 +108,7 @@ const props = defineProps<{
   selectedFile: any | null
   fileTypes?: UI_I_OptionItem[]
   selectedFileType?: any
+  testId?: string
 }>()
 const emits = defineEmits<{
   (

package/components/common/browse/blocks/Container.vue

@@ -3,12 +3,14 @@
     <slot name="firstBlock"></slot>
     <div
       class="move-separator"
+      :data-id="`${props.testId}-first`"
       :style="leftPosition"
       @mousedown="onMouseDown($event, 'first')"
     ></div>
     <slot name="secondBlock"></slot>
     <div
       class="move-separator"
+      :data-id="`${props.testId}-second`"
       :style="rightPosition"
       @mousedown="onMouseDown($event, 'second')"
     ></div>
@@ -22,6 +24,7 @@ import { UI_T_BlocksWidth } from '~/components/common/browse/blocks/lib/models/t
 const props = defineProps<{
   type: 'horizontal' | 'vertical'
   blocksWidth: UI_T_BlocksWidth
+  testId?: string
 }>()
 
 const sectionSelected = ref<boolean>(false)

package/components/common/browse/blocks/contents/Files.vue

@@ -2,6 +2,7 @@
   <ul class="file-view__container">
     <template v-for="file in props.selectedFolderFiles" :key="file.name">
       <li
+        :data-id="file.testId"
         :class="[
           'file-view',
           { selected: file.name === props.selectedFile?.name },

package/components/common/context/ContextRecursion.vue

@@ -19,7 +19,11 @@
       @mouseenter="toggleItems(item, true, $event)"
       @mouseleave="toggleItems(item, false, $event)"
     >
-      <span class="context-link" @mousedown="selectItem(item)">
+      <span
+        class="context-link"
+        :data-id="`${props.testId}-context-link`"
+        @mousedown="selectItem(item)"
+      >
         <span :class="['context-icon', item.iconClassName]" />
         <span class="menu-item-text">{{ item.name }}</span>
         <span v-if="item.items.length" class="arrow-icon" />
@@ -45,6 +49,7 @@ import { UI_I_ContextMenuItem } from '~/components/common/context/lib/models/int
 const props = defineProps<{
   items: UI_I_ContextMenuItem[]
   actionLoading: string | null
+  testId?: string
 }>()
 const emits = defineEmits<{
   (event: 'select-item', value: UI_I_ContextMenuItem): void

package/components/common/details/DetailsItem.vue

@@ -7,6 +7,7 @@
   >
     <div class="stack-block__label">
       <atoms-the-icon
+        :data-id="`${props.testId}-toggle-icon`"
         name="angle"
         class="stack-block__icon"
         @click="onToggle"
@@ -33,9 +34,11 @@ const props = withDefaults(
   defineProps<{
     openByDefault?: boolean
     hasChildren: boolean
+    testId?: string
   }>(),
   {
     openByDefault: false,
+    testId: '',
   }
 )
 const emits = defineEmits<{

package/components/common/diagramMain/Header.vue

@@ -10,6 +10,7 @@
               open: props.isShowDiagram,
             },
           ]"
+          data-id="diagram-header-toggle-icon"
           @click="onToggleDiagram"
         />
         <a>
@@ -23,6 +24,7 @@
         <span class="vertical-separator"></span>
         <button
           id="add-networking-button"
+          data-id="add-networking-button"
           type="button"
           @click="onShowModal('add-networking', props.diagramName)"
         >
@@ -30,6 +32,7 @@
         </button>
         <button
           id="switch-edit-button"
+          data-id="switch-edit-button"
           type="button"
           @click="onShowModal('switch-edit')"
         >
@@ -37,6 +40,7 @@
         </button>
         <button
           id="switch-manage-physical-adapters-button"
+          data-id="switch-manage-physical-adapters-button"
           type="button"
           @click="onShowModal('switch-manage-physical-adapters')"
         >

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

@@ -22,6 +22,7 @@
 
     <a
       :id="`adapter-${props.adapter.id}`"
+      :data-id="`${props.testId}-select`"
       data-title="adapter-name"
       cursor="pointer"
       class="adapter-name"
@@ -141,6 +142,7 @@ const props = defineProps<{
   selectedAdapter: UI_I_SelectedAdapter
   networksCount: number
   isDarkMode: boolean
+  testId?: string
 }>()
 
 const emits = defineEmits<{

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

@@ -2,6 +2,7 @@
   <g data-title="adapter-block-contents">
     <foreignObject
       v-if="hasAdapters"
+      :data-id="`${props.testId}-toggle`"
       data-title="adapter-toggle"
       width="18"
       height="18"
@@ -55,6 +56,7 @@ import { UI_I_Localization } from '~/lib/models/interfaces'
 
 const props = defineProps<{
   adaptersWithPositions: UI_I_AdaptersWithPositions
+  testId?: string
 }>()
 const emits = defineEmits<{
   (event: 'toggle-adapters', networkId: string, portId: string): void

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

@@ -462,6 +462,7 @@ export interface API_UI_I_SwitchAdapterItem {
 
 export interface UI_I_TeamingAndFailoverTemplate {
   key: string
+  testId?: string
   options: {
     value: string | number
     text: string
@@ -615,6 +616,15 @@ export interface UI_I_PortEditSendData {
   }
 }
 
+export interface UI_I_SwitchEditSendData {
+  id: string
+  mtu: number
+  nics: UI_I_AdapterStatus
+  security: API_UI_I_Security
+  shaping: API_UI_I_Shaping
+  teaming: API_UI_I_Teaming
+}
+
 export interface UI_I_MigrateVmkernelAdapterEmits {
   (
     event: 'check-network-label',

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

@@ -22,6 +22,7 @@
                     <input
                       id="network-label"
                       v-model="fieldsValues.networkLabel"
+                      data-id="network-label-input"
                       name="network-label"
                       type="text"
                       :class="[

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

@@ -18,6 +18,7 @@
                     <input
                       id="promiscuous-mode"
                       v-model="fieldsValues.promiscuousMode.checked"
+                      data-id="promiscuous-mode-input"
                       type="checkbox"
                     />
                     <label for="promiscuous-mode" class="normal-weight">
@@ -30,18 +31,13 @@
                         id="promiscuous-mode-select"
                         v-model="fieldsValues.promiscuousMode.selected"
                         :disabled="!fieldsValues.promiscuousMode.checked"
+                        data-id="promiscuous-mode-select"
                         name="selectName"
                       >
-                        <option
-                          :value="2"
-                          :label="localization.reject"
-                        >
+                        <option :value="2" :label="localization.reject">
                           {{ localization.reject }}
                         </option>
-                        <option
-                          :value="1"
-                          :label="localization.accept"
-                        >
+                        <option :value="1" :label="localization.accept">
                           {{ localization.accept }}
                         </option>
                       </select>
@@ -68,6 +64,7 @@
                     <input
                       id="mac-address-changes"
                       v-model="fieldsValues.macAddressChanges.checked"
+                      data-id="mac-address-changes"
                       type="checkbox"
                     />
                     <label for="mac-address-changes" class="normal-weight">
@@ -80,18 +77,13 @@
                         id="mac-address-select"
                         v-model="fieldsValues.macAddressChanges.selected"
                         :disabled="!fieldsValues.macAddressChanges.checked"
+                        data-id="mac-address-select"
                         name="selectName"
                       >
-                        <option
-                          :value="2"
-                          :label="localization.reject"
-                        >
+                        <option :value="2" :label="localization.reject">
                           {{ localization.reject }}
                         </option>
-                        <option
-                          :value="1"
-                          :label="localization.accept"
-                        >
+                        <option :value="1" :label="localization.accept">
                           {{ localization.accept }}
                         </option>
                       </select>
@@ -118,6 +110,7 @@
                     <input
                       id="forged-transmits"
                       v-model="fieldsValues.forgedTransmits.checked"
+                      data-id="forged-transmits-input"
                       type="checkbox"
                     />
                     <label for="forged-transmits" class="normal-weight">
@@ -130,18 +123,13 @@
                         id="forged-transmits"
                         v-model="fieldsValues.forgedTransmits.selected"
                         :disabled="!fieldsValues.forgedTransmits.checked"
+                        data-id="forged-transmits-select"
                         name="selectName"
                       >
-                        <option
-                          :value="2"
-                          :label="localization.reject"
-                        >
+                        <option :value="2" :label="localization.reject">
                           {{ localization.reject }}
                         </option>
-                        <option
-                          :value="1"
-                          :label="localization.accept"
-                        >
+                        <option :value="1" :label="localization.accept">
                           {{ localization.accept }}
                         </option>
                       </select>
@@ -163,9 +151,7 @@ import {
   UI_I_ModalsInitialData,
   UI_I_SecurityFields,
 } from '~/components/common/diagramMain/lib/models/interfaces'
-import {
-  securityFieldsInitialFunc
-} from '~/components/common/diagramMain/modals/lib/config'
+import { securityFieldsInitialFunc } from '~/components/common/diagramMain/modals/lib/config'
 
 // Props from up
 const props = withDefaults(

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

@@ -32,6 +32,7 @@
                     <input
                       id="mtu"
                       v-model="fieldsValues.mtu"
+                      data-id="mtu-input"
                       type="number"
                       name="mtu"
                       :class="[

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

@@ -23,6 +23,7 @@
                         <input
                           :id="`teaming-failover-input-${item.key}`"
                           v-model="fieldsValues[item.key].checked"
+                          :data-id="`${item.testId}-teaming-failover-input`"
                           type="checkbox"
                         />
                         <label
@@ -37,6 +38,7 @@
                           <select
                             :id="`teaming-failover-select-${key}`"
                             v-model="fieldsValues[item.key].selected"
+                            :data-id="`${item.testId}-teaming-failover-select`"
                             :disabled="!fieldsValues[item.key].checked"
                             name="selectName"
                           >
@@ -67,6 +69,7 @@
           <input
             id="failover-order"
             v-model="fieldsValues.failoverOrder.checked"
+            data-id="failover-order-input"
             type="checkbox"
           />
           <label for="failover-order" class="normal-weight">