Merge pull request #59 from zstenger93/setup

workflow patch 1.0

.github/workflows/build_and_deploy.yaml

@@ -11,15 +11,16 @@ jobs:
 
     steps:
       - name: Checkout Repository
-        uses: actions/checkout@v2
+        uses: actions/checkout@v4
 
       - name: Setup Node.js
-        uses: actions/setup-node@v3
+        uses: actions/setup-node@v4
         with:
           node-version: 16
+          node-version: 16
 
       - name: Install Dependencies
-        working-directory: frontend  # Specify the frontend folder
+        working-directory: frontend
         run: npm install
 
       - name: Run Tests
@@ -37,8 +38,8 @@ jobs:
 
     steps:
       - name: Deploy to GitHub Pages
-        uses: JamesIves/github-pages-deploy-action@3.7.1
+        uses: JamesIves/github-pages-deploy-action@v4
         with:
           ACCESS_TOKEN: ${{ secrets.ACCESS_TOKEN }}
           BRANCH: gh-pages
-          FOLDER: frontend/build  # Adjust this path to match your structure
+          FOLDER: frontend/build

docker/frontend/frontend.Dockerfile

@@ -8,7 +8,9 @@ RUN npm install && \
     npm install react-router-dom --save && \
     npm install tailwindcss postcss autoprefixer --save && \
     npm install react-slick slick-carousel --save && \
-    npm install react-i18next i18next --save
+    npm install react-i18next i18next --save && \
+	npm install --save-dev @babel/plugin-proposal-private-property-in-object && \
+	npm install matchmedia-polyfill
 
 COPY . .
 

frontend/package.json

@@ -9,6 +9,7 @@
     "@testing-library/user-event": "^13.5.0",
     "autoprefixer": "^10.4.16",
     "i18next": "^23.7.11",
+    "matchmedia-polyfill": "^0.3.2",
     "postcss": "^8.4.32",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
@@ -27,7 +28,7 @@
     "watch:css": "postcss src/styles/tailwind.css -o src/index.css --watch",
     "start": "react-scripts start",
     "build": "react-scripts build",
-    "test": "react-scripts test",
+    "test": "react-scripts test --detectOpenHandles",
     "eject": "react-scripts eject"
   },
   "eslintConfig": {
@@ -47,5 +48,8 @@
       "last 1 firefox version",
       "last 1 safari version"
     ]
+  },
+  "devDependencies": {
+    "@babel/plugin-proposal-private-property-in-object": "^7.21.11"
   }
 }

frontend/src/setupTests.js

@@ -3,3 +3,4 @@
 // expect(element).toHaveTextContent(/react/i)
 // learn more: https://github.com/testing-library/jest-dom
 import '@testing-library/jest-dom';
+import 'matchmedia-polyfill';