Write unit tests for App component

Author: SafdarJamal

src/App.test.jsx

@@ -1,7 +1,34 @@
-import { render } from '@testing-library/react';
-import App from './App.jsx';
+import { render, screen, fireEvent } from '@testing-library/react';
+import App from './App';
 
-test('App renders without crashing', () => {
-  const { unmount } = render(<App />);
-  unmount();
+test('renders counter button', () => {
+  render(<App />);
+  const buttonElement = screen.getByText(/count is 0/i);
+  expect(buttonElement).toBeInTheDocument();
+  expect(buttonElement).toHaveTextContent(/count is 0/i);
+  screen.debug();
+});
+
+test('count increases on button click', () => {
+  render(<App />);
+  const buttonElement = screen.getByText(/count is 0/i);
+  fireEvent.click(buttonElement);
+  expect(buttonElement).toHaveTextContent(/count is 1/i);
+  screen.debug();
+
+  fireEvent.click(buttonElement);
+  expect(buttonElement).toHaveTextContent(/count is 2/i);
+  screen.debug();
+});
+
+test('renders learn react link', () => {
+  render(<App />);
+  const linkElement = screen.getByText(/learn react/i);
+  expect(linkElement).toBeInTheDocument();
+});
+
+test('renders vite docs link', () => {
+  render(<App />);
+  const linkElement = screen.getByText(/vite docs/i);
+  expect(linkElement).toBeInTheDocument();
 });