Additional login page test

app/src/pages/login/Login.js

@@ -1,12 +1,10 @@
 import styles from "./Login.css"
 import axios from "axios"
 import { useState } from 'react';
-import { useNavigate } from "react-router-dom";
 
 const Login = () => {
     const [email, setEmail] = useState('');
     const [password, setPassword] = useState('');
-    const navigate = useNavigate()
 
     async function sendSubmit(foo) {
 

app/src/tests/LoginPage.test.js

@@ -1,30 +1,48 @@
 import '@testing-library/jest-dom';
 import React from 'react';
-import { render, screen } from '@testing-library/react';
+import { render, fireEvent } from '@testing-library/react';
 import LoginPage from '../pages/login/Login.js';
-import {
-    Routes,
-    Route,
-    BrowserRouter
-  } from "react-router-dom";
+import { Routes, Route, BrowserRouter } from "react-router-dom";
 
 
 describe('LoginPage', () => {
     it('renders without crashing', () => {
-        const {getByPlaceholderText} = render(
-        <BrowserRouter>
-            <Routes>
-                <Route path="/" element={<LoginPage />} />
-            </Routes>
-        </BrowserRouter>
-        );
-
+        const {getByPlaceholderText, getByText} = render(<LoginPage />);
 
+        //Check that the h1 title is there
+        expect(getByText('LifeQuest')).toBeInTheDocument();
+
+        //Check that there is an email input field
         const emailInput = getByPlaceholderText(/Email/i);
         expect(emailInput).toHaveAttribute('type', 'email');
 
+        //Check that there is a password input field
         const passwordInput = getByPlaceholderText(/Password/i);
         expect(passwordInput).toHaveAttribute('type', 'password');
 
+        //Check that the login and signup buttons are there
+        expect(getByText('Login')).toBeInTheDocument();
+        expect(getByText('Signup')).toBeInTheDocument();
+
+    });
+
+    it('input field updates value with current input', () => {
+
+        const {getByPlaceholderText} = render(<LoginPage />);
+        const emailInput = getByPlaceholderText(/Email/i);
+        const passwordInput = getByPlaceholderText(/Password/i);
+
+        // ai-gen start (ChatGPT-3.5, 1)
+        // Simulate typing into the input field
+        fireEvent.change(emailInput, { target: { value: 'TestUserName' } });
+        fireEvent.change(passwordInput, { target: { value: 'Pa$$w0rd' } });
+
+        // Ensure that the state has been updated correctly
+        expect(emailInput.value).toBe('TestUserName');
+        expect(passwordInput.value).toBe('Pa$$w0rd');
+
+        // ai-gen end
+
     });
+
 });