diff --git a/components/card.tsx b/src/components/card.tsx
similarity index 100%
rename from components/card.tsx
rename to src/components/card.tsx
diff --git a/components/chadcdn/button.tsx b/src/components/chadcdn/button.tsx
similarity index 100%
rename from components/chadcdn/button.tsx
rename to src/components/chadcdn/button.tsx
diff --git a/components/chadcdn/dialog.tsx b/src/components/chadcdn/dialog.tsx
similarity index 100%
rename from components/chadcdn/dialog.tsx
rename to src/components/chadcdn/dialog.tsx
diff --git a/components/chadcdn/select.tsx b/src/components/chadcdn/select.tsx
similarity index 100%
rename from components/chadcdn/select.tsx
rename to src/components/chadcdn/select.tsx
diff --git a/components/chadcdn/slider.tsx b/src/components/chadcdn/slider.tsx
similarity index 100%
rename from components/chadcdn/slider.tsx
rename to src/components/chadcdn/slider.tsx
diff --git a/components/infoContainer.tsx b/src/components/infoContainer.tsx
similarity index 100%
rename from components/infoContainer.tsx
rename to src/components/infoContainer.tsx
diff --git a/components/list.tsx b/src/components/list.tsx
similarity index 88%
rename from components/list.tsx
rename to src/components/list.tsx
index 3cc95a8..88ef67c 100644
--- a/components/list.tsx
+++ b/src/components/list.tsx
@@ -18,9 +18,9 @@ const LIST_CLASSES = {
};
const LIST_ELEMENT_CLASSES = {
- horizontal: 'flex grow max-w-1/3 min-h-[60]',
+ horizontal: 'flex grow max-w-1/3 min-h-[60px]',
vertical:
- 'flex grow max-w-1/3 min-h-[60] md:max-w-full md:min-h-0 md:max-h-1/7',
+ 'flex grow max-w-1/3 min-h-[60px] md:max-w-full md:min-h-0 md:max-h-1/7',
};
export const List: FC
= ({
diff --git a/components/modal.tsx b/src/components/modal.tsx
similarity index 100%
rename from components/modal.tsx
rename to src/components/modal.tsx
diff --git a/components/progressCard.test.tsx b/src/components/progressCard.test.tsx
similarity index 77%
rename from components/progressCard.test.tsx
rename to src/components/progressCard.test.tsx
index 63c5b7c..d6381cf 100644
--- a/components/progressCard.test.tsx
+++ b/src/components/progressCard.test.tsx
@@ -1,10 +1,11 @@
import React from 'react';
+import { vi } from 'vitest';
import { render, screen } from '@testing-library/react';
import { ProgressCard } from './progressCard';
-jest.mock('@/store/store', () => ({
+vi.mock('@/store/store', () => ({
useTimeStore: {
- getState: jest.fn().mockReturnValue({ time: 1000 }),
+ getState: vi.fn().mockReturnValue({ time: 1000 }),
},
}));
diff --git a/components/progressCard.tsx b/src/components/progressCard.tsx
similarity index 100%
rename from components/progressCard.tsx
rename to src/components/progressCard.tsx
diff --git a/app/(main)/header/header.test.tsx b/src/features/header/header.test.tsx
similarity index 84%
rename from app/(main)/header/header.test.tsx
rename to src/features/header/header.test.tsx
index 7c659ad..b7a8918 100644
--- a/app/(main)/header/header.test.tsx
+++ b/src/features/header/header.test.tsx
@@ -1,10 +1,15 @@
-import React from 'react';
import { render, screen } from '@testing-library/react';
-import '@testing-library/jest-dom';
+import { ThemeProvider } from '@/theme';
import { Header } from './header';
describe('Header Component', () => {
- beforeEach(() => render());
+ beforeEach(() =>
+ render(
+
+
+
+ )
+ );
it('should render the header title', () => {
const titleElement = screen.getByText(/Event loop explorer/i);
diff --git a/app/(main)/header/header.tsx b/src/features/header/header.tsx
similarity index 92%
rename from app/(main)/header/header.tsx
rename to src/features/header/header.tsx
index 3c39714..05cf633 100644
--- a/app/(main)/header/header.tsx
+++ b/src/features/header/header.tsx
@@ -1,7 +1,6 @@
import { ThemeToggle } from './themeToggle';
import { Repeat, Github } from 'lucide-react';
import { Button } from '@/components/chadcdn/button';
-import Link from 'next/link';
export function Header() {
return (
@@ -13,12 +12,13 @@ export function Header() {
diff --git a/app/(main)/header/themeToggle.test.tsx b/src/features/header/themeToggle.test.tsx
similarity index 75%
rename from app/(main)/header/themeToggle.test.tsx
rename to src/features/header/themeToggle.test.tsx
index 619f02d..70f5076 100644
--- a/app/(main)/header/themeToggle.test.tsx
+++ b/src/features/header/themeToggle.test.tsx
@@ -1,18 +1,19 @@
import { render, screen, fireEvent, cleanup } from '@testing-library/react';
+import { afterEach, describe, expect, it, vi, type Mock } from 'vitest';
import { ThemeToggle } from './themeToggle';
-import { useTheme } from 'next-themes';
+import { useTheme } from '@/theme';
-jest.mock('next-themes', () => ({
- useTheme: jest.fn(),
+vi.mock('@/theme', () => ({
+ useTheme: vi.fn(),
}));
afterEach(cleanup);
describe('ThemeToggle', () => {
it('should render Sun and Moon icons', () => {
- (useTheme as jest.Mock).mockReturnValue({
+ (useTheme as Mock).mockReturnValue({
theme: 'dark',
- setTheme: jest.fn(),
+ setTheme: vi.fn(),
});
render();
@@ -23,8 +24,8 @@ describe('ThemeToggle', () => {
});
it('should toggle light theme on button click', () => {
- const setThemeMock = jest.fn();
- (useTheme as jest.Mock).mockReturnValue({
+ const setThemeMock = vi.fn();
+ (useTheme as Mock).mockReturnValue({
theme: 'light',
setTheme: setThemeMock,
});
@@ -35,8 +36,8 @@ describe('ThemeToggle', () => {
});
it('should toggle dark theme on button click', () => {
- const setThemeMock = jest.fn();
- (useTheme as jest.Mock).mockReturnValue({
+ const setThemeMock = vi.fn();
+ (useTheme as Mock).mockReturnValue({
theme: 'dark',
setTheme: setThemeMock,
});
diff --git a/app/(main)/header/themeToggle.tsx b/src/features/header/themeToggle.tsx
similarity index 94%
rename from app/(main)/header/themeToggle.tsx
rename to src/features/header/themeToggle.tsx
index 79025f4..08a682d 100644
--- a/app/(main)/header/themeToggle.tsx
+++ b/src/features/header/themeToggle.tsx
@@ -1,4 +1,4 @@
-import { useTheme } from 'next-themes';
+import { useTheme } from '@/theme';
import { Button } from '@/components/chadcdn/button';
import { Moon, Sun } from 'lucide-react';
diff --git a/app/(main)/sections/callstack.test.tsx b/src/features/sections/callstack.test.tsx
similarity index 88%
rename from app/(main)/sections/callstack.test.tsx
rename to src/features/sections/callstack.test.tsx
index b8b801e..d71e50d 100644
--- a/app/(main)/sections/callstack.test.tsx
+++ b/src/features/sections/callstack.test.tsx
@@ -1,10 +1,10 @@
import React from 'react';
+import { vi } from 'vitest';
import { render, screen } from '@testing-library/react';
-import '@testing-library/jest-dom';
-import { Callstack } from '@/app/(main)/sections/callstack';
+import { Callstack } from '@/features/sections/callstack';
-jest.mock('@/store/store', () => ({
- useQueueManagerStore: jest
+vi.mock('@/store/store', () => ({
+ useQueueManagerStore: vi
.fn()
.mockImplementation(() => ['stack-1', 'stack-2']),
}));
diff --git a/app/(main)/sections/callstack.tsx b/src/features/sections/callstack.tsx
similarity index 100%
rename from app/(main)/sections/callstack.tsx
rename to src/features/sections/callstack.tsx
diff --git a/app/(main)/sections/configurator/configurator.tsx b/src/features/sections/configurator/configurator.tsx
similarity index 94%
rename from app/(main)/sections/configurator/configurator.tsx
rename to src/features/sections/configurator/configurator.tsx
index 340f6ff..ddc4b35 100644
--- a/app/(main)/sections/configurator/configurator.tsx
+++ b/src/features/sections/configurator/configurator.tsx
@@ -5,7 +5,7 @@ import { Editor } from './editor';
import {
DEFAULT_EXAMPLE_KEY,
EXAMPLES,
-} from '@/app/(main)/sections/configurator/controls.data';
+} from '@/features/sections/configurator/controls.data';
const description = (
<>
diff --git a/app/(main)/sections/configurator/controls.data.tsx b/src/features/sections/configurator/controls.data.tsx
similarity index 100%
rename from app/(main)/sections/configurator/controls.data.tsx
rename to src/features/sections/configurator/controls.data.tsx
diff --git a/app/(main)/sections/configurator/controls.tsx b/src/features/sections/configurator/controls.tsx
similarity index 95%
rename from app/(main)/sections/configurator/controls.tsx
rename to src/features/sections/configurator/controls.tsx
index fa7fab0..5d59107 100644
--- a/app/(main)/sections/configurator/controls.tsx
+++ b/src/features/sections/configurator/controls.tsx
@@ -6,7 +6,7 @@ import {
useQueueManagerStore,
useWheelStore,
} from '@/store/store';
-import { EXAMPLES } from '@/app/(main)/sections/configurator/controls.data';
+import { EXAMPLES } from '@/features/sections/configurator/controls.data';
import { getSimulationSteps } from '@/utils/getSimulationSteps/getSimulationSteps';
import { simulate } from '@/utils/simulate/simulate';
diff --git a/app/(main)/sections/configurator/controls.ui.tsx b/src/features/sections/configurator/controls.ui.tsx
similarity index 96%
rename from app/(main)/sections/configurator/controls.ui.tsx
rename to src/features/sections/configurator/controls.ui.tsx
index 0d8cf51..2b4b81f 100644
--- a/app/(main)/sections/configurator/controls.ui.tsx
+++ b/src/features/sections/configurator/controls.ui.tsx
@@ -14,7 +14,7 @@ import {
DEFAULT_EXAMPLE_KEY,
EXAMPLES,
EXAMPLES_KEYS,
-} from '@/app/(main)/sections/configurator/controls.data';
+} from '@/features/sections/configurator/controls.data';
interface ControlsUiProps {
status: Controls['status'];
@@ -44,7 +44,7 @@ export const ControlsUi: FC = ({
const isRunning = status === 'running';
return (
-
+
{isIdle && (