Initial commit

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

@@ -0,0 +1,114 @@
+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";
+
+vi.mock('axios')
+
+describe("tests SitesManagerPage component mounted with vuex", () => {
+  const store = createStore({
+    plugins: [],
+    modules: {
+      services,
+      users
+    },
+  })
+
+  beforeEach(async () => {
+    store.dispatch('users/resetStore')
+    store.dispatch('services/resetStore')
+
+    const mockData = [
+      {
+        "id": 1,
+        "created_at": "2024-02-22T17:08:37.715772388+03:00",
+        "updated_at": "2024-02-26T14:11:38.64094899+03:00",
+        "deleted_at": null,
+        "name": "jsonplaceholder.typicode.com",
+        "port": 9965,
+        "proxy_ip": "172.25.78.153",
+        "site_ip": "172.25.78.153",
+        "internet_uri": "localhost",
+        "description": "localhost",
+        "is_online": true
+      }
+    ]
+    axios.get.mockResolvedValue({
+      data: mockData,
+    })
+
+    await store.dispatch('services/uploadSites')
+
+    store.dispatch('services/uploadAndSelectService', 1)
+  })
+
+  test('test UsersManager mounted with vuex', async () => {
+    const wrapper = mount(UsersManager, {
+      shallow: true,
+      global: {
+        plugins: [store]
+      }
+    })
+
+    const componentState = wrapper.vm.componentState
+    const gridCols = wrapper.vm.gridCols
+    expect(componentState).toBe('view')
+    expect(gridCols).toBe('grid-cols-1')
+  })
+
+  test('test UsersManager create user button', async () => {
+    const wrapper = mount(UsersManager, {
+      global: {
+        plugins: [store]
+      }
+    })
+
+    await wrapper.vm.openUserPanelOfCreate()
+
+    let componentState = wrapper.vm.componentState
+    let gridCols = wrapper.vm.gridCols
+
+    let wrapperHtml = wrapper.html()
+    expect(componentState).toBe('create')
+    expect(gridCols).toBe('grid-cols-2')
+    expect(wrapperHtml).toContain("Создать пользователя")
+
+    await wrapper.vm.openUserPanelOfSelect()
+    wrapperHtml = wrapper.html()
+    componentState = wrapper.vm.componentState
+    gridCols = wrapper.vm.gridCols
+    expect(componentState).toBe('select')
+    expect(gridCols).toBe('grid-cols-2')
+    expect(wrapperHtml).toContain("Выбрать пользователя")
+    expect(wrapperHtml).toContain("Выбрать пользователя")
+
+    await wrapper.vm.closeUserPanel()
+    wrapperHtml = wrapper.html()
+    componentState = wrapper.vm.componentState
+    gridCols = wrapper.vm.gridCols
+    expect(componentState).toBe('view')
+    expect(gridCols).toBe('grid-cols-1')
+    expect(wrapperHtml).not.toContain("Выбрать пользователя")
+    expect(wrapperHtml).not.toContain("Создать пользователя")
+  })
+
+  test('test UsersManager select user button', async () => {
+    const wrapper = mount(UsersManager, {
+      shallow: true,
+      global: {
+        plugins: [store]
+      }
+    })
+
+    wrapper.vm.openUserPanelOfSelect()
+    const componentState = wrapper.vm.componentState
+    const gridCols = wrapper.vm.gridCols
+    expect(componentState).toBe('select')
+    expect(gridCols).toBe('grid-cols-2')
+  })
+})
+
+

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

@@ -0,0 +1,16 @@
+import {test, describe, expect} from 'vitest'
+import { mount} from '@vue/test-utils'
+import UsersManagerContainer from '@organisms/UsersManager/UsersManagerContainer.vue';
+
+describe("tests UsersManagerContainer component", () => {
+  test('mount test of UsersManagerContainer', async () => {
+
+    const wrapper = mount(UsersManagerContainer, {
+      shallow: true,
+    })
+
+    expect(wrapper.exists()).toBe(true)
+  })
+})
+
+

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

@@ -0,0 +1,16 @@
+import {test, describe, expect} from 'vitest'
+import { mount} from '@vue/test-utils'
+import UsersManagerUsersTable from '@organisms/UsersManager/UsersManagerUsersTable.vue';
+
+describe("tests UsersManagerUsersTable component", () => {
+  test('mount test of UsersManagerUsersTable', async () => {
+
+    const wrapper = mount(UsersManagerUsersTable, {
+      shallow: true,
+    })
+
+    expect(wrapper.exists()).toBe(true)
+  })
+})
+
+

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

@@ -0,0 +1,16 @@
+import {test, describe, expect} from 'vitest'
+import { mount} from '@vue/test-utils'
+import UsersManagerTitle from '@organisms/UsersManager/UsersManagerTitle.vue';
+
+describe("tests UsersManagerTitle component", () => {
+  test('mount test of UsersManagerTitle', async () => {
+
+    const wrapper = mount(UsersManagerTitle, {
+      shallow: true,
+    })
+
+    expect(wrapper.exists()).toBe(true)
+  })
+})
+
+

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

@@ -0,0 +1,56 @@
+import { mount} from '@vue/test-utils'
+import { expect, test, describe, vi, beforeEach } from 'vitest'
+import UsersManagerUserEditor from '@organisms/UsersManager/UsersManagerUserEditor.vue';
+import { createStore } from 'vuex'
+import {store as users} from '@/store/modules/users';
+import axios from "axios";
+
+vi.mock('axios')
+
+describe("tests UsersManagerUserEditor component mounted with vuex", () => {
+  const store = createStore({
+    plugins: [],
+    modules: {
+      users
+    },
+  })
+
+  beforeEach( async () => {
+    store.dispatch('users/resetStore')
+
+    const mockData = [
+      {
+        "id": 1,
+        "created_at": "2024-02-22T17:08:37.715772388+03:00",
+        "updated_at": "2024-02-26T14:11:38.64094899+03:00",
+        "deleted_at": null,
+        "name": "jsonplaceholder.typicode.com",
+        "port": 9965,
+        "proxy_ip": "172.25.78.153",
+        "site_ip": "172.25.78.153",
+        "internet_uri": "localhost",
+        "description": "localhost",
+        "is_online": true
+      }
+    ]
+    axios.get.mockResolvedValue({
+      data: mockData,
+    })
+    await store.dispatch('services/uploadSites')
+
+    store.dispatch('services/uploadAndSelectService', 1)
+  })
+
+  test('tests UsersManager mounted with vuex', async () => {
+    const wrapper = mount(UsersManagerUserEditor, {
+      shallow: true,
+      global: {
+        plugins: [store]
+      }
+    })
+
+    expect(wrapper.exists()).toBe(true)
+  })
+})
+
+