feat: add vitest-utils, resolves: #27

src/entities/board/ui/__tests__/BoardPreviewCard.spec.ts

@@ -1,20 +1,9 @@
 import { describe, it, expect, vi } from 'vitest';
 import { mount } from '@vue/test-utils';
+import '@/shared/lib/vitest-utils/cookiesI18n-mock';
 import i18n from '@/shared/lib/i18n';
 import BoardPreviewCard from '../BoardPreviewCard.vue';
 
-// TODO: think about putting this mock in /shared/vitest-utils maybe
-// so, the problem - is often used in many tests
-vi.mock('@vueuse/integrations/useCookies', () => {
-  return {
-    useCookies: () => ({
-      get: (key: string) => {
-        return key === 'i18n' ? 'en-US' : undefined;
-      }
-    })
-  };
-});
-
 const mockRouter = {
   push: vi.fn(),
   beforeEach: vi.fn()

src/entities/board/ui/__tests__/ColumnItem.spec.ts

@@ -1,17 +1,8 @@
-import { describe, expect, it, vi } from 'vitest';
+import { describe, expect, it } from 'vitest';
 import { mount } from '@vue/test-utils';
-import ColumnItem from '../ColumnItem.vue';
+import '@/shared/lib/vitest-utils/cookiesI18n-mock';
 import i18n from '@/shared/lib/i18n';
-
-vi.mock('@vueuse/integrations/useCookies', () => {
-  return {
-    useCookies: () => ({
-      get(key: string) {
-        return key === 'i18n' ? 'en-US' : undefined;
-      }
-    })
-  };
-});
+import ColumnItem from '../ColumnItem.vue';
 
 describe('tests for ColumnItem.vue', () => {
   const wrapper = mount(ColumnItem, {

src/entities/chart/ui/__tests__/ChartItem.spec.ts

@@ -1,18 +1,9 @@
-import { describe, it, expect, vi } from 'vitest';
+import { describe, it, expect } from 'vitest';
 import { shallowMount } from '@vue/test-utils';
-import ChartItem from '../ChartItem.vue';
 import { defineComponent, h } from 'vue';
+import '@/shared/lib/vitest-utils/cookiesI18n-mock';
 import i18n from '@/shared/lib/i18n';
-
-vi.mock('@vueuse/integrations/useCookies', () => {
-  return {
-    useCookies: () => ({
-      get(key: string) {
-        return key === 'i18n' ? 'en-US' : undefined;
-      }
-    })
-  };
-});
+import ChartItem from '../ChartItem.vue';
 
 const TestChartComponent = defineComponent({
   render() {

src/entities/template/ui/__tests__/TemplateItem.spec.ts

@@ -1,19 +1,10 @@
-import { describe, it, expect, vi } from 'vitest';
+import { describe, it, expect } from 'vitest';
 import { shallowMount } from '@vue/test-utils';
+import '@/shared/lib/vitest-utils/cookiesI18n-mock';
 import i18n from '@/shared/lib/i18n';
 import TemplateItem from '../TemplateItem.vue';
 import { _templates } from '../../config';
 
-vi.mock('@vueuse/integrations/useCookies', () => {
-  return {
-    useCookies: () => ({
-      get(key: string) {
-        return key === 'i18n' ? 'en-US' : undefined;
-      }
-    })
-  };
-});
-
 describe('tests for TemplateItem.vue ', () => {
   const wrapper = shallowMount(TemplateItem, {
     global: {

src/features/settings/lang-switcher/ui/__tests__/LanguageSwitcher.spec.ts

@@ -1,21 +1,12 @@
 import { mount } from '@vue/test-utils';
 import { describe, it, expect, vi } from 'vitest';
-import LanguageSwitcher from '../LanguageSwitcher.vue';
-import i18n from '@/shared/lib/i18n';
 import { nextTick, ref, shallowReactive } from 'vue';
+import '@/shared/lib/vitest-utils/cookiesI18n-mock';
+import i18n from '@/shared/lib/i18n';
+import LanguageSwitcher from '../LanguageSwitcher.vue';
 import { useLanguage } from '@/shared/lib/composables';
 import { useI18n } from 'vue-i18n';
 
-vi.mock('@vueuse/integrations/useCookies', () => {
-  return {
-    useCookies: () => ({
-      get(key: string) {
-        return key === 'i18n' ? 'en-US' : undefined;
-      }
-    })
-  };
-});
-
 vi.mock('vue-i18n', async (importOriginal) => {
   const actual = await importOriginal();
   return {

src/features/settings/theme-switcher/ui/__tests__/ThemeSwitcher.spec.ts

@@ -1,6 +1,7 @@
 import { describe, it, expect, vi } from 'vitest';
 import { mount } from '@vue/test-utils';
 import { ref, shallowRef } from 'vue';
+import '@/shared/lib/vitest-utils/cookiesI18n-mock';
 import useTheme from '../../lib/composables/useTheme';
 import ThemeSwitcher from '../ThemeSwitcher.vue';
 import i18n from '@/shared/lib/i18n';
@@ -11,16 +12,6 @@ vi.mock('@vueuse/core', () => ({
   }))
 }));
 
-vi.mock('@vueuse/integrations/useCookies', () => {
-  return {
-    useCookies: () => ({
-      get(key: string) {
-        return key === 'i18n' ? 'en-US' : undefined;
-      }
-    })
-  };
-});
-
 describe('tests for ThemeSwitcher.vue', () => {
   const wrapper = mount(ThemeSwitcher, {
     global: {

src/shared/lib/vitest-utils/cookiesI18n-mock.ts

@@ -0,0 +1,11 @@
+import { vi } from 'vitest';
+
+vi.mock('@vueuse/integrations/useCookies', () => {
+  return {
+    useCookies: () => ({
+      get(key: string) {
+        return key === 'i18n' ? 'en-US' : undefined;
+      }
+    })
+  };
+});

src/widgets/layout/ui/footer/__tests__/FooterWelcome.spec.ts

@@ -1,17 +1,8 @@
-import { describe, it, expect, vi } from 'vitest';
+import { describe, it, expect } from 'vitest';
 import { shallowMount } from '@vue/test-utils';
-import FooterWelcome from '../AppFooter.vue';
+import '@/shared/lib/vitest-utils/cookiesI18n-mock';
 import i18n from '@/shared/lib/i18n';
-
-vi.mock('@vueuse/integrations/useCookies', () => {
-  return {
-    useCookies: () => ({
-      get: (key: string) => {
-        return key === 'i18n' ? 'en-US' : undefined;
-      }
-    })
-  };
-});
+import FooterWelcome from '../AppFooter.vue';
 
 describe('tests for FooterWelcome.vue', () => {
   const wrapper = shallowMount(FooterWelcome, {

src/widgets/layout/ui/header/__tests__/HeaderWelcome.spec.ts

@@ -1,20 +1,11 @@
 import { mount } from '@vue/test-utils';
 import { describe, it, expect, vi } from 'vitest';
+import { nextTick } from 'vue';
+import '@/shared/lib/vitest-utils/cookiesI18n-mock';
 import HeaderWelcome from '../HeaderWelcome.vue';
 import i18n from '@/shared/lib/i18n';
 import { UiButton, UiSelect } from '@/shared/ui';
 import { Moon, Sun } from 'lucide-vue-next';
-import { nextTick } from 'vue';
-
-vi.mock('@vueuse/integrations/useCookies', () => {
-  return {
-    useCookies: () => ({
-      get: (key: string) => {
-        return key === 'i18n' ? 'en-US' : undefined;
-      }
-    })
-  };
-});
 
 const mockRouter = {
   push: vi.fn(),

src/widgets/layout/ui/header/__tests__/UserMenu.spec.ts

@@ -1,20 +1,11 @@
 import { describe, it, expect, vi } from 'vitest';
 import { mount } from '@vue/test-utils';
 import { nextTick } from 'vue';
-import UserMenu from '../UserMenu.vue';
+import '@/shared/lib/vitest-utils/cookiesI18n-mock';
 import i18n from '@/shared/lib/i18n';
+import UserMenu from '../UserMenu.vue';
 import { UiDropdownItem } from '@/shared/ui';
 
-vi.mock('@vueuse/integrations/useCookies', () => {
-  return {
-    useCookies: () => ({
-      get: (key: string) => {
-        return key === 'i18n' ? 'en-US' : undefined;
-      }
-    })
-  };
-});
-
 const mockRouter = {
   push: vi.fn(),
   beforeEach: vi.fn()

src/widgets/layout/ui/sidebar/__tests__/WorkSpace.spec.ts

@@ -1,24 +1,15 @@
 import { describe, it, expect, vi } from 'vitest';
 import { mount, RouterLinkStub } from '@vue/test-utils';
+import { h } from 'vue';
+import { useRoute } from 'vue-router';
+import '@/shared/lib/vitest-utils/cookiesI18n-mock';
 import WorkSpace from '../WorkSpace.vue';
 import i18n from '@/shared/lib/i18n';
 import { RouteNames } from '@/shared/config/consts';
-import { h } from 'vue';
 import { SquareDashedKanban } from 'lucide-vue-next';
-import { useRoute } from 'vue-router';
 
 vi.mock('vue-router');
 
-vi.mock('@vueuse/integrations/useCookies', () => {
-  return {
-    useCookies: () => ({
-      get(key: string) {
-        return key === 'i18n' ? 'en-US' : undefined;
-      }
-    })
-  };
-});
-
 describe('tests for WorkSpace.vue', () => {
   //@ts-expect-error mock types
   useRoute.mockReturnValue({