From fee405f0383399179f04c6167d91f198a8b3e41c Mon Sep 17 00:00:00 2001
From: mnenie <121057011+mneniee@users.noreply.github.com>
Date: Sun, 25 Aug 2024 23:51:38 +0300
Subject: [PATCH] resolves: #40

---
 .../theme-switcher/ui/__tests__/ThemeSwitcher.spec.ts    | 2 --
 src/pages/__tests__/NotFound.spec.ts                     | 3 +--
 .../layout/ui/header/__tests__/HeaderWelcome.spec.ts     | 9 ++++-----
 3 files changed, 5 insertions(+), 9 deletions(-)

diff --git a/src/features/settings/theme-switcher/ui/__tests__/ThemeSwitcher.spec.ts b/src/features/settings/theme-switcher/ui/__tests__/ThemeSwitcher.spec.ts
index 8186f66..243dd5b 100644
--- a/src/features/settings/theme-switcher/ui/__tests__/ThemeSwitcher.spec.ts
+++ b/src/features/settings/theme-switcher/ui/__tests__/ThemeSwitcher.spec.ts
@@ -34,8 +34,6 @@ describe('tests for ThemeSwitcher.vue', () => {
     expect(wrapper.html()).toMatchSnapshot();
   });
   it('should render subcomponents', () => {
-    // TODO: change `findComponent` selector -> name in another tests
-    // So the problem with component import is solved ✅
     expect(wrapper.findComponent({ name: 'UiRadioGroupContainer' }).exists()).toBe(true);
     expect(wrapper.findComponent({ name: 'UiButton' }).exists()).toBe(true);
   });
diff --git a/src/pages/__tests__/NotFound.spec.ts b/src/pages/__tests__/NotFound.spec.ts
index b563d2a..fbcf742 100644
--- a/src/pages/__tests__/NotFound.spec.ts
+++ b/src/pages/__tests__/NotFound.spec.ts
@@ -2,7 +2,6 @@ import { shallowMount } from '@vue/test-utils';
 import { describe, it, expect, vi } from 'vitest';
 import NotFound from '../NotFoundPage.vue';
 import { useHead } from '@unhead/vue';
-import { UiButton } from '@/shared/ui';
 
 vi.mock('@unhead/vue', () => ({
   useHead: vi.fn()
@@ -33,7 +32,7 @@ describe('tests for NotFoundPage.vue', () => {
   });
 
   it('should redirect correctly', async () => {
-    await wrapper.findComponent(UiButton).trigger('click');
+    await wrapper.findComponent({ name: 'UiButton' }).trigger('click');
     expect(mockRouter.push).toHaveBeenCalledWith({ name: 'boards' });
   });
 });
diff --git a/src/widgets/layout/ui/header/__tests__/HeaderWelcome.spec.ts b/src/widgets/layout/ui/header/__tests__/HeaderWelcome.spec.ts
index 1ceaac8..7263a55 100644
--- a/src/widgets/layout/ui/header/__tests__/HeaderWelcome.spec.ts
+++ b/src/widgets/layout/ui/header/__tests__/HeaderWelcome.spec.ts
@@ -4,7 +4,6 @@ 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';
 
 const mockRouter = {
@@ -41,8 +40,8 @@ describe('tests for HeaderWelcome.vue', () => {
   });
 
   it('should render subcomponents', () => {
-    expect(wrapper.findComponent(UiButton).exists()).toBe(true);
-    expect(wrapper.findComponent(UiSelect).exists()).toBe(true);
+    expect(wrapper.findComponent({ name: 'UiButton' }).exists()).toBe(true);
+    expect(wrapper.findComponent({ name: 'UiSelect' }).exists()).toBe(true);
   });
 
   it('should handle mode + icon changing', async () => {
@@ -62,14 +61,14 @@ describe('tests for HeaderWelcome.vue', () => {
   });
 
   it('should redirect correctly to login', async () => {
-    const loginButton = wrapper.find('.btns').findAllComponents(UiButton).at(0);
+    const loginButton = wrapper.find('.btns').findAllComponents({ name: 'UiButton' }).at(0);
 
     await loginButton.trigger('click');
     expect(mockRouter.push).toHaveBeenCalledWith({ name: 'login' });
   });
 
   it('should redirect correctly to registration', async () => {
-    const registrationButton = wrapper.find('.btns').findAllComponents(UiButton).at(1);
+    const registrationButton = wrapper.find('.btns').findAllComponents({ name: 'UiButton' }).at(1);
 
     await registrationButton.trigger('click');
     expect(mockRouter.push).toHaveBeenCalledWith({ name: 'registration' });