Input Form Screen UI Page (#47)

frontend/package.json

@@ -4,6 +4,7 @@
   "private": true,
   "description": "pay transparency",
   "scripts": {
+    "test": "vitest run",
     "test:cov": "vitest run --mode test --coverage",
     "serve": "vite --host",
     "build": "vite build",
@@ -14,7 +15,7 @@
     "@fortawesome/fontawesome-free": "6.3.0",
     "@js-joda/core": "^5.5.2",
     "@mdi/font": "^7.1.96",
-    "@vuepic/vue-datepicker": "^4.2.0",
+    "@vuepic/vue-datepicker": "^7.2.0",
     "axios": "^1.3.4",
     "chart.js": "^4.2.1",
     "core-js": "^3.28.0",
@@ -24,6 +25,7 @@
     "glob-all": "^3.3.1",
     "http-status-codes": "^2.2.0",
     "jest-junit": "^15.0.0",
+    "jsdom": "^22.1.0",
     "minimist": "^1.2.8",
     "moment": "^2.29.4",
     "nconf": "^0.12.0",
@@ -49,6 +51,9 @@
   "devDependencies": {
     "@babel/eslint-parser": "^7.19.1",
     "@vitejs/plugin-vue": "^4.0.0",
+    "@vitest/coverage-v8": "^0.33.0",
+    "@vitest/ui": "^0.33.0",
+    "@vue/test-utils": "^2.4.1",
     "axios-mock-adapter": "1.21.2",
     "eslint": "^8.36.0",
     "eslint-config-prettier": "^8.7.0",
@@ -61,10 +66,8 @@
     "postcss": "^8.4.21",
     "stylus": "^0.59.0",
     "stylus-loader": "^7.1.0",
-    "vue-template-compiler": "^2.7.14",
-    "@vitest/coverage-v8": "^0.33.0",
-    "@vitest/ui": "^0.33.0",
-    "vitest": "^0.33.0"
+    "vitest": "^0.33.0",
+    "vue-template-compiler": "^2.7.14"
   },
   "browserslist": [
     "> 1%",

frontend/src/components/Dashboard.vue

@@ -1,6 +1,6 @@
 <template>
   <v-container class="d-flex justify-center">
-    <v-btn to="GenerateReport">Generate Pay Transparency Report</v-btn>
+    <v-btn to="inputForm">Input Form</v-btn>
     <v-btn>View Generated Reports</v-btn>
   </v-container>
 </template>