diff --git a/src/pages/auth/__tests__/LoginForm.test.js b/src/pages/auth/__tests__/LoginForm.test.js
new file mode 100644
index 0000000..2af4e3a
--- /dev/null
+++ b/src/pages/auth/__tests__/LoginForm.test.js
@@ -0,0 +1,24 @@
+import { render, screen, fireEvent } from "@testing-library/react";
+import { BrowserRouter as Router } from "react-router-dom";
+import LogInForm from "../LoginForm";
+
+test("renders Login page ", () => {
+  render(
+    <Router>
+      <LogInForm />
+    </Router>
+  );
+
+  //   screen.debug();
+
+  // Check to see if username field is rendered to the user
+  const usernameField = screen.getByPlaceholderText('Enter username');
+  expect(usernameField).toBeInTheDocument();
+
+  const passwordField = screen.getByPlaceholderText('Password');
+  expect(passwordField).toBeInTheDocument();
+
+  const submitButton = screen.getByRole("button", { name: "Login" });
+  expect(submitButton).toBeInTheDocument();
+
+});