158 Co-located unit tests

.github/copilot-instructions.md

@@ -175,7 +175,7 @@ package.json                            # Project dependencies and scripts
 ## Testing Guidelines
 
 - Use **Vitest**.
-- Place test files in the `__tests__` directory adjacent to the source file, with `.test.ts` suffix.
+- Place test files adjacent to the source file, with `.test.ts` suffix.
 - Use Arrange - Act - Assert (AAA) pattern for test structure:
   - **Arrange:** Set up the test environment and inputs.
   - **Act:** Call the function being tested.

src/__tests__/App.test.tsx → src/App.test.tsx

@@ -1,7 +1,7 @@
 import { describe, expect, it } from 'vitest';
 import { render, screen } from 'test/test-utils';
 
-import App from '../App';
+import App from './App';
 
 describe('App', () => {
   it('should render successfully', async () => {

src/common/components/Accordion/__tests__/Accordion.test.tsx → src/common/components/Accordion/Accordion.test.tsx

@@ -3,7 +3,7 @@ import userEvent from '@testing-library/user-event';
 
 import { render, screen, waitFor } from 'test/test-utils';
 
-import Accordion from '../Accordion';
+import Accordion from './Accordion';
 
 describe('Accordion', () => {
   it('should render correctly', async () => {

src/common/components/Alert/__tests__/ErrorAlert.test.tsx → src/common/components/Alert/ErrorAlert.test.tsx

@@ -2,7 +2,7 @@ import { describe, expect, it } from 'vitest';
 
 import { render, screen } from 'test/test-utils';
 
-import ErrorAlert from '../ErrorAlert';
+import ErrorAlert from './ErrorAlert';
 
 describe('ErrorAlert', () => {
   const descriptionValue = 'the description text';

src/common/components/Backdrop/__tests__/Backdrop.test.tsx → src/common/components/Backdrop/Backdrop.test.tsx

@@ -3,7 +3,7 @@ import { describe, expect, it, vi } from 'vitest';
 
 import { render, screen } from 'test/test-utils';
 
-import Backdrop from '../Backdrop';
+import Backdrop from './Backdrop';
 
 describe('Backdrop', () => {
   it('should render successfully', async () => {

src/common/components/Badge/__tests__/Badge.test.tsx → src/common/components/Badge/Badge.test.tsx

@@ -1,7 +1,7 @@
 import { describe, expect, it } from 'vitest';
 import { render, screen } from 'test/test-utils';
 
-import Badge from '../Badge';
+import Badge from './Badge';
 
 describe('Badge', () => {
   it('should render successfully', async () => {

src/common/components/Breadcrumbs/__tests__/Breadcrumbs.test.tsx → src/common/components/Breadcrumbs/Breadcrumbs.test.tsx

@@ -2,7 +2,7 @@ import { describe, expect, it } from 'vitest';
 
 import { render, screen } from 'test/test-utils';
 
-import Breadcrumbs from '../Breadcrumbs';
+import Breadcrumbs from './Breadcrumbs';
 
 describe('Breadcrumbs', () => {
   it('should render successfully', async () => {

src/common/components/Button/__tests__/Button.test.tsx → src/common/components/Button/Button.test.tsx

@@ -3,7 +3,7 @@ import userEvent from '@testing-library/user-event';
 
 import { render, screen } from 'test/test-utils';
 
-import Button from '../Button';
+import Button from './Button';
 
 describe('Button', () => {
   it('should render successfully', async () => {

src/common/components/Button/__tests__/LanguageToggle.test.tsx → src/common/components/Button/LanguageToggle.test.tsx

@@ -5,7 +5,7 @@ import { StorageKey } from 'common/utils/constants';
 import { render, screen } from 'test/test-utils';
 import storage from 'common/utils/storage';
 
-import LanguageToggle from '../LanguageToggle';
+import LanguageToggle from './LanguageToggle';
 
 // mock select functions from react-i18next
 const mockChangeLanguage = vi.fn();

src/common/components/Button/__tests__/ThemeToggle.test.tsx → src/common/components/Button/ThemeToggle.test.tsx

@@ -8,7 +8,7 @@ import * as UseSettings from 'common/hooks/useSettings';
 import * as UseSetSettings from 'common/api/useSetSettings';
 import { settingsFixture } from '__fixtures__/settings';
 
-import ThemeToggle from '../ThemeToggle';
+import ThemeToggle from './ThemeToggle';
 
 describe('ThemeToggle', () => {
   const useSettingsSpy = vi.spyOn(UseSettings, 'useSettings');

src/common/components/Card/__tests__/Card.test.tsx → src/common/components/Card/Card.test.tsx

@@ -3,7 +3,7 @@ import { render, screen } from 'test/test-utils';
 
 import logo from 'assets/img/logo.png';
 
-import Card from '../Card';
+import Card from './Card';
 
 describe('Card', () => {
   it('should render successfully', async () => {

src/common/components/Card/__tests__/MessageCard.test.tsx → src/common/components/Card/MessageCard.test.tsx

@@ -1,7 +1,7 @@
 import { describe, expect, it } from 'vitest';
 import { render, screen } from 'test/test-utils';
 
-import MessageCard from '../MessageCard';
+import MessageCard from './MessageCard';
 
 describe('MessageCard', () => {
   it('should render successfully', async () => {

src/common/components/Chart/__tests__/DonutChart.test.tsx → src/common/components/Chart/DonutChart.test.tsx

@@ -3,7 +3,7 @@ import { render, screen } from 'test/test-utils';
 
 import { donutChartDataFixture } from '__fixtures__/charts';
 
-import DonutChart from '../DonutChart';
+import DonutChart from './DonutChart';
 
 describe('DonutChart', () => {
   it('should render successfully', async () => {

src/common/components/Content/__tests__/Columns.test.tsx → src/common/components/Content/Columns.test.tsx

@@ -2,7 +2,7 @@ import { describe, expect, it } from 'vitest';
 
 import { render, screen } from 'test/test-utils';
 
-import Columns from '../Columns';
+import Columns from './Columns';
 
 describe('Columns', () => {
   it('should render successfully', async () => {

src/common/components/Content/__tests__/Container.test.tsx → src/common/components/Content/Container.test.tsx

@@ -2,7 +2,7 @@ import { describe, expect, it } from 'vitest';
 
 import { render, screen } from 'test/test-utils';
 
-import Container from '../Container';
+import Container from './Container';
 
 describe('Container', () => {
   it('should render successfully', async () => {

src/common/components/Content/__tests__/Page.test.tsx → src/common/components/Content/Page.test.tsx

@@ -2,7 +2,7 @@ import { render, screen } from 'test/test-utils';
 
 import { describe, expect, it } from 'vitest';
 
-import Page from '../Page';
+import Page from './Page';
 
 describe('Page', () => {
   it('should render successfully', async () => {

src/common/components/Dialog/__tests__/Dialog.test.tsx → src/common/components/Dialog/Dialog.test.tsx

@@ -3,7 +3,7 @@ import { describe, expect, it } from 'vitest';
 
 import { render, screen, waitFor } from 'test/test-utils';
 
-import Dialog from '../Dialog';
+import Dialog from './Dialog';
 
 describe('Dialog', () => {
   it('should render successfully', async () => {

src/common/components/Divider/__tests__/Divider.test.tsx → src/common/components/Divider/Divider.test.tsx

@@ -2,7 +2,7 @@ import { describe, expect, it } from 'vitest';
 
 import { render, screen } from 'test/test-utils';
 
-import Divider from '../../Divider/Divider';
+import Divider from './Divider';
 
 describe('Divider', () => {
   it('should render successfully', async () => {

src/common/components/Dropdown/__tests__/DropdownMenu.test.tsx → src/common/components/Dropdown/DropdownMenu.test.tsx

@@ -3,7 +3,7 @@ import userEvent from '@testing-library/user-event';
 
 import { render, screen, waitFor } from 'test/test-utils';
 
-import DropdownMenu from '../DropdownMenu';
+import DropdownMenu from './DropdownMenu';
 
 describe('DropdownMenu', () => {
   const mockClickFn = vi.fn();

src/common/components/Errors/__tests__/ErrorBoundary.test.tsx → src/common/components/Errors/ErrorBoundary.test.tsx

@@ -1,7 +1,7 @@
 import { describe, expect, it, vi } from 'vitest';
 import { render, screen } from 'test/test-utils';
 
-import ErrorBoundary from '../ErrorBoundary';
+import ErrorBoundary from './ErrorBoundary';
 
 describe('ErrorBoundary', () => {
   it('should render successfully', async () => {

src/common/components/Errors/__tests__/ErrorFallback.test.tsx → src/common/components/Errors/ErrorFallback.test.tsx

@@ -1,7 +1,7 @@
 import { describe, expect, it } from 'vitest';
 import { render, screen } from 'test/test-utils';
 
-import ErrorFallback from '../ErrorFallback';
+import ErrorFallback from './ErrorFallback';
 
 describe('ErrorFallback', () => {
   it('should render successfully', async () => {

src/common/components/Footer/__tests__/Footer.test.tsx → src/common/components/Footer/Footer.test.tsx

@@ -1,7 +1,7 @@
 import { describe, expect, it } from 'vitest';
 import { render, screen } from 'test/test-utils';
 
-import Footer from '../Footer';
+import Footer from './Footer';
 
 describe('Footer', () => {
   it('should render successfully', async () => {

src/common/components/Form/__tests__/Checkbox.test.tsx → src/common/components/Form/Checkbox.test.tsx

@@ -6,7 +6,7 @@ import { z } from 'zod';
 
 import { render, screen } from 'test/test-utils';
 
-import Checkbox, { CheckboxProps } from '../Checkbox';
+import Checkbox, { CheckboxProps } from './Checkbox';
 
 const formSchema = z.object({
   isEnabled: z.boolean().refine((val) => val === true, { message: 'Required' }),

src/common/components/Form/__tests__/FieldError.test.tsx → src/common/components/Form/FieldError.test.tsx

@@ -2,7 +2,7 @@ import { describe, expect, it } from 'vitest';
 
 import { render, screen } from 'test/test-utils';
 
-import FieldError from '../FieldError';
+import FieldError from './FieldError';
 
 describe('FieldError', () => {
   it('should render successfully', async () => {

src/common/components/Form/__tests__/Input.test.tsx → src/common/components/Form/Input.test.tsx

@@ -6,7 +6,7 @@ import { zodResolver } from '@hookform/resolvers/zod';
 
 import { render, screen } from 'test/test-utils';
 
-import Input, { InputProps } from '../Input';
+import Input, { InputProps } from './Input';
 
 const formSchema = z.object({
   color: z.string().min(1, { message: 'Required' }),

src/common/components/Form/__tests__/Label.test.tsx → src/common/components/Form/Label.test.tsx

@@ -2,7 +2,7 @@ import { describe, expect, it } from 'vitest';
 
 import { render, screen } from 'test/test-utils';
 
-import Label from '../Label';
+import Label from './Label';
 
 describe('Label', () => {
   it('should render successfully', async () => {

src/common/components/Form/__tests__/RadioGroup.test.tsx → src/common/components/Form/RadioGroup.test.tsx

@@ -6,7 +6,7 @@ import { useForm } from 'react-hook-form';
 
 import { render, screen } from 'test/test-utils';
 
-import RadioGroup, { RadioGroupProps } from '../RadioGroup';
+import RadioGroup, { RadioGroupProps } from './RadioGroup';
 
 const formSchema = z.object({
   color: z.string().refine((val) => ['blue', 'red', 'yellow'].includes(val), {

src/common/components/Form/__tests__/SearchInput.test.tsx → src/common/components/Form/SearchInput.test.tsx

@@ -2,9 +2,9 @@ import { describe, expect, it, vi } from 'vitest';
 import { render, screen } from 'test/test-utils';
 import userEvent from '@testing-library/user-event';
 
-import SearchResult from '../SearchResult';
+import SearchResult from './SearchResult';
 
-import SearchInput from '../SearchInput';
+import SearchInput from './SearchInput';
 
 describe('SearchInput', () => {
   const mockOnChange = vi.fn();

src/common/components/Form/__tests__/SearchResult.test.tsx → src/common/components/Form/SearchResult.test.tsx

@@ -2,7 +2,7 @@ import { describe, expect, it, vi } from 'vitest';
 import { render, screen } from 'test/test-utils';
 import userEvent from '@testing-library/user-event';
 
-import SearchResult from '../SearchResult';
+import SearchResult from './SearchResult';
 
 describe('SearchResult', () => {
   const mockOnClick = vi.fn();

src/common/components/Form/__tests__/Select.test.tsx → src/common/components/Form/Select.test.tsx

@@ -6,7 +6,7 @@ import { zodResolver } from '@hookform/resolvers/zod';
 
 import { render, screen, waitFor } from 'test/test-utils';
 
-import Select, { SelectProps } from '../Select';
+import Select, { SelectProps } from './Select';
 
 const formSchema = z.object({
   color: z.string().refine((val) => ['blue'].includes(val), { message: 'Must select blue.' }),

src/common/components/Form/__tests__/Textarea.test.tsx → src/common/components/Form/Textarea.test.tsx

@@ -6,7 +6,7 @@ import { zodResolver } from '@hookform/resolvers/zod';
 
 import { render, screen } from 'test/test-utils';
 
-import Textarea, { TextareaProps } from '../Textarea';
+import Textarea, { TextareaProps } from './Textarea';
 
 const formSchema = z.object({
   myField: z.string().min(1, { message: 'Required' }),

src/common/components/Form/__tests__/Toggle.test.tsx → src/common/components/Form/Toggle.test.tsx

@@ -6,7 +6,7 @@ import { zodResolver } from '@hookform/resolvers/zod';
 import { describe, expect, it } from 'vitest';
 import { render, screen } from 'test/test-utils';
 
-import Toggle, { ToggleProps } from '../Toggle';
+import Toggle, { ToggleProps } from './Toggle';
 
 const formSchema = z.object({
   myField: z.boolean().refine((val) => val === false, {

src/common/components/Header/__tests__/AppMenu.test.tsx → src/common/components/Header/AppMenu.test.tsx

@@ -8,7 +8,7 @@ import * as UseAuth from 'common/hooks/useAuth';
 import * as UseGetCurrentUser from 'common/api/useGetCurrentUser';
 import { userFixture1 } from '__fixtures__/users';
 
-import AppMenu from '../AppMenu';
+import AppMenu from './AppMenu';
 
 describe('AppMenu', () => {
   const useAuthSpy = vi.spyOn(UseAuth, 'useAuth');

src/common/components/Header/__tests__/Header.test.tsx → src/common/components/Header/Header.test.tsx

@@ -6,7 +6,7 @@ import { render, screen } from 'test/test-utils';
 
 import * as UseAuth from 'common/hooks/useAuth';
 
-import Header from '../Header';
+import Header from './Header';
 
 describe('Header', () => {
   const useAuthSpy = vi.spyOn(UseAuth, 'useAuth');

src/common/components/Icon/__tests__/Avatar.test.tsx → src/common/components/Icon/Avatar.test.tsx

@@ -1,7 +1,7 @@
 import { describe, expect, it } from 'vitest';
 import { render, screen } from 'test/test-utils';
 
-import Avatar from '../Avatar';
+import Avatar from './Avatar';
 
 describe('Avatar', () => {
   it('should render successfully', async () => {

src/common/components/Icon/__tests__/FAIcon.test.tsx → src/common/components/Icon/FAIcon.test.tsx

@@ -2,7 +2,7 @@ import { describe, expect, it } from 'vitest';
 
 import { render, screen } from 'test/test-utils';
 
-import FAIcon from '../FAIcon';
+import FAIcon from './FAIcon';
 
 describe('FAIcon', () => {
   it('should render successfully', async () => {

src/common/components/Layout/__tests__/StandardLayout.test.tsx → src/common/components/Layout/StandardLayout.test.tsx

@@ -1,7 +1,7 @@
 import { describe, expect, it } from 'vitest';
 import { render, screen } from 'test/test-utils';
 
-import StandardLayout from '../StandardLayout';
+import StandardLayout from './StandardLayout';
 
 describe('StandardLayout', () => {
   it('should render successfully', async () => {

src/common/components/Link/__tests__/Link.test.tsx → src/common/components/Link/Link.test.tsx

@@ -1,7 +1,7 @@
 import { describe, expect, it } from 'vitest';
 import { render, screen } from 'test/test-utils';
 
-import Link from '../Link';
+import Link from './Link';
 
 describe('Link', () => {
   it('should render successfully', async () => {

src/common/components/Loader/__tests__/LoaderSuspense.test.tsx → src/common/components/Loader/LoaderSuspense.test.tsx

@@ -4,7 +4,7 @@ import { describe, expect, it } from 'vitest';
 import { render, screen } from 'test/test-utils';
 const Text = lazy(() => import('common/components/Text/Text'));
 
-import LoaderSuspense from '../LoaderSuspense';
+import LoaderSuspense from './LoaderSuspense';
 
 describe('LoaderSuspense', () => {
   it('should render successfully', async () => {

src/common/components/Loader/__tests__/Skeleton.test.tsx → src/common/components/Loader/Skeleton.test.tsx

@@ -1,7 +1,7 @@
 import { describe, expect, it } from 'vitest';
 import { render, screen } from 'test/test-utils';
 
-import Skeleton from '../Skeleton';
+import Skeleton from './Skeleton';
 
 describe('Skeleton', () => {
   it('should render successfully', async () => {

src/common/components/Loader/__tests__/Spinner.test.tsx → src/common/components/Loader/Spinner.test.tsx

@@ -2,7 +2,7 @@ import { describe, expect, it } from 'vitest';
 
 import { render, screen, waitFor } from 'test/test-utils';
 
-import Spinner from '../Spinner';
+import Spinner from './Spinner';
 
 describe('Spinner', () => {
   it('should render successfully', async () => {

src/common/components/Menu/__tests__/MenuButton.test.tsx → src/common/components/Menu/MenuButton.test.tsx

@@ -2,9 +2,9 @@ import { describe, expect, it } from 'vitest';
 import { render, screen } from 'test/test-utils';
 import userEvent from '@testing-library/user-event';
 
-import SideMenu from '../SideMenu/SideMenu';
+import SideMenu from './SideMenu/SideMenu';
 
-import MenuButton from '../MenuButton';
+import MenuButton from './MenuButton';
 
 describe('MenuButton', () => {
   it('should render successfully', async () => {

src/common/components/Menu/__tests__/MenuCloseButton.test.tsx → src/common/components/Menu/MenuCloseButton.test.tsx

@@ -2,7 +2,7 @@ import { describe, expect, it, vi } from 'vitest';
 import { render, screen } from 'test/test-utils';
 import userEvent from '@testing-library/user-event';
 
-import MenuCloseButton from '../MenuCloseButton';
+import MenuCloseButton from './MenuCloseButton';
 
 describe('MenuCloseButton', () => {
   it('should render successfully', async () => {