Added login and about test

webapp/src/components/mainPage/LoginForm.tsx

@@ -1,5 +1,5 @@
 import { useState, useEffect} from "react";
-import { TextField, FormGroup } from "@material-ui/core";
+import { TextField} from "@material-ui/core";
 import { login } from "../../api/api";
 import Grid from '@mui/material/Grid';
 import Snackbar from '@mui/material/Snackbar';

webapp/src/test/mainPage/About.test.tsx

@@ -0,0 +1,10 @@
+import About from "../../components/mainPage/About";
+import { render, act} from "@testing-library/react";
+
+test('check about is rendered correctly', async () => {
+    await act(async () => {    
+      const {container, getByText} = render(<About/>)  
+      expect(getByText("Who are we?")).toBeInTheDocument()
+
+    });
+})

webapp/src/test/mainPage/LoginForm.test.tsx

@@ -0,0 +1,14 @@
+import LoginForm from "../../components/mainPage/LoginForm";
+import { render, act} from "@testing-library/react";
+
+test('check about is rendered correctly', async () => {
+    await act(async () => {    
+      const {container, getByText} = render(<LoginForm/>)  
+      expect(getByText("Log in with your POD!")).toBeInTheDocument()
+      expect(getByText("Solid Community")).toBeInTheDocument()
+      expect(getByText("Solid Web")).toBeInTheDocument()
+      expect(getByText("inrupt.net")).toBeInTheDocument()
+      expect(getByText("pod.inrupt.com")).toBeInTheDocument()
+
+    });
+})