diff --git a/tests/App.test.jsx b/tests/App.test.jsx
new file mode 100644
index 0000000..d660481
--- /dev/null
+++ b/tests/App.test.jsx
@@ -0,0 +1,33 @@
+// Basic tests for frontend component
+import { describe, it, expect } from 'vitest';
+import { render, screen } from '@testing-library/react';
+import App from '../src/App';
+
+describe('App Component', () => {
+    it('renders the header', () => {
+        render(<App />);
+        expect(screen.getByText('Inventory Management')).toBeDefined();
+    });
+
+    it('renders the form section', () => {
+        render(<App />);
+        expect(screen.getByText('Add New Item')).toBeDefined();
+    });
+
+    it('renders form inputs', () => {
+        render(<App />);
+        expect(screen.getByLabelText('Name:')).toBeDefined();
+        expect(screen.getByLabelText('Quantity:')).toBeDefined();
+        expect(screen.getByLabelText('Price:')).toBeDefined();
+    });
+
+    it('renders submit button', () => {
+        render(<App />);
+        expect(screen.getByRole('button', { name: /Add Item/i })).toBeDefined();
+    });
+
+    it('renders items list section', () => {
+        render(<App />);
+        expect(screen.getByText('Items List')).toBeDefined();
+    });
+});
diff --git a/tests/setup.js b/tests/setup.js
new file mode 100644
index 0000000..7b0828b
--- /dev/null
+++ b/tests/setup.js
@@ -0,0 +1 @@
+import '@testing-library/jest-dom';