bfg-common 1.3.239 → 1.3.240

package/components/common/weekSelect/WeekSelect.vue

@@ -1,112 +1,143 @@
-<template>
-  <div class="flex-align-center">
-    <common-select-input
-      v-model="selectedOption"
-      :data="options"
-      class="mr-1"
-    />
-
-    <div class="btn-group">
-      <button
-        v-for="item in tabs"
-        :key="item"
-        :class="['btn btn-sm btn-secondary', { 'btn-primary': item.isActive }]"
-        :disabled="!isCustom"
-        @click="onSelectDay(item.value)"
-      >
-        {{ item.text }}
-      </button>
-    </div>
-  </div>
-</template>
-
-<script lang="ts" setup>
-import type { UI_I_Localization } from '~/lib/models/interfaces'
-import type { UI_I_SelectInputItem } from '~/components/common/select/input/lib/models/interfaces'
-import type { UI_I_TabItem } from '~/components/common/weekSelect/lib/models/interfaces'
-import { optionsFunc } from '~/components/common/weekSelect/lib/config/options'
-
-const localization = computed<UI_I_Localization>(() => useLocal())
-
-const model = defineModel<number[]>()
-
-const selectedOption = ref<number>(0)
-if (model.value.length === 2 && model.value.includes(6) && model.value.includes(0)) {
-  selectedOption.value = 1
-} else if (model.value.length < 7) {
-  selectedOption.value = 2
-}
-
-const options = ref<UI_I_SelectInputItem[]>(optionsFunc(localization.value))
-
-const isCustom = computed<boolean>(() => selectedOption.value === 2)
-const onSelectDay = (value: number): void => {
-  const index = model.value?.indexOf(value)
-  if (index === -1) {
-    model.value.push(value)
-    model.value.sort((a: number, b: number) => a - b)
-  }
-  else if (model.value.length > 1) {
-    model.value = model.value?.filter((_: number, key: number) => key !== index)
-  }
-}
-
-const tabs = computed<UI_I_TabItem[]>(() => {
-  return [
-    { text: localization.value.weekM, value: 1, isActive: checkIsActiveDay(1) },
-    { text: localization.value.weekT, value: 2, isActive: checkIsActiveDay(2) },
-    { text: localization.value.weekW, value: 3, isActive: checkIsActiveDay(3) },
-    {
-      text: localization.value.weekTh,
-      value: 4,
-      isActive: checkIsActiveDay(4),
-    },
-    { text: localization.value.weekF, value: 5, isActive: checkIsActiveDay(5) },
-    { text: localization.value.weekS, value: 6, isActive: checkIsActiveDay(6) },
-    {
-      text: localization.value.weekSu,
-      value: 0,
-      isActive: checkIsActiveDay(0),
-    },
-  ]
-})
-const checkIsActiveDay = (value: number): boolean => {
-  let result = false
-  switch (selectedOption.value) {
-    case 0:
-      result = true
-      break
-    case 1:
-      if (value === 6 || value === 0) result = true
-      break
-    default:
-      result = !!model.value?.includes(value)
-      break
-  }
-
-  return result
-}
-watch(
-  tabs,
-  (newValue: UI_I_TabItem[]) => {
-    if (selectedOption.value === 2) return
-
-    model.value = newValue.filter((tab) => tab.isActive).map((tab) => tab.value)
-  },
-  { immediate: true }
-)
-</script>
-
-<style lang="scss" scoped>
-:deep(.select::after) {
-  top: 2px;
-  right: -16px;
-}
-.btn-group {
-  button {
-    width: 24px;
-    min-width: 24px;
-    padding: 0;
-  }
-}
-</style>
+<template>
+  <div class="flex-align-center">
+    <common-select-input
+      v-model="selectedOption"
+      :data="options"
+      class="mr-1"
+    />
+
+    <div class="btn-group">
+      <button
+        v-for="item in tabs"
+        :key="item"
+        :data-id="item.testId"
+        :class="['btn btn-sm btn-secondary', { 'btn-primary': item.isActive }]"
+        :disabled="!isCustom"
+        @click="onSelectDay(item.value)"
+      >
+        {{ item.text }}
+      </button>
+    </div>
+  </div>
+</template>
+
+<script lang="ts" setup>
+import type { UI_I_Localization } from '~/lib/models/interfaces'
+import type { UI_I_SelectInputItem } from '~/components/common/select/input/lib/models/interfaces'
+import type { UI_I_TabItem } from '~/components/common/weekSelect/lib/models/interfaces'
+import { optionsFunc } from '~/components/common/weekSelect/lib/config/options'
+
+const localization = computed<UI_I_Localization>(() => useLocal())
+
+const model = defineModel<number[]>()
+
+const selectedOption = ref<number>(0)
+if (
+  model.value.length === 2 &&
+  model.value.includes(6) &&
+  model.value.includes(0)
+) {
+  selectedOption.value = 1
+} else if (model.value.length < 7) {
+  selectedOption.value = 2
+}
+
+const options = ref<UI_I_SelectInputItem[]>(optionsFunc(localization.value))
+
+const isCustom = computed<boolean>(() => selectedOption.value === 2)
+const onSelectDay = (value: number): void => {
+  const index = model.value?.indexOf(value)
+  if (index === -1) {
+    model.value.push(value)
+    model.value.sort((a: number, b: number) => a - b)
+  } else if (model.value.length > 1) {
+    model.value = model.value?.filter((_: number, key: number) => key !== index)
+  }
+}
+
+const tabs = computed<UI_I_TabItem[]>(() => {
+  return [
+    {
+      text: localization.value.weekM,
+      value: 1,
+      isActive: checkIsActiveDay(1),
+      testId: 'week-m-value',
+    },
+    {
+      text: localization.value.weekT,
+      value: 2,
+      isActive: checkIsActiveDay(2),
+      testId: 'week-t-value',
+    },
+    {
+      text: localization.value.weekW,
+      value: 3,
+      isActive: checkIsActiveDay(3),
+      testId: 'week-w-value',
+    },
+    {
+      text: localization.value.weekTh,
+      value: 4,
+      isActive: checkIsActiveDay(4),
+      testId: 'week-th-value',
+    },
+    {
+      text: localization.value.weekF,
+      value: 5,
+      isActive: checkIsActiveDay(5),
+      testId: 'week-f-value',
+    },
+    {
+      text: localization.value.weekS,
+      value: 6,
+      isActive: checkIsActiveDay(6),
+      testId: 'week-s-value',
+    },
+    {
+      text: localization.value.weekSu,
+      value: 0,
+      isActive: checkIsActiveDay(0),
+      testId: 'week-su-value',
+    },
+  ]
+})
+const checkIsActiveDay = (value: number): boolean => {
+  let result = false
+  switch (selectedOption.value) {
+    case 0:
+      result = true
+      break
+    case 1:
+      if (value === 6 || value === 0) result = true
+      break
+    default:
+      result = !!model.value?.includes(value)
+      break
+  }
+
+  return result
+}
+watch(
+  tabs,
+  (newValue: UI_I_TabItem[]) => {
+    if (selectedOption.value === 2) return
+
+    model.value = newValue.filter((tab) => tab.isActive).map((tab) => tab.value)
+  },
+  { immediate: true }
+)
+</script>
+
+<style lang="scss" scoped>
+:deep(.select::after) {
+  top: 2px;
+  right: -16px;
+}
+.btn-group {
+  button {
+    width: 24px;
+    min-width: 24px;
+    padding: 0;
+  }
+}
+</style>

package/components/common/weekSelect/lib/config/options.ts

@@ -1,10 +1,10 @@
-import type { UI_I_Localization } from '~/lib/models/interfaces'
-import type { UI_I_SelectInputItem } from '~/components/common/select/input/lib/models/interfaces'
-
-export const optionsFunc = (
-  localization: UI_I_Localization
-): UI_I_SelectInputItem[] => [
-  { label: localization.daily, value: 0 },
-  { label: localization.weekly, value: 1 },
-  { label: localization.custom, value: 2 },
-]
+import type { UI_I_Localization } from '~/lib/models/interfaces'
+import type { UI_I_SelectInputItem } from '~/components/common/select/input/lib/models/interfaces'
+
+export const optionsFunc = (
+  localization: UI_I_Localization
+): UI_I_SelectInputItem[] => [
+  { label: localization.daily, value: 0 },
+  { label: localization.weekly, value: 1 },
+  { label: localization.custom, value: 2 },
+]

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

@@ -2,4 +2,5 @@ export interface UI_I_TabItem {
   text: string
   value: number
   isActive: boolean
+  testId?: string
 }

package/components/common/wizards/datastore/add/local/createName/CreateName.vue

@@ -18,6 +18,7 @@
           <input
             id="datastore-name"
             v-model.trim="form.name.value"
+            data-id="datastore-name-input"
             type="text"
             class="clr-input"
             @blur="onBlurInputName"

package/components/common/wizards/datastore/add/nfs/accessibility/Accessibility.vue

@@ -9,7 +9,12 @@
     />
 
     <div>
-      <atoms-tabs test-id="accessibility" v-model="activeTab" :items="tabs" size="small" />
+      <atoms-tabs
+        v-model="activeTab"
+        test-id="accessibility"
+        :items="tabs"
+        size="small"
+      />
     </div>
     <div>
       <common-wizards-datastore-add-nfs-accessibility-tables-view
@@ -28,12 +33,8 @@
 
 <script lang="ts" setup>
 import { UI_I_CollapseNavItem } from '~/components/atoms/collapse/lib/models/interfaces'
-import {
-  UI_I_Localization,
-} from '~/lib/models/interfaces'
-import {
-  UI_I_Pagination,
-} from '~/lib/models/table/interfaces'
+import { UI_I_Localization } from '~/lib/models/interfaces'
+import { UI_I_Pagination } from '~/lib/models/table/interfaces'
 import { T_HostsAccessibilityTab } from '~/components/common/wizards/datastore/add/nfs/accessibility/lib/models/types'
 import { hostAccessibilityTabsFunc } from '~/components/common/wizards/datastore/add/nfs/accessibility/lib/config/tabsPannel'
 import { hostsAccessibilityTablesFunc } from '~/components/common/wizards/datastore/add/nfs/accessibility/tablesView/lib/config/hostsTableItems'

package/components/common/wizards/datastore/add/nfs/configuration/Configuration.vue

@@ -31,6 +31,7 @@
             <input
               id="configuration-name-input"
               v-model="form.name.value"
+              data-id="configuration-name-input"
               type="text"
               class="clr-input"
               @blur="onBlurInputName"
@@ -58,6 +59,7 @@
             <input
               id="configuration-folder-input"
               v-model="form.folder.value"
+              data-id="configuration-folder-input"
               type="text"
               class="clr-input"
               @blur="onBlurInputFolder"
@@ -86,6 +88,7 @@
             <input
               id="configuration-folder-input"
               v-model="form.server.value"
+              data-id="configuration-folder-input"
               type="text"
               class="clr-input"
               @blur="onBlurInputServer"
@@ -126,7 +129,12 @@
       }}</label>
 
       <div class="clr-col-md-10 clr-col-12 clr-checkbox-wrapper">
-        <input id="playback-compression" v-model="accessMode" type="checkbox" />
+        <input
+          id="playback-compression"
+          v-model="accessMode"
+          data-id="playback-compression-checkbox"
+          type="checkbox"
+        />
         <label for="playback-compression" class="clr-control-label">{{
           localization.mountNfsReadOnly
         }}</label>

package/components/common/wizards/datastore/add/nfs/configuration/serversList/DeletePopover.vue

@@ -1,9 +1,12 @@
 <template>
   <div class="popover">
     <slot>
-      <span class="popover__item" @click="onClickItem">{{
-        localization.removeMember
-      }}</span>
+      <span
+        class="popover__item"
+        data-id="delete-popover-text"
+        @click="onClickItem"
+        >{{ localization.removeMember }}</span
+      >
     </slot>
   </div>
 </template>

package/components/common/wizards/datastore/add/nfs/kerberosAuthentication/KerberosAuthentication.vue

@@ -13,6 +13,7 @@
         <input
           :id="item.label"
           v-model="kerberosType"
+          :data-id="item.testId"
           type="radio"
           :value="item.value"
         />

package/components/common/wizards/datastore/add/nfs/kerberosAuthentication/lib/config/radioOptions.ts

@@ -9,16 +9,19 @@ export const kerberosOptionsFunc = (
       label: localization.dontUseKerberosAuthentication,
       value: 'dont-use',
       disabled: false,
+      testId: 'dont-use-value',
     },
     {
       label: localization.useKerberosAuthenticationKrb5,
       value: 'use-only-krb5',
       disabled: false,
+      testId: 'use-only-krb5-value',
     },
     {
       label: localization.useKerberosAuthenticationIntegrity,
       value: 'use-integrity',
       disabled: false,
+      testId: 'use-integrity-value',
     },
   ]
 }

package/components/common/wizards/datastore/add/sharedStorm/deviceSelection/DeviceSelection.vue

@@ -21,6 +21,7 @@
           <input
             id="device-selection-input"
             v-model="form.name.value"
+            data-id="device-selection-input"
             type="text"
             class="clr-input"
             @blur="initValidation"
@@ -54,6 +55,7 @@
           <select
             id="device-host-select"
             v-model="selectedHost"
+            data-id="device-host-select"
             class="dropdown-toggle"
             @change="onSelectHost"
           >

package/components/common/wizards/datastore/add/sharedStorm/partitionConfiguration/PartitionConfiguration.vue

@@ -10,6 +10,7 @@
           <select
             id="host-select"
             v-model="selectedHost"
+            data-id="host-select"
             class="dropdown-toggle"
             @change="onSelectHost"
           >
@@ -40,6 +41,7 @@
               <input
                 id="datastore-size-input-0"
                 v-model="datastoreSize"
+                data-id="datastore-size-input-0"
                 type="range"
                 min="0"
                 :max="countDatastoreSizeToGb"

package/components/common/wizards/datastore/add/types/Types.vue

@@ -6,6 +6,7 @@
       </span>
       <div id="type-select-help-icon" class="signpost-container relative">
         <atoms-the-icon
+          data-id="toggle-type-select-help-icon"
           fill="#0072a3"
           width="24px"
           height="24px"

package/components/common/wizards/network/add/modals/SelectNetwork.vue

@@ -23,7 +23,12 @@
                 name="filter"
               />
             </button>
-            <input v-model="filter" type="text" placeholder="Filter" />
+            <input
+              v-model="filter"
+              type="text"
+              data-id="select-network-filter-input"
+              placeholder="Filter"
+            />
           </div>
           <atoms-table-simple-table
             :head-items="headItems"
@@ -34,10 +39,18 @@
         </div>
       </template>
       <template #modalFooter>
-        <button class="btn btn-outline" @click="onHideModal">
+        <button
+          data-id="select-network-hide-button"
+          class="btn btn-outline"
+          @click="onHideModal"
+        >
           {{ localization.cancel }}
         </button>
-        <button class="btn btn-primary" @click="onSelectNetwork">
+        <button
+          data-id="select-network-submit-button"
+          class="btn btn-primary"
+          @click="onSelectNetwork"
+        >
           {{ localization.ok }}
         </button>
       </template>

package/components/common/wizards/network/add/modals/SelectStandardSwitch.vue

@@ -24,10 +24,18 @@
         </div>
       </template>
       <template #modalFooter>
-        <button class="btn btn-outline" @click="onHideModal">
+        <button
+          data-id="select-standard-switch-hide-button"
+          class="btn btn-outline"
+          @click="onHideModal"
+        >
           {{ localization.cancel }}
         </button>
-        <button class="btn btn-primary" @click="onSelectSwitch">
+        <button
+          data-id="select-standard-switch-submit-button"
+          class="btn btn-primary"
+          @click="onSelectSwitch"
+        >
           {{ localization.ok }}
         </button>
       </template>

package/components/common/wizards/network/add/modals/SelectSwitch.vue

@@ -24,10 +24,18 @@
         </div>
       </template>
       <template #modalFooter>
-        <button class="btn btn-outline" @click="onHideModal">
+        <button
+          data-id="select-switch-hide-button"
+          class="btn btn-outline"
+          @click="onHideModal"
+        >
           {{ localization.cancel }}
         </button>
-        <button class="btn btn-primary" @click="onSelectSwitch">
+        <button
+          data-id="select-submit-hide-button"
+          class="btn btn-primary"
+          @click="onSelectSwitch"
+        >
           {{ localization.ok }}
         </button>
       </template>

package/components/common/wizards/network/add/steps/ConnectionSettings.vue

@@ -22,6 +22,7 @@
                     <input
                       id="network-label"
                       v-model="fields.networkLabel"
+                      data-id="network-input"
                       name="network-label"
                       type="text"
                       :class="[
@@ -85,7 +86,10 @@
 </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'

package/components/common/wizards/network/add/steps/IpFourSettings.vue

@@ -12,6 +12,7 @@
           <input
             id="Obtain"
             v-model="fields.ipSettings"
+            data-id="obtain-input"
             type="radio"
             value="0"
             name="IPv4-settings"
@@ -24,6 +25,7 @@
           <input
             id="static"
             v-model="fields.ipSettings"
+            data-id="static-input"
             type="radio"
             value="1"
             name="IPv4-settings"
@@ -45,11 +47,14 @@
               <div class="property-value-group">
                 <fieldset>
                   <atoms-tooltip-error
-                    :has-error="!!props.messagesFields['ipv4_settings.ipv4'].field"
+                    :has-error="
+                      !!props.messagesFields['ipv4_settings.ipv4'].field
+                    "
                   >
                     <template #elem>
                       <input
                         v-model="fields.static.ipFourAddress"
+                        data-id="ip-four-address-input"
                         type="text"
                         placeholder="e.g. 192.168.1.1"
                         :class="[
@@ -84,6 +89,7 @@
                     <template #elem>
                       <input
                         v-model="fields.static.subnetMask"
+                        data-id="subnet-mask-input"
                         type="text"
                         placeholder="e.g. 255.255.255.0"
                         :class="[
@@ -115,6 +121,7 @@
                   <input
                     id="default-gateway"
                     v-model="fields.static.defaultGateway.override"
+                    data-id="default-gateway-override-input"
                     type="checkbox"
                   />
                   <label
@@ -134,6 +141,7 @@
                       <template #elem>
                         <input
                           v-model="fields.static.defaultGateway.value"
+                          data-id="default-gateway-input"
                           type="text"
                           :disabled="!fields.static.defaultGateway.override"
                           placeholder="10.10.101.1"
@@ -148,7 +156,9 @@
                         />
                       </template>
                       <template #content>
-                        {{ props.messagesFields['ipv4_settings.gateway'].field }}
+                        {{
+                          props.messagesFields['ipv4_settings.gateway'].field
+                        }}
                       </template>
                     </atoms-tooltip-error>
                   </fieldset>