fixed jest and prettier errors, pipeline uses correct caching

.gitlab-ci.yml

@@ -6,16 +6,18 @@ stages:
 # - deploy
 
 cache:
+    key: ${CI_COMMIT_REF_SLUG}
     paths:
-        - node_modules/
+        - .npm/
 
 install_dependencies:
     stage: build
     script:
-        - npm install
+        - npm ci --cache .npm --prefer-offline
     artifacts:
         paths:
             - node_modules/
+        expire_in: 1 week
 
 testing_jest:
     stage: test

package.json

@@ -26,7 +26,8 @@
         "eject": "react-scripts eject",
         "lint": "eslint . -c .eslint-rc.js",
         "lint-fix": "eslint . -c .eslint-rc.js --fix",
-    "prettier-check": "prettier --check ."
+        "prettier-check": "prettier --check .",
+        "prettier-write": "prettier --write ."
     },
     "eslintConfig": {
         "extends": "react-app"

src/App.test.tsx

@@ -2,7 +2,7 @@ import React from 'react'
 import { render } from '@testing-library/react'
 import { Provider } from 'react-redux'
 import { store } from './redux/store'
-import App from './App'
+import App from './components/App'
 
 test('renders learn react link', () => {
     const { getByText } = render(

src/components/App.tsx

 import React, { Suspense } from 'react'
-import {
-    BrowserRouter as Router,
-    Switch,
-    Route,
-} from "react-router-dom";
-import UserHome from "./user/homeComponent";
+import { BrowserRouter as Router, Switch, Route } from 'react-router-dom'
+import UserHome from './user/homeComponent'
 
 const AdminComponent = React.lazy(() => import('./admin'))
 

src/components/admin/index.tsx

-import React from 'react';
+import React from 'react'
 
 const AdminHome = () => {
-    return (<div>Placeholder for Admin Interface</div>)
+    return <div>Placeholder for Admin Interface</div>
 }
-export default AdminHome;
+export default AdminHome
\ No newline at end of file

src/components/user/homeComponent.tsx

-import React from 'react';
+import React from 'react'
 
 const UserHome = () => {
-    return (<div>Placeholder for the page that will allow the user to start the quiz</div>)
+    return (
+        <div>
+            Placeholder for the page that will allow the user to start the quiz
+        </div>
+    )
 }
-export default UserHome;
+export default UserHome
\ No newline at end of file