From 18a3a01f4a33b2a688c3f7ad44c9f7b17e4cc9b5 Mon Sep 17 00:00:00 2001
From: gitea_admin <admin@example.com>
Date: Fri, 6 Feb 2026 17:19:10 +0000
Subject: [PATCH] tests

---
 tests/App.test.jsx | 33 +++++++++++++++++++++++++++++++++
 tests/setup.js     |  1 +
 2 files changed, 34 insertions(+)
 create mode 100644 tests/App.test.jsx
 create mode 100644 tests/setup.js

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';