test stage

.github/workflows/frontend-s3-deploy.yml

@@ -6,6 +6,20 @@ on:
       - main
 
 jobs:
+  test:
+    runs-on: ubuntu-latest
+    defaults:
+      run:
+        working-directory: ./frontend/farm_volunteers
+
+    steps:
+    - name: Checkout code
+      uses: actions/checkout@v3
+    - name: Install Dependencies
+      run: npm install
+    - name: Run tests
+      run: npm test
+
   deploy:
     runs-on: ubuntu-latest
 

frontend/farm_volunteers/src/App.js

@@ -1,37 +1,33 @@
 import React from "react";
+import { BrowserRouter as Router, Switch, Route } from "react-router-dom";
 import "./App.css";
-import Volunteers from "./Components/Volunteers";
-import ImgMediaCard from "./Components/Card";
-import Header from "./Components/Header";
+import BookSession from "./Components/BookSession";
 import Contact from "./Components/Contact";
-import Footer from "./Components/Footer";
 import CustomizedMenus from "./Components/ViewOption";
-import { Switch, Route } from "react-router-dom";
-import BookSession from "./Components/BookSession";
-
-
+import Footer from "./Components/Footer";
+import Header from "./Components/Header";
+import ImgMediaCard from "./Components/Card";
+import Volunteers from "./Components/Volunteers";
 
 const Main = () => (
   <Switch>
-    <Route exact path="/" component={ImgMediaCard}></Route>
-    <Route exact path="/manager" component={Volunteers}></Route>
-    <Route exact path="/volunteer" component={BookSession}></Route>
+    <Route exact path="/" component={ImgMediaCard} />
+    <Route exact path="/manager" component={Volunteers} />
+    <Route exact path="/volunteer" component={BookSession} />
   </Switch>
 );
 
 function App() {
   return (
-    <div className="app">
-      <Header />
-      <CustomizedMenus />
-      <Main />
-
-
-
-      <Contact />
-
-      <Footer />
-    </div>
+    <Router>
+      <div className="app">
+        <Header />
+        <CustomizedMenus />
+        <Main />
+        <Contact />
+        <Footer />
+      </div>
+    </Router>
   );
 }