This commit will add tests to LoginPage tests to handle the click of register button and successful navigation to the Sign Up Page

Author: eshaan32

__tests__/loginPage.test.js

@@ -56,7 +56,24 @@ describe('Login Page Renders', () => {
     // should ensure the login button has been clicked
     expect(loginButton2).toBeCalled;
     // should ensure that the authenticate user function invoked by button click is called
-    expect(authenticateUser).toBeCalled;
+    expect(authenticateUser).toHaveBeenCalled;
+  });
+
+  test('Register Button navigates to Sign Up Page', async () => {    
+    // select the register button
+    const registerButton = screen.getByRole('register');
+    // fire event to click the button, navigating to new page
+    await act(() => {
+      fireEvent.click(registerButton);
+    });
+    // assert that the event happened
+    expect(registerButton).toBeCalled;
+
+    // on new page, select the title h1 element -> 'Sign Up'
+    const title = document.querySelector('h1');
+    
+    // assert that the title element has the SIgn Up text
+    expect(title.textContent).toBe('Sign Up');
   });
 
   test('Docketeer Image', async () => {

src/components/Login.tsx

@@ -118,6 +118,7 @@ const Login = () => {
             <Button
               variant='contained'
               size='small'
+              role='register'
               className='register login-buttons'
               onClick={() => navigate('/userSignup')}
               sx={{