Test login form existence

src/App.tsx

 import React from 'react';
-import { Form } from './components/LoginForm/LoginForm';
+import { LoginForm } from './components/LoginForm/LoginForm';
 
 export const App: React.FC = () => (
   <div className="App" data-testid="App">
     <header className="App-header">
-      <Form />
+      <LoginForm />
     </header>
   </div>
 );

src/components/LoginForm/LoginForm.test.tsx

@@ -2,13 +2,9 @@ import React from 'react';
 import { render, fireEvent } from '@testing-library/react';
 import { LoginForm } from './LoginForm';
 
-describe('Email input', () => {
-  it('Should handle email insertion and validation');
-
-  it('renders button', () => {
+describe('<LoginForm />', () => {
+  it('renders form', () => {
     const wrapper = render(<LoginForm />);
-
-    console.log(wrapper.queryByTestId('LoginButton'));
-    expect(wrapper.queryByTestId('LoginButton')).toBeTruthy();
+    expect(wrapper.queryByTestId('LoginForm')).toBeTruthy();
   });
 });

src/components/LoginForm/LoginForm.tsx

@@ -21,7 +21,7 @@ const useStyles = makeStyles((theme: Theme) =>
   }),
 );
 
-export const Form: React.FC = () => {
+export const LoginForm: React.FC = () => {
   interface formData {
     email: string;
     password: string;
@@ -49,7 +49,11 @@ export const Form: React.FC = () => {
   const classes = useStyles();
 
   return (
-    <form className={classes.form} onSubmit={handleSubmit}>
+    <form
+      className={classes.form}
+      onSubmit={handleSubmit}
+      data-testid="LoginForm"
+    >
       <TextField
         variant="outlined"
         margin="normal"
@@ -83,6 +87,7 @@ export const Form: React.FC = () => {
         fullWidth
         variant="contained"
         color="primary"
+        data-testid="LoginButton"
         className={classes.submit}
       >
         Sign In