attempted to fix SignUp

Author: Jeffrey Na

__tests__/components/SignUp.test.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import { render, fireEvent, screen } from '@testing-library/react';
+import { render, fireEvent, screen, getByPlaceholderText } from '@testing-library/react';
 import { ipcRenderer } from 'electron';
 import SignUp from '../../app/components/SignUp';
 import DashboardContextProvider from '../../app/context/DashboardContext';
@@ -31,14 +31,18 @@ describe('Create Admin Page', () => {
     expect(element.querySelectorAll('input').length).toBe(4);
   });
 
-  it('Sign up button should submit email, username, and password to addUser', () => {
-    const element = screen.getByTestId('SignUp');
-    const inputs = element.querySelectorAll('input');
-    inputs[0].value = 'me';
-    inputs[1].value = '[email protected]';
-    inputs[2].value = 'me123';
-    fireEvent.click(element);
-    expect(ipcRenderer.sendSync).toHaveBeenCalledTimes(1);
+  it('Sign up button should submit email, username, and password to addUser', async () => {
+    screen.debug();
+
+    const username = screen.getByPlaceholderText('enter username');
+    const email = screen.getByPlaceholderText('[email protected]');
+    const password = screen.getByPlaceholderText('enter password');
+    const signupButton = screen.getByRole('signup');
+    fireEvent.change(email, { target: { value: '[email protected]' } });
+    fireEvent.change(username, { target: { value: 'me' } });
+    fireEvent.change(password, { target: { value: 'me123' } });
+    fireEvent.click(signupButton);
+    await expect(ipcRenderer.sendSync).toHaveBeenCalledTimes(1);
     // expect(ipcRenderer.sendSync).toHaveBeenCalledWith('addUser', {
     //   username: 'me',
     //   email: '[email protected]',
@@ -68,4 +72,4 @@ describe('Create Admin Page', () => {
 //     fireEvent.submit(element);
 //     expect(screen.getByText('Entered passwords do not match')).toBeInTheDocument();
 //   })
-// })
+// })