feat(tests): create useCase for UsersInServices

users-manage/tests/views/3_organisms/StaticMocks.js

@@ -0,0 +1,50 @@
+import {createStore} from "vuex";
+
+const users = {
+  namespaced: true,
+  state: {
+    usersOffSite: [],
+  },
+  mutations: {
+    setUsersOffSite(state, users) {
+      state.usersOffSite = users
+    }
+  },
+  getters: {
+    usersOffSite: state => {
+      return state.usersOffSite
+    }
+  },
+  actions: {
+    resetStore({state}) {
+      state.notIncludedSiteUsersList = []
+    },
+    saveUsersOffSite({commit}, users) {
+      console.log(users)
+      commit('setUsersOffSite', users)
+    }
+  },
+}
+
+const store = createStore({
+  plugins: [],
+  modules: {
+    users
+  },
+})
+
+class ServiceOfUsers {
+  constructor(adapter, store) {
+    this.adapter = adapter
+    this.store = store
+  }
+
+  async fetchUsersOffSite() {
+    const usersList = [{id: 1, name: 'user1'}, {id: 2, name: 'user2'}]
+    this.store.dispatch('users/saveUsersOffSite', usersList)
+  }
+}
+
+const serviceOfUsers = new ServiceOfUsers({}, store)
+
+export {store, serviceOfUsers}

users-manage/tests/views/3_organisms/UsersManager.test.js

@@ -1,21 +1,13 @@
 import { mount} from '@vue/test-utils'
 import { expect, test, describe, vi, beforeEach } from 'vitest'
 import UsersManager from '@organisms/UsersManager/UsersManager.vue';
-import { createStore } from 'vuex'
-import {store as services} from '@/store/modules/services';
-import {store as users} from '@/store/modules/users';
 import axios from "axios";
+import {store, serviceOfUsers} from './StaticMocks.js'
 
 vi.mock('axios')
 
+
 describe("tests SitesManagerPage component mounted with vuex", () => {
-  const store = createStore({
-    plugins: [],
-    modules: {
-      services,
-      users
-    },
-  })
 
   vi.mock('tabulator-tables', () => {
     const mockTabulator = vi.fn().mockImplementation(() => ({
@@ -26,7 +18,6 @@ describe("tests SitesManagerPage component mounted with vuex", () => {
 
   beforeEach(async () => {
     store.dispatch('users/resetStore')
-    store.dispatch('services/resetStore')
 
     const mockData = [
       {
@@ -55,12 +46,13 @@ describe("tests SitesManagerPage component mounted with vuex", () => {
   test('test UsersManager mounted with vuex', async () => {
     const wrapper = mount(UsersManager, {
       global: {
-        plugins: [store]
+        plugins: [store],
+        props: {
+          serviceOfUsers
+        }
       }
     })
 
-    console.log(wrapper.html())
-
     const componentState = wrapper.vm.componentState
     const gridCols = wrapper.vm.gridCols
     expect(componentState).toBe('view')
@@ -71,6 +63,9 @@ describe("tests SitesManagerPage component mounted with vuex", () => {
     const wrapper = mount(UsersManager, {
       global: {
         plugins: [store]
+      },
+      props: {
+        serviceOfUsers
       }
     })
 
@@ -82,7 +77,7 @@ describe("tests SitesManagerPage component mounted with vuex", () => {
     let wrapperHtml = wrapper.html()
     expect(componentState).toBe('create')
     expect(gridCols).toBe('grid-cols-2')
-    expect(wrapperHtml).toContain("Создать пользователя")
+    expect(wrapperHtml).toContain("new-user-container")
 
     await wrapper.vm.openUserPanelOfSelect()
     wrapperHtml = wrapper.html()
@@ -100,7 +95,7 @@ describe("tests SitesManagerPage component mounted with vuex", () => {
     expect(componentState).toBe('view')
     expect(gridCols).toBe('grid-cols-1')
     expect(wrapperHtml).not.toContain("Выбрать пользователя")
-    expect(wrapperHtml).not.toContain("Создать пользователя")
+    expect(wrapperHtml).not.toContain("new-user-container")
   })
 
   test('test UsersManager select user button', async () => {
@@ -108,14 +103,22 @@ describe("tests SitesManagerPage component mounted with vuex", () => {
       shallow: true,
       global: {
         plugins: [store]
+      },
+      props: {
+        serviceOfUsers
       }
     })
 
-    wrapper.vm.openUserPanelOfSelect()
+    await wrapper.vm.openUserPanelOfSelect()
+
+    const usersOffSite = store.getters['users/usersOffSite']
+
     const componentState = wrapper.vm.componentState
     const gridCols = wrapper.vm.gridCols
+
     expect(componentState).toBe('select')
     expect(gridCols).toBe('grid-cols-2')
+    expect(usersOffSite).toEqual([{id: 1, name: 'user1'}, {id: 2, name: 'user2'}])
   })
 })
 

users-manage/tests/views/3_organisms/UsersManagerTable.test.js

@@ -11,6 +11,7 @@ describe("tests UsersManagerUsersTable component", () => {
 
     expect(wrapper.exists()).toBe(true)
   })
+
 })