diff --git a/src/App.test.js b/src/App.test.js
deleted file mode 100644
index 1f03afeec..000000000
--- a/src/App.test.js
+++ /dev/null
@@ -1,8 +0,0 @@
-import { render, screen } from '@testing-library/react';
-import App from './App';
-
-test('renders learn react link', () => {
-  render(<App />);
-  const linkElement = screen.getByText(/learn react/i);
-  expect(linkElement).toBeInTheDocument();
-});
diff --git a/src/components/Button/button.test.tsx b/src/components/Button/button.test.tsx
new file mode 100644
index 000000000..ec429eddb
--- /dev/null
+++ b/src/components/Button/button.test.tsx
@@ -0,0 +1,17 @@
+import { fireEvent, render, screen } from '@testing-library/react';
+import React from 'react';
+import Button from './Button';
+
+test('calls onClick prop when clicked', () => {
+  const handleClick = jest.fn();
+  render(<Button onClick={handleClick} label='Click me' />);
+  fireEvent.click(screen.getByText(/click me/i));
+  expect(handleClick).toHaveBeenCalledTimes(1);
+});
+
+test('should not call onClick prop when button is disabled', () => {
+  const handleClick = jest.fn();
+  render(<Button onClick={handleClick} label='Click me' disabled={true} />);
+  fireEvent.click(screen.getByText(/click me/i));
+  expect(handleClick).toHaveBeenCalledTimes(0);
+});