@webitel/ui-sdk 24.10.3 → 24.10.4

package/src/mixins/dataFilterMixins/__tests__/sortFilterMixin.spec.js

@@ -13,7 +13,8 @@ const headers = [
     show: true,
     sort: null,
     field: 'queue',
-  }, {
+  },
+  {
     value: 'agents',
     show: true,
     sort: null,
@@ -27,7 +28,8 @@ const sortedHeaders = [
     show: true,
     sort: 'asc',
     field: 'queue',
-  }, {
+  },
+  {
     value: 'agents',
     show: true,
     sort: null,

package/src/mixins/dataFilterMixins/__tests__/urlControllerMixin.spec.js

@@ -26,7 +26,10 @@ describe('URL Controller mixin Set and Get operations', () => {
   });
 
   it('Array of objects', async () => {
-    const value = [{ name: 'team 1', id: '1' }, { name: 'team 2', id: '2' }];
+    const value = [
+      { name: 'team 1', id: '1' },
+      { name: 'team 2', id: '2' },
+    ];
     await wrapper.vm.setValueToQuery({ filterQuery, value });
     const queryValue = wrapper.vm.getValueFromQuery({ filterQuery });
     expect(queryValue).toEqual(['1', '2']);

package/src/mixins/dataFilterMixins/_urlControllerMixin/_urlControllerMixin.js

@@ -1,4 +1,4 @@
-import { deepEqual } from 'deep-equal';
+import deepEqual from 'deep-equal';
 
 export default {
   methods: {

package/src/mixins/dataFilterMixins/apiFilterMixin.js

@@ -12,8 +12,7 @@ export default {
 
   methods: {
     async restoreValue(idList) {
-      this.value = idList && idList.length
-        ? await this.fetchSelected(idList) : this.defaultValue;
+      this.value = idList?.length ? await this.fetchSelected(idList) : this.defaultValue;
     },
 
     async fetchSelected(idList) {

package/src/mixins/dataFilterMixins/baseFilterMixin/baseFilterMixin.js

@@ -22,8 +22,7 @@ export default {
 
   methods: {
     restore({ filterQuery }) {
-      const value = this.getValueFromQuery({ filterQuery }) ||
-        this.defaultValue;
+      const value = this.getValueFromQuery({ filterQuery }) || this.defaultValue;
       this.restoreValue(value);
     },
   },

package/src/mixins/dataFilterMixins/enumFilterMixin.js

@@ -19,13 +19,12 @@ export default {
   methods: {
     restoreValue(value) {
       if (Array.isArray(value)) {
-        this.value = this.options
-        .filter((option) => value.some((value) => `${value}` ===
-          option[this.storedProp]));
+        this.value = this.options.filter((option) =>
+          value.some((value) => `${value}` === option[this.storedProp]),
+        );
       } else {
-        this.value = this.options
-          .find((option) => option[this.storedProp] === value) ||
-          this.defaultValue;
+        this.value =
+          this.options.find((option) => option[this.storedProp] === value) || this.defaultValue;
       }
     },
   },

package/src/mixins/dataFilterMixins/paginationFilterMixin.js

@@ -18,8 +18,7 @@ export default {
   watch: {
     '$route.query': {
       handler(newValue, oldValue) {
-        if (newValue.page !== oldValue.page
-          || newValue.size !== oldValue.size) {
+        if (newValue.page !== oldValue.page || newValue.size !== oldValue.size) {
           this.restore();
         }
       },

package/src/mixins/dataFilterMixins/sortFilterMixin.js

@@ -41,10 +41,7 @@ const queryToSortAdapter = (order) => {
   }
 };
 
-const encodeSortQuery = ({
-                           column,
-                           order,
-                         }) => (`${sortToQueryAdapter(order)}${column.field}`);
+const encodeSortQuery = ({ column, order }) => `${sortToQueryAdapter(order)}${column.field}`;
 
 const decodeSortQuery = ({ value }) => {
   const sort = queryToSortAdapter(value.slice(0, 1));

package/src/mixins/validationMixin/__tests__/validationMixin.spec.js

@@ -4,8 +4,7 @@ import validationMixin from '../validationMixin.js';
 describe('Validation mixin', () => {
   let wrapper;
   const Component = {
-    render() {
-    },
+    render() {},
     mixins: [validationMixin],
   };
 

package/src/mixins/validationMixin/useValidation.js

@@ -1,10 +1,7 @@
 import { computed, isReactive } from 'vue';
 import { useI18n } from 'vue-i18n';
 
-export function useValidation({
-                                v: inputV,
-                                customValidators: inputCustomValidators,
-                              }) {
+export function useValidation({ v: inputV, customValidators: inputCustomValidators }) {
   const { t } = useI18n();
 
   // support vue options api, where v is a reactive, not ref
@@ -17,8 +14,7 @@ export function useValidation({
   }
   // end
 
-  const isValidation = computed(() => !!v && !!v.value &&
-    !!Object.keys(v.value).length);
+  const isValidation = computed(() => !!v && !!v.value && !!Object.keys(v.value).length);
   const invalid = computed(() => isValidation.value && v.value.$error);
 
   const validationText = computed(() => {
@@ -27,26 +23,36 @@ export function useValidation({
       if (v.value.required?.$invalid) validationText = t('validation.required');
       else if (v.value.numeric?.$invalid) validationText = t('validation.numeric');
       else if (v.value.email?.$invalid) validationText = t('validation.email');
-      else if (v.value.gatewayHostValidator?.$invalid) validationText = t('validation.gatewayHostValidator');
+      else if (v.value.gatewayHostValidator?.$invalid)
+        validationText = t('validation.gatewayHostValidator');
       else if (v.value.ipValidator?.$invalid) validationText = t('validation.ipValidator');
       else if (v.value.macValidator?.$invalid) validationText = t('validation.macValidator');
-      else if (v.value.minValue?.$invalid) validationText = `${t('validation.minValue')} ${v.value.minValue.$params.min}`;
-      else if (v.value.maxValue?.$invalid) validationText = `${t('validation.maxValue')} ${v.value.maxValue.$params.max}`;
-      else if (v.value.sipAccountValidator?.$invalid) validationText = t('validation.sipAccountValidator');
-      else if (v.value.minLength?.$invalid) validationText = `${t('validation.minLength')} ${v.value.minLength.$params.min}`;
+      else if (v.value.minValue?.$invalid)
+        validationText = `${t('validation.minValue')} ${v.value.minValue.$params.min}`;
+      else if (v.value.maxValue?.$invalid)
+        validationText = `${t('validation.maxValue')} ${v.value.maxValue.$params.max}`;
+      else if (v.value.sipAccountValidator?.$invalid)
+        validationText = t('validation.sipAccountValidator');
+      else if (v.value.minLength?.$invalid)
+        validationText = `${t('validation.minLength')} ${v.value.minLength.$params.min}`;
       else if (v.value.url?.$invalid) validationText = `${t('validation.url')}`;
-      else if (v.value.regExpValidator?.$invalid) validationText = `${t('validation.regExpValidator')}`;
+      else if (v.value.regExpValidator?.$invalid)
+        validationText = `${t('validation.regExpValidator')}`;
       else if (v.value.sameAs?.$invalid) validationText = `${t('validation.sameAs')}`;
-      else if (v.value.domainValidator?.$invalid) validationText = `${t('validation.domainValidator')}`;
-      else if (v.value.decimalValidator?.$invalid) validationText = `${t('validation.decimalValidator')} ${v.value.decimalValidator.$params.count}`;
-      else if (v.value.websocketValidator?.$invalid) validationText = `${t('validation.websocketValidator')}`;
+      else if (v.value.domainValidator?.$invalid)
+        validationText = `${t('validation.domainValidator')}`;
+      else if (v.value.decimalValidator?.$invalid)
+        validationText = `${t('validation.decimalValidator')} ${v.value.decimalValidator.$params.count}`;
+      else if (v.value.websocketValidator?.$invalid)
+        validationText = `${t('validation.websocketValidator')}`;
       else if (v.value.integer?.$invalid) validationText = `${t('validation.integer')}`;
-      else if (v.value.regex?.$invalid) validationText = v.value.regex?.$message ||
-        `${t('validation.isRegExpMatched')} ${v.value.regex?.$params?.regex}`;
+      else if (v.value.regex?.$invalid)
+        validationText =
+          v.value.regex?.$message ||
+          `${t('validation.isRegExpMatched')} ${v.value.regex?.$params?.regex}`;
     }
 
-    if (customValidators && customValidators.value) {
-
+    if (customValidators?.value) {
       for (const { name, text } of customValidators.value) {
         if (v.value[name]?.$invalid) validationText = text;
       }

package/src/mixins/validationMixin/validationMixin.js

@@ -22,21 +22,33 @@ export default {
         if (this.v.required?.$invalid) validationText = this.$t('validation.required');
         else if (this.v.numeric?.$invalid) validationText = this.$t('validation.numeric');
         else if (this.v.email?.$invalid) validationText = this.$t('validation.email');
-        else if (this.v.gatewayHostValidator?.$invalid) validationText = this.$t('validation.gatewayHostValidator');
+        else if (this.v.gatewayHostValidator?.$invalid)
+          validationText = this.$t('validation.gatewayHostValidator');
         else if (this.v.ipValidator?.$invalid) validationText = this.$t('validation.ipValidator');
         else if (this.v.macValidator?.$invalid) validationText = this.$t('validation.macValidator');
-        else if (this.v.minValue?.$invalid) validationText = `${this.$t('validation.minValue')} ${this.v.minValue.$params.min}`;
-        else if (this.v.maxValue?.$invalid) validationText = `${this.$t('validation.maxValue')} ${this.v.maxValue.$params.max}`;
-        else if (this.v.sipAccountValidator?.$invalid) validationText = this.$t('validation.sipAccountValidator');
-        else if (this.v.minLength?.$invalid) validationText = `${this.$t('validation.minLength')} ${this.v.minLength.$params.min}`;
+        else if (this.v.minValue?.$invalid)
+          validationText = `${this.$t('validation.minValue')} ${this.v.minValue.$params.min}`;
+        else if (this.v.maxValue?.$invalid)
+          validationText = `${this.$t('validation.maxValue')} ${this.v.maxValue.$params.max}`;
+        else if (this.v.sipAccountValidator?.$invalid)
+          validationText = this.$t('validation.sipAccountValidator');
+        else if (this.v.minLength?.$invalid)
+          validationText = `${this.$t('validation.minLength')} ${this.v.minLength.$params.min}`;
         else if (this.v.url?.$invalid) validationText = `${this.$t('validation.url')}`;
-        else if (this.v.regExpValidator?.$invalid) validationText = `${this.$t('validation.regExpValidator')}`;
+        else if (this.v.regExpValidator?.$invalid)
+          validationText = `${this.$t('validation.regExpValidator')}`;
         else if (this.v.sameAs?.$invalid) validationText = `${this.$t('validation.sameAs')}`;
-        else if (this.v.domainValidator?.$invalid) validationText = `${this.$t('validation.domainValidator')}`;
-        else if (this.v.decimalValidator?.$invalid) validationText = `${this.$t('validation.decimalValidator')} ${this.v.decimalValidator.$params.count}`;
-        else if (this.v.websocketValidator?.$invalid) validationText = `${this.$t('validation.websocketValidator')}`;
+        else if (this.v.domainValidator?.$invalid)
+          validationText = `${this.$t('validation.domainValidator')}`;
+        else if (this.v.decimalValidator?.$invalid)
+          validationText = `${this.$t('validation.decimalValidator')} ${this.v.decimalValidator.$params.count}`;
+        else if (this.v.websocketValidator?.$invalid)
+          validationText = `${this.$t('validation.websocketValidator')}`;
         else if (this.v.integer?.$invalid) validationText = `${this.$t('validation.integer')}`;
-        else if (this.v.isRegExpMatched?.$invalid) validationText = this.v.isRegExpMatched?.$params?.errorMessage || `${t('validation.isRegExpMatched')} ${this.v.isRegExpMatched?.$params?.regExp}`;
+        else if (this.v.isRegExpMatched?.$invalid)
+          validationText =
+            this.v.isRegExpMatched?.$params?.errorMessage ||
+            `${t('validation.isRegExpMatched')} ${this.v.isRegExpMatched?.$params?.regExp}`;
       }
 
       for (const { name, text } of this.customValidators) {

package/src/modules/AgentStatusSelect/api/pause-cause.js

@@ -8,7 +8,6 @@ import applyTransform, {
 } from '../../../api/transformers/index.js';
 
 const PauseCauseAPIFactory = ({ instance, OpenAPIConfig }) => {
-
   const service = new AgentServiceApiFactory(OpenAPIConfig, '', instance);
 
   const getList = async ({ agentId }) => {
@@ -20,24 +19,17 @@ const PauseCauseAPIFactory = ({ instance, OpenAPIConfig }) => {
 
     const allowChange = true;
     try {
-      const response = await service.searchPauseCauseForAgent(
-        agentId,
-        allowChange,
-      );
+      const response = await service.searchPauseCauseForAgent(agentId, allowChange);
       const { items, next } = applyTransform(response.data, [
         snakeToCamel(),
         merge(getDefaultGetListResponse()),
       ]);
       return {
-        items: applyTransform(items, [
-          mergeEach(defaultObject),
-        ]),
+        items: applyTransform(items, [mergeEach(defaultObject)]),
         next,
       };
     } catch (err) {
-      throw applyTransform(err, [
-        notify,
-      ]);
+      throw applyTransform(err, [notify]);
     }
   };
 

package/src/modules/AgentStatusSelect/components/__tests__/wt-cc-agent-status-select.spec.js

@@ -8,13 +8,13 @@ import WtCcAgentStatusSelect from '../wt-cc-agent-status-select.vue';
 const pauseCauses = [{ name: 'jest1' }, { name: 'jest2' }];
 const getAgentPauseCausesMock = vi.fn(() => ({ items: pauseCauses }));
 // https://stackoverflow.com/a/63727813
-vi.spyOn(PauseCauseAPIFactory, 'default')
-.mockImplementation(() => ({ getList: getAgentPauseCausesMock }));
+vi.spyOn(PauseCauseAPIFactory, 'default').mockImplementation(() => ({
+  getList: getAgentPauseCausesMock,
+}));
 
 const agentStatusMock = vi.fn(() => {});
 // https://stackoverflow.com/a/63727813
-vi.spyOn(AgentStatusAPIFactory, 'default')
-.mockImplementation(() => ({ patch: agentStatusMock }));
+vi.spyOn(AgentStatusAPIFactory, 'default').mockImplementation(() => ({ patch: agentStatusMock }));
 
 const agent = {
   status: '',
@@ -38,36 +38,33 @@ describe('Wt Cc Agent Status Select', () => {
   });
   it('renders a component', () => {
     const wrapper = shallowMount(WtCcAgentStatusSelect, mountOptions);
-    expect(wrapper.exists())
-    .toBe(true);
+    expect(wrapper.exists()).toBe(true);
   });
   it(`at wt-status-select "change" to "online" event, triggers agent status patch
    with "online" status`, () => {
     const wrapper = shallowMount(WtCcAgentStatusSelect, mountOptions);
-    wrapper.findComponent({ name: 'wt-status-select' })
-    .vm.$emit('change', AgentStatus.ONLINE);
+    wrapper.findComponent({ name: 'wt-status-select' }).vm.$emit('change', AgentStatus.ONLINE);
     const reqPayload = {
-      status: AgentStatus.ONLINE, agentId: agent.agentId, payload: undefined,
+      status: AgentStatus.ONLINE,
+      agentId: agent.agentId,
+      payload: undefined,
     };
     expect(agentStatusMock).toHaveBeenCalledWith(reqPayload);
   });
   it('at wt-status-select "change" to "pause" event, pause causes are loaded', async () => {
     const wrapper = shallowMount(WtCcAgentStatusSelect, mountOptions);
-    wrapper.findComponent({ name: 'wt-status-select' })
-    .vm.$emit('change', AgentStatus.PAUSE);
+    wrapper.findComponent({ name: 'wt-status-select' }).vm.$emit('change', AgentStatus.PAUSE);
     await wrapper.vm.$nextTick();
     expect(getAgentPauseCausesMock).toHaveBeenCalled();
   });
   it(`at wt-status-select "change" to "pause" event and pause causes truthy response,
    pause-cause-popup appears`, async () => {
     const wrapper = mount(WtCcAgentStatusSelect, mountOptions);
-    wrapper.findComponent({ name: 'wt-status-select' })
-    .vm.$emit('change', AgentStatus.PAUSE);
+    wrapper.findComponent({ name: 'wt-status-select' }).vm.$emit('change', AgentStatus.PAUSE);
     await wrapper.vm.$nextTick(); // load pause causes
     await wrapper.vm.$nextTick();
     await wrapper.vm.$nextTick(); // render popup
-    expect(wrapper.findComponent({ name: 'pause-cause-popup' }).isVisible())
-    .toBe(true);
+    expect(wrapper.findComponent({ name: 'pause-cause-popup' }).isVisible()).toBe(true);
   });
   it(`at pause-cause-popup "change" event, triggers patch agent status
    with "pause" status and passed pauseCause`, async () => {
@@ -76,10 +73,11 @@ describe('Wt Cc Agent Status Select', () => {
     wrapper.vm.openPauseCausePopup();
     await wrapper.vm.$nextTick();
     await wrapper.vm.$nextTick();
-    wrapper.findComponent({ name: 'pause-cause-popup' })
-    .vm.$emit('change', pauseCause);
+    wrapper.findComponent({ name: 'pause-cause-popup' }).vm.$emit('change', pauseCause);
     const reqPayload = {
-      status: AgentStatus.PAUSE, agentId: agent.agentId, pauseCause,
+      status: AgentStatus.PAUSE,
+      agentId: agent.agentId,
+      pauseCause,
     };
     expect(agentStatusMock).toHaveBeenCalledWith(reqPayload);
   });

package/src/modules/AgentStatusSelect/components/__tests__/wt-cc-pause-cause-popup.spec.js

@@ -4,8 +4,7 @@ import WtCcPauseCausePopup from '../_internals/wt-cc-pause-cause-popup.vue';
 describe('Pause cause popup', () => {
   it('renders a component', () => {
     const wrapper = shallowMount(WtCcPauseCausePopup);
-    expect(wrapper.exists())
-    .toBe(true);
+    expect(wrapper.exists()).toBe(true);
   });
   it('at option input event, sets "selected" its value', () => {
     const value = 'jest';

package/src/modules/AgentStatusSelect/components/_internals/wt-cc-pause-cause-popup.vue

@@ -57,9 +57,7 @@
 <script setup>
 import { computed, ref, toRef } from 'vue';
 import { useI18n } from 'vue-i18n';
-import {
-  useRepresentableAgentPauseCause,
-} from '../../../../composables/useRepresentableAgentPauseCause/useRepresentableAgentPauseCause.js';
+import { useRepresentableAgentPauseCause } from '../../../../composables/useRepresentableAgentPauseCause/useRepresentableAgentPauseCause.js';
 
 const props = defineProps({
   options: {
@@ -78,15 +76,17 @@ const { t } = useI18n();
 
 const { representablePauseCause } = useRepresentableAgentPauseCause(options);
 
-const pauseCause = computed(() => representablePauseCause.value.map((cause) => ({
-  ...cause,
-  duration: cause.isOverflow
-    ? `-${cause.durationMin - cause.limitMin} ${t('webitelUI.agentStatusSelect.pauseCausePopup.min')}`
-    : `${cause.durationMin} ${t('webitelUI.agentStatusSelect.pauseCausePopup.min')}`,
-  limit: cause.limitMin
-    ? `${cause.limitMin} ${t('webitelUI.agentStatusSelect.pauseCausePopup.min')}`
-    : t('webitelUI.agentStatusSelect.pauseCausePopup.unlimited'),
-})));
+const pauseCause = computed(() =>
+  representablePauseCause.value.map((cause) => ({
+    ...cause,
+    duration: cause.isOverflow
+      ? `-${cause.durationMin - cause.limitMin} ${t('webitelUI.agentStatusSelect.pauseCausePopup.min')}`
+      : `${cause.durationMin} ${t('webitelUI.agentStatusSelect.pauseCausePopup.min')}`,
+    limit: cause.limitMin
+      ? `${cause.limitMin} ${t('webitelUI.agentStatusSelect.pauseCausePopup.min')}`
+      : t('webitelUI.agentStatusSelect.pauseCausePopup.unlimited'),
+  })),
+);
 
 function select(option) {
   selected.value = option;

package/src/modules/AgentStatusSelect/components/_internals/wt-cc-status-select-error-popup.vue

@@ -42,7 +42,6 @@ const emit = defineEmits(['close']);
 function close() {
   emit('close');
 }
-
 </script>
 
 <style lang="scss" scoped>

package/src/modules/AgentStatusSelect/components/wt-cc-agent-status-select.vue

@@ -4,7 +4,7 @@
       :status="status"
       :status-duration="statusDuration"
       @closed="handleClosed"
-      @change="handleStatusSelectInput"
+      @change="handleSelectInput"
     />
     <pause-cause-popup
       v-if="isPauseCausePopup"
@@ -54,6 +54,7 @@ const PauseCauseAPI = PauseCauseAPIFactory(api);
 const isPauseCausePopup = ref(false);
 const pauseCauses = ref([]);
 const error = ref(null);
+const chosenStatus = ref('');
 
 function openPauseCausePopup() {
   isPauseCausePopup.value = true;
@@ -83,21 +84,33 @@ async function changeStatus({ status, pauseCause }) {
   }
 }
 
-async function handleStatusSelectInput(status) {
-  if (status === props.status) return;
-
+async function handleStatus(status) {
   if (status === AgentStatus.PAUSE) {
     await loadPauseCauses();
     if (pauseCauses.value.length) {
       openPauseCausePopup();
+      return;
     }
-  } else {
-    await changeStatus({ status });
   }
+  if (status === props.status) return;
+  await changeStatus({ status });
+}
+
+function handleSelectInput(newStatus) {
+  handleStatus(newStatus);
+  chosenStatus.value = newStatus;
+  // we need to save changes which come from input, because sometimes we want
+  // to choose 'pause' repeatedly and have to check the previous status
 }
 
 function handleClosed(event) {
-  return handleStatusSelectInput(event.value);
+  // sometimes we want to choose 'pause' repeatedly
+  // but 'change' event from wt-status-select can't give us the same value,
+  // in this case we have to use value from 'closed' event to choose 'pause' status
+  if ((event.value === chosenStatus.value || !chosenStatus.value) // if closed status the same as chosen, or chosen status is empty
+    && event.value === AgentStatus.PAUSE) { // and only for 'pause' status
+    handleStatus(event.value);
+  }
 }
 
 function handlePauseCauseInput(pauseCause) {

package/src/modules/Appearance/components/__tests__/wt-dark-mode-switcher.spec.js

@@ -19,10 +19,8 @@ describe('WtDarkModeSwitcher', () => {
   });
 
   it('toggles dark mode class', async () => {
-    expect(window.document.documentElement.classList.contains('theme--dark'))
-    .toBe(false);
+    expect(window.document.documentElement.classList.contains('theme--dark')).toBe(false);
     await wrapper.findComponent({ name: 'wt-switcher' }).trigger('change');
-    expect(window.document.documentElement.classList.contains('theme--dark'))
-    .toBe(true);
+    expect(window.document.documentElement.classList.contains('theme--dark')).toBe(true);
   });
 });

package/src/modules/Appearance/components/wt-dark-mode-switcher.vue

@@ -1,5 +1,4 @@
 <script setup>
-
 import { ref } from 'vue';
 import { useStore } from 'vuex';
 import WtIcon from '../../../components/wt-icon/wt-icon.vue';

package/src/modules/AuditForm/components/__tests__/audit-form-question-read-wrapper.spec.js

@@ -1,6 +1,5 @@
 import { shallowMount } from '@vue/test-utils';
-import AuditFormQuestionReadWrapper
-  from '../audit-form-question-read-wrapper.vue';
+import AuditFormQuestionReadWrapper from '../audit-form-question-read-wrapper.vue';
 
 describe('AuditFormQuestionReadWrapper', () => {
   it('renders a component', () => {

package/src/modules/AuditForm/components/__tests__/audit-form-question-write-wrapper.spec.js

@@ -1,14 +1,9 @@
 import { shallowMount } from '@vue/test-utils';
 import { EngineAuditQuestionType } from 'webitel-sdk';
-import {
-  generateQuestionOptionsSchema,
-} from '../../schemas/AuditFormQuestionOptionsSchema.js';
+import { generateQuestionOptionsSchema } from '../../schemas/AuditFormQuestionOptionsSchema.js';
 import { generateQuestionSchema } from '../../schemas/AuditFormQuestionSchema.js';
-import {
-  generateQuestionScoreSchema,
-} from '../../schemas/AuditFormQuestionScoreSchema.js';
-import AuditFormQuestionWriteWrapper
-  from '../audit-form-question-write-wrapper.vue';
+import { generateQuestionScoreSchema } from '../../schemas/AuditFormQuestionScoreSchema.js';
+import AuditFormQuestionWriteWrapper from '../audit-form-question-write-wrapper.vue';
 
 const v = { question: {} };
 
@@ -30,11 +25,8 @@ describe('AuditFormQuestionWriteWrapper', () => {
         v,
       },
     });
-    wrapper.findComponent({ name: 'wt-switcher' })
-    .vm
-    .$emit('change', !question.required);
-    expect(wrapper.emitted()['change:question'][0][0].required)
-    .toBe(!question.required);
+    wrapper.findComponent({ name: 'wt-switcher' }).vm.$emit('change', !question.required);
+    expect(wrapper.emitted()['change:question'][0][0].required).toBe(!question.required);
   });
   it('correctly changes question type to Score', () => {
     const question = {};
@@ -44,12 +36,11 @@ describe('AuditFormQuestionWriteWrapper', () => {
         v,
       },
     });
-    wrapper.find('.audit-form-question-write-content-question')
-    .findComponent({ name: 'wt-select' })
-    .vm
-    .$emit('input', { value: EngineAuditQuestionType.Score });
-    expect(wrapper.emitted()['change:question'][0][0])
-    .toEqual(generateQuestionScoreSchema());
+    wrapper
+      .find('.audit-form-question-write-content-question')
+      .findComponent({ name: 'wt-select' })
+      .vm.$emit('input', { value: EngineAuditQuestionType.Score });
+    expect(wrapper.emitted()['change:question'][0][0]).toEqual(generateQuestionScoreSchema());
   });
   it('correctly changes question type to Options', () => {
     const question = {};
@@ -59,11 +50,10 @@ describe('AuditFormQuestionWriteWrapper', () => {
         v,
       },
     });
-    wrapper.find('.audit-form-question-write-content-question')
-    .findComponent({ name: 'wt-select' })
-    .vm
-    .$emit('input', { value: EngineAuditQuestionType.Option });
-    expect(wrapper.emitted()['change:question'][0][0])
-    .toEqual(generateQuestionOptionsSchema());
+    wrapper
+      .find('.audit-form-question-write-content-question')
+      .findComponent({ name: 'wt-select' })
+      .vm.$emit('input', { value: EngineAuditQuestionType.Option });
+    expect(wrapper.emitted()['change:question'][0][0]).toEqual(generateQuestionOptionsSchema());
   });
 });

package/src/modules/AuditForm/components/__tests__/audit-form.spec.js

@@ -1,8 +1,6 @@
 import { mount } from '@vue/test-utils';
 import { ref } from 'vue';
-import {
-  useDestroyableSortable,
-} from '../../../../composables/useDestroyableSortable/useDestroyableSortable.js';
+import { useDestroyableSortable } from '../../../../composables/useDestroyableSortable/useDestroyableSortable.js';
 import { generateQuestionSchema } from '../../schemas/AuditFormQuestionSchema.js';
 import AuditForm from '../audit-form.vue';
 
@@ -32,8 +30,9 @@ describe('AuditForm', () => {
     await wrapper.vm.$nextTick();
     await wrapper.vm.$nextTick();
     console.info(wrapper.html());
-    expect(wrapper.emitted()['update:questions'][0][0])
-    .toEqual([generateQuestionSchema({ required: true })]);
+    expect(wrapper.emitted()['update:questions'][0][0]).toEqual([
+      generateQuestionSchema({ required: true }),
+    ]);
   });
   it('delete event from child question emits update without passed question', async () => {
     const wrapper = mount(AuditForm, {
@@ -42,11 +41,8 @@ describe('AuditForm', () => {
         questions: [generateQuestionSchema()],
       },
     });
-    await wrapper.findComponent({ name: 'audit-form-question' })
-    .vm
-    .$emit('delete', { key: 0 });
-    expect(wrapper.emitted()['update:questions'][0][0])
-    .toEqual([]);
+    await wrapper.findComponent({ name: 'audit-form-question' }).vm.$emit('delete', { key: 0 });
+    expect(wrapper.emitted()['update:questions'][0][0]).toEqual([]);
   });
   it('copy event from child question emits update with duplicated questions', async () => {
     const question = generateQuestionSchema();
@@ -56,21 +52,16 @@ describe('AuditForm', () => {
         questions: [question],
       },
     });
-    await wrapper.findComponent({ name: 'audit-form-question' })
-    .vm
-    .$emit('copy', { question, key: 0 });
-    expect(wrapper.emitted()['update:questions'][0][0])
-    .toEqual([question, question]);
+    await wrapper
+      .findComponent({ name: 'audit-form-question' })
+      .vm.$emit('copy', { question, key: 0 });
+    expect(wrapper.emitted()['update:questions'][0][0]).toEqual([question, question]);
   });
   it('initializes result depending on passed questions', () => {
     const wrapper = mount(AuditForm, {
       props: {
         mode: 'fill',
-        questions: [
-          generateQuestionSchema(),
-          generateQuestionSchema(),
-          generateQuestionSchema(),
-        ],
+        questions: [generateQuestionSchema(), generateQuestionSchema(), generateQuestionSchema()],
       },
     });
     expect(wrapper.emitted()['update:result'][0][0]).toEqual([{}, {}, {}]);

package/src/modules/AuditForm/components/audit-form-question-read-wrapper.vue

@@ -73,10 +73,7 @@ const props = defineProps({
   },
 });
 
-const emit = defineEmits([
-  'change:result',
-  'activate',
-]);
+const emit = defineEmits(['change:result', 'activate']);
 
 const QuestionTypeComponent = computed(() => {
   if (props.question.type === EngineAuditQuestionType.Option) return AuditFormQuestionOptions;