63-refactor: migrate to fsd

.gitignore

@@ -26,7 +26,7 @@ dist-ssr
 *.njsproj
 *.sln
 *.sw?
-src/__tests__/visualTesting/results
-src/__tests__/visualTesting/report
+src/shared/__tests__/visualTesting/results
+src/shared/__tests__/visualTesting/report
 /blob-report/
 /playwright/.cache/

eslint.config.js

@@ -19,7 +19,7 @@ export default [
       'build/',
       'coverage/',
       'optimizeImages/',
-      'src/__tests__/',
+      'src/shared/__tests__/',
       'vite.config.ts',
       'vitest.config.ts',
       'eslint.config.js',

package.json

@@ -71,4 +71,4 @@
     "vite": "^5.2.12",
     "vitest": "^1.5.0"
   }
-}
+}

playwright.config.ts

@@ -1,19 +1,19 @@
 import { defineConfig, devices } from '@playwright/test';
 
 export default defineConfig({
-  testDir: 'src/__tests__/visualTesting',
+  testDir: 'src/shared/__tests__/visualTesting',
   fullyParallel: true,
   forbidOnly: !!process.env.CI,
   retries: process.env.CI ? 2 : 0,
   workers: process.env.CI ? 1 : undefined,
   reporter: process.env.CI
     ? 'dot'
-    : [['html', { outputFolder: 'src/__tests__/visualTesting/report' }]],
+    : [['html', { outputFolder: 'src/shared/__tests__/visualTesting/report' }]],
   use: {
     baseURL: 'http://localhost:5173',
     trace: 'off',
   },
-  outputDir: 'src/__tests__/visualTesting/results',
+  outputDir: 'src/shared/__tests__/visualTesting/results',
   projects: [
     {
       name: 'Mobile Chrome',

readme/end-to-end-testing.md

@@ -46,7 +46,7 @@ npx playwright test --ui
 
 <img src="./assets/end-to-end-testing/UI.jpg" alt="image">
 
-- if there are any problems whith screenshots comparison, go to `src/__tests__/visualTesting/results` and watch the results like this:
+- if there are any problems whith screenshots comparison, go to `src/shared/__tests__/visualTesting/results` and watch the results like this:
 
 <img src="./assets/end-to-end-testing/origin-diff.png" alt="image">
 
@@ -58,7 +58,7 @@ npx playwright test --ui
 npx playwright test
 ```
 
-- if there are any problems whith screenshots comparison, go to `src/__tests__/visualTesting/results` and watch the results.
+- if there are any problems whith screenshots comparison, go to `src/shared/__tests__/visualTesting/results` and watch the results.
 
 ### 🔁Update Screenshots
 
@@ -70,7 +70,7 @@ When intentional design changes cause test failures, to create new references us
 npx playwright test --update-snapshots
 ```
 
-- to update one or several screenshots only, please delete outdated reference images from the according folder (`src/__tests__/visualTesting/[NAME_OF_THE_TEST].spec.ts-snapshots`) and rerun tests again. On testing without samples, Playwright firstly will create them from your code.
+- to update one or several screenshots only, please delete outdated reference images from the according folder (`src/shared/__tests__/visualTesting/[NAME_OF_THE_TEST].spec.ts-snapshots`) and rerun tests again. On testing without samples, Playwright firstly will create them from your code.
 
 ### 👀 Real-time Browsing via Specified Engine
 
@@ -96,7 +96,7 @@ If intentional changes affect the site's appearance, update the reference images
 
 ### 🗐 Screenshot Comparison Failed
 
-When tests fail, review the error messages and comparison images in the `src/__tests__/visualTesting/results` folder to understand what went wrong. Common issues include layout shifts, missing elements, or unintended changes in styling.
+When tests fail, review the error messages and comparison images in the `src/shared/__tests__/visualTesting/results` folder to understand what went wrong. Common issues include layout shifts, missing elements, or unintended changes in styling.
 
 ### ⏳Timeout Error
 

src/features/base-layout/components/footer/about-list.tsx → src/app/layouts/base-layout/components/footer/about-list.tsx

@@ -1,6 +1,6 @@
 import { Link } from 'react-router-dom';
-import { LogoWrapper } from '@/app/components';
 import { buildUrl } from '@/app/services/platform';
+import { LogoWrapper } from '@/shared/ui/logo-wrapper';
 
 const aboutList = [
   {

src/features/base-layout/components/footer/desktop-view.tsx → src/app/layouts/base-layout/components/footer/desktop-view.tsx

@@ -1,5 +1,5 @@
 import { AboutList } from './about-list';
-import { SchoolMenu } from '@/app/components';
+import { SchoolMenu } from '@/widgets/school-menu';
 
 export const DesktopView = () => {
   return (

src/features/base-layout/components/footer/footer.test.tsx → src/app/layouts/base-layout/components/footer/footer.test.tsx

@@ -1,12 +1,10 @@
 import { type Mock, describe, expect, it } from 'vitest';
 import { Footer } from './footer';
-import { renderWithRouter } from '@/__tests__/utils';
-import { useWindowSize } from '@/app/hooks';
+import { renderWithRouter } from '@/shared/__tests__/utils';
+import { useWindowSize } from '@/shared/hooks/use-window-size';
 
-vi.mock('@/app/hooks', () => ({
-  useWindowSize: vi.fn().mockImplementation(() => ({ width: 1200 })),
-  useDataByName: vi.fn().mockImplementation(() => ({ data: [] })),
-}));
+vi.mock('@/shared/hooks/use-window-size', () => ({ useWindowSize: vi.fn().mockImplementation(() => ({ width: 1200 })) }));
+vi.mock('@/shared/hooks/use-data-by-name', () => ({ useDataByName: vi.fn().mockImplementation(() => ({ data: [] })) }));
 
 describe('Footer', () => {
   it('should render without crashing', () => {

src/features/base-layout/components/footer/footer.tsx → src/app/layouts/base-layout/components/footer/footer.tsx

@@ -1,7 +1,8 @@
 import { Copyright } from './copyright';
 import { DesktopView } from './desktop-view';
-import { MobileView } from '@/app/components';
-import { useWindowSize } from '@/app/hooks';
+
+import { useWindowSize } from '@/shared/hooks/use-window-size';
+import { MobileView } from '@/widgets/mobile-view';
 
 import './footer.scss';
 

src/features/base-layout/components/header/dropdown/dropdown-wrapper.tsx → src/app/layouts/base-layout/components/header/dropdown/dropdown-wrapper.tsx

@@ -1,6 +1,7 @@
 import { ReactNode } from 'react';
 import classNames from 'classnames/bind';
-import { usePositionDropdown } from '@/app/hooks';
+
+import { usePositionDropdown } from '@/shared/hooks/use-position-dropdown';
 
 import styles from './dropdown-wrapper.module.scss';
 

src/features/base-layout/components/header/header.test.tsx → src/app/layouts/base-layout/components/header/header.test.tsx

@@ -4,8 +4,9 @@ import classNames from 'classnames/bind';
 import { Mock, beforeEach, vi } from 'vitest';
 import { DropdownWrapper } from './dropdown/dropdown-wrapper';
 import { Header } from './header';
-import { renderWithRouter } from '@/__tests__/utils';
-import { useWindowSize } from '@/app/hooks';
+import { renderWithRouter } from '@/shared/__tests__/utils';
+
+import { useWindowSize } from '@/shared/hooks/use-window-size';
 
 import stylesDropdown from './dropdown/dropdown-wrapper.module.scss';
 import stylesHeader from './header.module.scss';
@@ -15,8 +16,8 @@ const cxDropdown = classNames.bind(stylesDropdown);
 const cxHeader = classNames.bind(stylesHeader);
 const cxNavItem = classNames.bind(stylesNavItem);
 
-vi.mock('@/app/hooks', async (importOriginal) => {
-  const originalModule = await importOriginal<typeof import('@/app/hooks')>();
+vi.mock('@/shared/hooks/use-window-size', async (importOriginal) => {
+  const originalModule = await importOriginal<typeof import('@/shared/hooks/use-window-size')>();
 
   return {
     ...originalModule,
@@ -112,7 +113,7 @@ describe('Header', () => {
     it('should be open when isDropdownOpen is true', async () => {
       await act(async () =>
         renderWithRouter(
-          <DropdownWrapper onMouseEnter={() => {}} onMouseLeave={() => {}} isOpen={true}>
+          <DropdownWrapper onMouseEnter={() => { }} onMouseLeave={() => { }} isOpen={true}>
             TEST
           </DropdownWrapper>,
         ),

src/features/base-layout/components/header/header.tsx → src/app/layouts/base-layout/components/header/header.tsx

@@ -3,8 +3,10 @@ import classNames from 'classnames/bind';
 import { Link, useLocation } from 'react-router-dom';
 import { BurgerMenu } from './burger/burger';
 import { NavItem } from './nav-item/nav-item';
-import { LogoWrapper, MobileView, SchoolMenu } from '@/app/components';
-import { useWindowSize } from '@/app/hooks';
+import { useWindowSize } from '@/shared/hooks/use-window-size';
+import { LogoWrapper } from '@/shared/ui/logo-wrapper';
+import { MobileView } from '@/widgets/mobile-view';
+import { SchoolMenu } from '@/widgets/school-menu';
 
 import styles from './header.module.scss';