From 339e7c3161b96c7a41427f1aa4067fd93a24ebf4 Mon Sep 17 00:00:00 2001
From: "XT:Tandon, Sandeepraj EMPR:IN" <sandeepraj.tandon@cgi.com>
Date: Mon, 8 Mar 2021 18:10:37 -0800
Subject: [PATCH 1/5] Used symbols, updated compoenents to use symbols

---
 .../components/generic/FooterNavigator.vue    |  6 ++++--
 .../partial-view/student/NavBar.vue           |  6 ++++--
 .../ConfirmStudentAidBCProfileInfo.vue        | 12 ++++++++---
 .../financial-aid-application/WelcomePage.vue |  3 ++-
 .../src/constants/routes/RouteConstants.ts    | 17 +++++++++++++++
 .../web/src/router/InstitutionRoutes.ts       |  5 +++--
 .../packages/web/src/router/StudentRoutes.ts  | 21 ++++++++++---------
 .../src/views/institution/AppInstitution.vue  |  2 +-
 .../web/src/views/student/AppStudent.vue      |  7 ++++---
 .../src/views/student/StudentDashboard.vue    |  7 ++++++-
 .../ConfirmSubmission.vue                     |  9 +++++++-
 .../FinancialInfo.vue                         | 11 +++++++++-
 .../PersonalInfoQuestionnaire.vue             | 11 +++++++++-
 .../SelectProgram.vue                         | 11 ++++++++--
 .../web/tests/unit/InstituteList.spec.ts      |  2 +-
 ...onfirmStudentAidBCProfileInfo.view.spec.ts |  2 +-
 16 files changed, 100 insertions(+), 32 deletions(-)
 create mode 100644 sources/packages/web/src/constants/routes/RouteConstants.ts

diff --git a/sources/packages/web/src/components/generic/FooterNavigator.vue b/sources/packages/web/src/components/generic/FooterNavigator.vue
index de68452404..be1545201e 100644
--- a/sources/packages/web/src/components/generic/FooterNavigator.vue
+++ b/sources/packages/web/src/components/generic/FooterNavigator.vue
@@ -16,11 +16,13 @@ import { useRouter } from "vue-router";
 
 export default {
   props: {
-    previous: String,
-    next: String,
+    previous: Symbol,
+    next: Symbol,
   },
   setup(props: any) {
     const router = useRouter();
+    console.log("props");
+    console.dir(props.previous);
     const onPrevious = () => {
       if (props.previous) {
         router.push({ name: props.previous });
diff --git a/sources/packages/web/src/components/partial-view/student/NavBar.vue b/sources/packages/web/src/components/partial-view/student/NavBar.vue
index da90723987..000cefc766 100644
--- a/sources/packages/web/src/components/partial-view/student/NavBar.vue
+++ b/sources/packages/web/src/components/partial-view/student/NavBar.vue
@@ -13,7 +13,7 @@
         icon="pi pi-fw pi-user"
         class="p-button-text"
         style="color: white"
-        @click="$router.push({ name: 'Student-Profile-Edit' })"
+        @click="$router.push({ name: studentProfileEditPath })"
       />
       <Button
         v-if="isAuthenticated"
@@ -30,18 +30,20 @@
 <script lang="ts">
 import { computed } from "vue";
 import { AppConfigService } from "../../../services/AppConfigService";
+import { routeConstants } from "../../../constants/routes/RouteConstants";
 export default {
   setup() {
     const menuItems: any = [];
     const isAuthenticated = computed(
       () => AppConfigService.shared.authService?.authenticated === true,
     );
+    const studentProfileEditPath = routeConstants.STUDENTPROFILEEDIT;
 
     const logoff = () => {
       AppConfigService.shared.authService?.logout();
     };
 
-    return { menuItems, isAuthenticated, logoff };
+    return { menuItems, isAuthenticated, logoff, studentProfileEditPath };
   },
 };
 </script>
diff --git a/sources/packages/web/src/components/partial-view/student/financial-aid-application/ConfirmStudentAidBCProfileInfo.vue b/sources/packages/web/src/components/partial-view/student/financial-aid-application/ConfirmStudentAidBCProfileInfo.vue
index 32ee537fbe..7e65b09f74 100644
--- a/sources/packages/web/src/components/partial-view/student/financial-aid-application/ConfirmStudentAidBCProfileInfo.vue
+++ b/sources/packages/web/src/components/partial-view/student/financial-aid-application/ConfirmStudentAidBCProfileInfo.vue
@@ -27,7 +27,7 @@
     </div>
     <h4 class="p-mb-5">
       If the Information is incorrect, please
-      <router-link :to="{ name: 'Student-Profile-Edit' }"
+      <router-link :to="{ name: studentProfileEditPath }"
         >click here</router-link
       >
     </h4>
@@ -68,13 +68,14 @@
 <script>
 import { onMounted, ref, reactive } from "vue";
 import { StudentService } from "../../../../services/StudentService";
-
+import { routeConstants } from "../../../../constants/routes/RouteConstants";
 export default {
   setup() {
     //Creating a reactive array
     const studentInfo = ref([]);
     const studentContact = ref([]);
     const confirmState = reactive({ checked: false });
+    const studentProfileEditPath = routeConstants.STUDENTPROFILEEDIT;
 
     onMounted(async () => {
       //Get the student info from api call
@@ -82,7 +83,12 @@ export default {
       studentInfo.value = studentInfoFrmService;
       studentContact.value = studentInfoFrmService.contact;
     });
-    return { studentInfo, studentContact, confirmState };
+    return {
+      studentInfo,
+      studentContact,
+      confirmState,
+      studentProfileEditPath,
+    };
   },
 };
 </script>
diff --git a/sources/packages/web/src/components/partial-view/student/financial-aid-application/WelcomePage.vue b/sources/packages/web/src/components/partial-view/student/financial-aid-application/WelcomePage.vue
index 1d92ad623b..5e67094fc2 100644
--- a/sources/packages/web/src/components/partial-view/student/financial-aid-application/WelcomePage.vue
+++ b/sources/packages/web/src/components/partial-view/student/financial-aid-application/WelcomePage.vue
@@ -50,12 +50,13 @@
 <script lang="ts">
 import { SetupContext } from "vue";
 import { useRouter } from "vue-router";
+import { routeConstants } from "../../../../constants/routes/RouteConstants";
 export default {
   setup(props: any, context: SetupContext) {
     const router = useRouter();
     const handleClick = () => {
       context.emit("user-ready");
-      router.push({ name: "personal-info" });
+      router.push({ name: routeConstants.PERSONALINFO });
     };
     return {
       handleClick,
diff --git a/sources/packages/web/src/constants/routes/RouteConstants.ts b/sources/packages/web/src/constants/routes/RouteConstants.ts
new file mode 100644
index 0000000000..c121439aac
--- /dev/null
+++ b/sources/packages/web/src/constants/routes/RouteConstants.ts
@@ -0,0 +1,17 @@
+export const routeConstants = {
+  //Student
+  APPSTUDENT: Symbol(),
+  STUDENTDASHBOARD: Symbol(),
+  LOGIN: Symbol(),
+  STUDENTPROFILE: Symbol(),
+  STUDENTPROFILEEDIT: Symbol(),
+  FINANCIALAIDAPPLICATION: Symbol(),
+  PERSONALINFO: Symbol(),
+  SELECTPROGRAM: Symbol(),
+  FINANCIALINFO: Symbol(),
+  CONFIRMSUBMISSION: Symbol(),
+
+  //Institution
+  APPINSTITUTION: Symbol(),
+  INSTITUTIONDASHBOARD: Symbol(),
+};
diff --git a/sources/packages/web/src/router/InstitutionRoutes.ts b/sources/packages/web/src/router/InstitutionRoutes.ts
index a62ff83202..257bcbd6e9 100644
--- a/sources/packages/web/src/router/InstitutionRoutes.ts
+++ b/sources/packages/web/src/router/InstitutionRoutes.ts
@@ -1,16 +1,17 @@
 import { RouteRecordRaw } from "vue-router";
 import InstitutionDashboard from "../views/institution/InstitutionDashboard.vue";
 import AppInstitution from "../views/institution/AppInstitution.vue";
+import { routeConstants } from "../constants/routes/RouteConstants";
 
 export const institutionRoutes: Array<RouteRecordRaw> = [
   {
     path: "/institution",
-    name: "AppInstitution",
+    name: routeConstants.APPINSTITUTION,
     component: AppInstitution,
     children: [
       {
         path: "institution-dashboard",
-        name: "InstitutionDashboard",
+        name: routeConstants.INSTITUTIONDASHBOARD,
         component: InstitutionDashboard,
       },
     ],
diff --git a/sources/packages/web/src/router/StudentRoutes.ts b/sources/packages/web/src/router/StudentRoutes.ts
index 40de5a0291..8d97b2428e 100644
--- a/sources/packages/web/src/router/StudentRoutes.ts
+++ b/sources/packages/web/src/router/StudentRoutes.ts
@@ -8,57 +8,58 @@ import PersonalInfoQuestionnaire from "../views/student/financial-aid-applicatio
 import SelectProgram from "../views/student/financial-aid-application/SelectProgram.vue";
 import FinancialInfo from "../views/student/financial-aid-application/FinancialInfo.vue";
 import ConfirmSubmission from "../views/student/financial-aid-application/ConfirmSubmission.vue";
+import { routeConstants } from "../constants/routes/RouteConstants";
 
 export const studentRoutes: Array<RouteRecordRaw> = [
   {
     path: "/student",
-    name: "AppStudent",
+    name: routeConstants.APPSTUDENT,
     component: AppStudent,
     children: [
       {
         path: "student-dashboard",
-        name: "StudentDashboard",
+        name: routeConstants.STUDENTDASHBOARD,
         component: StudentDashboard,
       },
       {
         path: "login",
-        name: "Login",
+        name: routeConstants.LOGIN,
         component: Login,
       },
       {
         path: "student-profile",
-        name: "Student-Profile",
+        name: routeConstants.STUDENTPROFILE,
         component: Student,
         props: { editMode: false },
       },
       {
         path: "student-profile/edit",
-        name: "Student-Profile-Edit",
+        name: routeConstants.STUDENTPROFILEEDIT,
         component: Student,
       },
       {
         path: "application",
-        name: "application",
+        name: routeConstants.FINANCIALAIDAPPLICATION,
         component: FinancialAidApplication,
         children: [
           {
             path: "personal-info",
-            name: "personal-info",
+            name: routeConstants.PERSONALINFO,
             component: PersonalInfoQuestionnaire,
           },
           {
             path: "select-program",
-            name: "select-program",
+            name: routeConstants.SELECTPROGRAM,
             component: SelectProgram,
           },
           {
             path: "financial-info",
-            name: "financial-info",
+            name: routeConstants.FINANCIALINFO,
             component: FinancialInfo,
           },
           {
             path: "confirm-submission",
-            name: "confirm-submission",
+            name: routeConstants.CONFIRMSUBMISSION,
             component: ConfirmSubmission,
           },
         ], //Children under /Student/FinancialAidApplication
diff --git a/sources/packages/web/src/views/institution/AppInstitution.vue b/sources/packages/web/src/views/institution/AppInstitution.vue
index b4e597ebdb..74a698ebcc 100644
--- a/sources/packages/web/src/views/institution/AppInstitution.vue
+++ b/sources/packages/web/src/views/institution/AppInstitution.vue
@@ -1,6 +1,6 @@
 <template>
   <div>
-    <router-view :key="$route.fullPath" />
+    <router-view />
   </div>
 </template>
 
diff --git a/sources/packages/web/src/views/student/AppStudent.vue b/sources/packages/web/src/views/student/AppStudent.vue
index 4fc24c29e7..b1316088ac 100644
--- a/sources/packages/web/src/views/student/AppStudent.vue
+++ b/sources/packages/web/src/views/student/AppStudent.vue
@@ -11,6 +11,7 @@ import NavBar from "../../components/partial-view/student/NavBar.vue";
 import { AppConfigService } from "../../services/AppConfigService";
 import { UserService } from "../../services/UserService";
 import { StudentService } from "../../services/StudentService";
+import { routeConstants } from "../../constants/routes/RouteConstants";
 
 @Options({
   components: {
@@ -22,20 +23,20 @@ export default class AppStudent extends Vue {
     const router = this.$router;
     if (!AppConfigService.shared.authService?.authenticated) {
       router.push({
-        name: "Login",
+        name: routeConstants.LOGIN,
       });
     } else if (await UserService.shared.checkUser()) {
       /*After checking the user exists, information differences between BC Service card and SABC is synced
       And Redirect to Home page (Student's Dashboard)*/
       await StudentService.shared.synchronizeFromUserInfo();
       router.push({
-        name: "StudentDashboard",
+        name: routeConstants.STUDENTDASHBOARD,
       });
     } else {
       /* User doesn't exist in SABC Database and so redirect the user to Student Profile page
        where they can provide information and create SABC account */
       router.push({
-        name: "Student-Profile",
+        name: routeConstants.STUDENTPROFILE,
       });
     }
   }
diff --git a/sources/packages/web/src/views/student/StudentDashboard.vue b/sources/packages/web/src/views/student/StudentDashboard.vue
index bd32f29591..19f4538d92 100644
--- a/sources/packages/web/src/views/student/StudentDashboard.vue
+++ b/sources/packages/web/src/views/student/StudentDashboard.vue
@@ -11,7 +11,7 @@
       <Button
         label="Start Application"
         class="p-button-raised"
-        @click="$router.push({ name: 'application' })"
+        @click="$router.push({ name: financialAidApplicationPath })"
       />
     </template>
   </Card>
@@ -19,12 +19,17 @@
 <script lang="ts">
 import { computed } from "vue";
 import { useStore } from "vuex";
+import { routeConstants } from "../../constants/routes/RouteConstants";
+
 export default {
   setup() {
     const store = useStore();
     const user = computed(() => store.state.student.profile);
+    const financialAidApplicationPath = routeConstants.FINANCIALAIDAPPLICATION;
+
     return {
       user,
+      financialAidApplicationPath,
     };
   },
 };
diff --git a/sources/packages/web/src/views/student/financial-aid-application/ConfirmSubmission.vue b/sources/packages/web/src/views/student/financial-aid-application/ConfirmSubmission.vue
index 0380ae599e..f5c77285ba 100644
--- a/sources/packages/web/src/views/student/financial-aid-application/ConfirmSubmission.vue
+++ b/sources/packages/web/src/views/student/financial-aid-application/ConfirmSubmission.vue
@@ -2,7 +2,7 @@
   <div class="p-component">
     <div class="p-card p-m-4">
       <Section title="Confirm Submission Page..." />
-      <FooterNavigator previous="financial-info" />
+      <FooterNavigator v-bind:previous="financialInfo" />
     </div>
   </div>
 </template>
@@ -10,12 +10,19 @@
 <script lang="ts">
 import Section from "../../../components/generic/Section.vue";
 import FooterNavigator from "../../../components/generic/FooterNavigator.vue";
+import { routeConstants } from "../../../constants/routes/RouteConstants";
 
 export default {
   components: {
     Section,
     FooterNavigator,
   },
+  setup() {
+    const financialInfo = routeConstants.FINANCIALINFO;
+    return {
+      financialInfo,
+    };
+  },
 };
 </script>
 
diff --git a/sources/packages/web/src/views/student/financial-aid-application/FinancialInfo.vue b/sources/packages/web/src/views/student/financial-aid-application/FinancialInfo.vue
index 7e81ee2b2c..0b68e89b71 100644
--- a/sources/packages/web/src/views/student/financial-aid-application/FinancialInfo.vue
+++ b/sources/packages/web/src/views/student/financial-aid-application/FinancialInfo.vue
@@ -93,13 +93,17 @@
           </ContentGroup>
         </Section>
       </ContentGroup>
-      <FooterNavigator previous="select-program" next="confirm-submission" />
+      <FooterNavigator
+        v-bind:previous="selectProgram"
+        v-bind:next="confirmSubmission"
+      />
     </div>
   </div>
 </template>
 
 <script lang="ts">
 import { reactive } from "vue";
+import { routeConstants } from "../../../constants/routes/RouteConstants";
 import Section from "../../../components/generic/Section.vue";
 import Question from "../../../components/generic/Question.vue";
 import ContentGroup from "../../../components/generic/ContentGroup.vue";
@@ -131,9 +135,14 @@ export default {
   },
   setup() {
     const financialInfoState = reactive({} as FinancialInfoState);
+    const confirmSubmission = routeConstants.CONFIRMSUBMISSION;
+    const selectProgram = routeConstants.SELECTPROGRAM;
+
     return {
       questionsFin,
       financialInfoState,
+      confirmSubmission,
+      selectProgram,
     };
   },
 };
diff --git a/sources/packages/web/src/views/student/financial-aid-application/PersonalInfoQuestionnaire.vue b/sources/packages/web/src/views/student/financial-aid-application/PersonalInfoQuestionnaire.vue
index 9972c73570..f183847aef 100644
--- a/sources/packages/web/src/views/student/financial-aid-application/PersonalInfoQuestionnaire.vue
+++ b/sources/packages/web/src/views/student/financial-aid-application/PersonalInfoQuestionnaire.vue
@@ -136,12 +136,16 @@
       </Section>
       <HorizontalSeparator />
     </div>
-    <FooterNavigator previous="application" next="select-program" />
+    <FooterNavigator
+      v-bind:previous="financialAidApplication"
+      v-bind:next="selectProgram"
+    />
   </div>
 </template>
 
 <script lang="ts">
 import { reactive } from "vue";
+import { routeConstants } from "../../../constants/routes/RouteConstants";
 import Section from "../../../components/generic/Section.vue";
 import Question from "../../../components/generic/Question.vue";
 import RadioButtonList from "../../../components/generic/RadioButtonList.vue";
@@ -176,9 +180,14 @@ export default {
   },
   setup() {
     const personalInfoState = reactive({} as PersonalInfoState);
+    const financialAidApplication = routeConstants.FINANCIALAIDAPPLICATION;
+    const selectProgram = routeConstants.SELECTPROGRAM;
+
     return {
       questionsPI,
       personalInfoState,
+      financialAidApplication,
+      selectProgram,
     };
   },
 };
diff --git a/sources/packages/web/src/views/student/financial-aid-application/SelectProgram.vue b/sources/packages/web/src/views/student/financial-aid-application/SelectProgram.vue
index a44c895e0c..bf43667ede 100644
--- a/sources/packages/web/src/views/student/financial-aid-application/SelectProgram.vue
+++ b/sources/packages/web/src/views/student/financial-aid-application/SelectProgram.vue
@@ -70,7 +70,10 @@
       <!-- Education Program-->
       <!-- Body-->
       <!-- Footer-->
-      <FooterNavigator previous="personal-info" next="financial-info" />
+      <FooterNavigator
+        v-bind:previous="personalInfo"
+        v-bind:next="financialInfo"
+      />
       <!-- Footer -->
     </div>
   </div>
@@ -78,6 +81,7 @@
 
 <script lang="ts">
 import { reactive, ref } from "vue";
+import { routeConstants } from "../../../constants/routes/RouteConstants";
 import HorizontalSeparator from "../../../components/generic/HorizontalSeparator.vue";
 import Section from "../../../components/generic/Section.vue";
 import Question from "../../../components/generic/Question.vue";
@@ -109,13 +113,16 @@ export default {
       enableEducationProgram.value = true;
       selectedInstitute.value = event.value;
     };
-
+    const financialInfo = routeConstants.FINANCIALINFO;
+    const personalInfo = routeConstants.PERSONALINFO;
     return {
       questionsSelectProgram,
       response,
       enableEducationProgram,
       onInstituteSelect,
       selectedInstitute,
+      financialInfo,
+      personalInfo,
     };
   },
 };
diff --git a/sources/packages/web/tests/unit/InstituteList.spec.ts b/sources/packages/web/tests/unit/InstituteList.spec.ts
index 3a169929e3..ab6febe39e 100644
--- a/sources/packages/web/tests/unit/InstituteList.spec.ts
+++ b/sources/packages/web/tests/unit/InstituteList.spec.ts
@@ -2,7 +2,7 @@ import { mount } from "@vue/test-utils";
 import store from "../../src/store";
 
 // Target Vue
-import InstituteList from "../../src/components/partial-view/InstituteList.vue";
+import InstituteList from "../../src/components/partial-view/student/financial-aid-application/InstituteList.vue";
 
 describe("Test InstituteList.vue", () => {
   it("should load institute component", () => {
diff --git a/sources/packages/web/tests/unit/components/fa-application/ConfirmStudentAidBCProfileInfo.view.spec.ts b/sources/packages/web/tests/unit/components/fa-application/ConfirmStudentAidBCProfileInfo.view.spec.ts
index c47b1bbdbd..10afe285aa 100644
--- a/sources/packages/web/tests/unit/components/fa-application/ConfirmStudentAidBCProfileInfo.view.spec.ts
+++ b/sources/packages/web/tests/unit/components/fa-application/ConfirmStudentAidBCProfileInfo.view.spec.ts
@@ -2,7 +2,7 @@ import { mount } from "@vue/test-utils";
 import store from "../../../../src/store";
 
 // Target Vue
-import ConfirmStudentAidBCProfileInfo from "../../../../src/components/partial-view/ConfirmStudentAidBCProfileInfo.vue";
+import ConfirmStudentAidBCProfileInfo from "../../../../src/components/partial-view/student/financial-aid-application/ConfirmStudentAidBCProfileInfo.vue";
 
 describe("Test ConfirmStudentAidBCProfileInfo.vue", () => {
   it("Should load ConfirmStudentAidBCProfileInfo Page", () => {

From 7121071263f91547c43d7abf4c7f33a53f82a4d3 Mon Sep 17 00:00:00 2001
From: "XT:Tandon, Sandeepraj EMPR:IN" <sandeepraj.tandon@cgi.com>
Date: Tue, 9 Mar 2021 10:53:25 -0800
Subject: [PATCH 2/5] Added jest config to get web tests to run

---
 sources/packages/web/jest.config.js | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/sources/packages/web/jest.config.js b/sources/packages/web/jest.config.js
index 6128d90468..a64481e4d7 100644
--- a/sources/packages/web/jest.config.js
+++ b/sources/packages/web/jest.config.js
@@ -4,7 +4,8 @@ module.exports = {
     "^.+\\.vue$": "vue-jest",
   },
   globals: {
-    "ts-jest": {
+    "ts-jest": {      
+      babelConfig: 'babel.config.js',
       diagnostics: {
         warnOnly: true,
       },

From fc81474145f416a67ab119f089a1ece570862f9c Mon Sep 17 00:00:00 2001
From: "XT:Tandon, Sandeepraj EMPR:IN" <sandeepraj.tandon@cgi.com>
Date: Tue, 9 Mar 2021 14:01:23 -0800
Subject: [PATCH 3/5] Exposed whole route const rather than each route

---
 .../components/generic/FooterNavigator.vue    |  2 --
 .../partial-view/student/NavBar.vue           |  7 +++--
 .../ConfirmStudentAidBCProfileInfo.vue        |  7 +++--
 .../financial-aid-application/WelcomePage.vue |  4 +--
 .../src/constants/routes/RouteConstants.ts    | 27 ++++++++++---------
 .../web/src/router/InstitutionRoutes.ts       |  6 ++---
 .../packages/web/src/router/StudentRoutes.ts  | 22 +++++++--------
 .../web/src/views/student/AppStudent.vue      |  8 +++---
 .../src/views/student/StudentDashboard.vue    |  9 ++++---
 .../ConfirmSubmission.vue                     |  7 +++--
 .../FinancialInfo.vue                         | 11 +++-----
 .../PersonalInfoQuestionnaire.vue             | 11 +++-----
 .../SelectProgram.vue                         | 11 +++-----
 13 files changed, 60 insertions(+), 72 deletions(-)

diff --git a/sources/packages/web/src/components/generic/FooterNavigator.vue b/sources/packages/web/src/components/generic/FooterNavigator.vue
index be1545201e..b97f747e79 100644
--- a/sources/packages/web/src/components/generic/FooterNavigator.vue
+++ b/sources/packages/web/src/components/generic/FooterNavigator.vue
@@ -21,8 +21,6 @@ export default {
   },
   setup(props: any) {
     const router = useRouter();
-    console.log("props");
-    console.dir(props.previous);
     const onPrevious = () => {
       if (props.previous) {
         router.push({ name: props.previous });
diff --git a/sources/packages/web/src/components/partial-view/student/NavBar.vue b/sources/packages/web/src/components/partial-view/student/NavBar.vue
index 000cefc766..7436f7e5ca 100644
--- a/sources/packages/web/src/components/partial-view/student/NavBar.vue
+++ b/sources/packages/web/src/components/partial-view/student/NavBar.vue
@@ -13,7 +13,7 @@
         icon="pi pi-fw pi-user"
         class="p-button-text"
         style="color: white"
-        @click="$router.push({ name: studentProfileEditPath })"
+        @click="$router.push({ name: studentRoutesConst.STUDENT_PROFILE_EDIT })"
       />
       <Button
         v-if="isAuthenticated"
@@ -30,20 +30,19 @@
 <script lang="ts">
 import { computed } from "vue";
 import { AppConfigService } from "../../../services/AppConfigService";
-import { routeConstants } from "../../../constants/routes/RouteConstants";
+import { studentRoutesConst } from "../../../constants/routes/RouteConstants";
 export default {
   setup() {
     const menuItems: any = [];
     const isAuthenticated = computed(
       () => AppConfigService.shared.authService?.authenticated === true,
     );
-    const studentProfileEditPath = routeConstants.STUDENTPROFILEEDIT;
 
     const logoff = () => {
       AppConfigService.shared.authService?.logout();
     };
 
-    return { menuItems, isAuthenticated, logoff, studentProfileEditPath };
+    return { menuItems, isAuthenticated, logoff, studentRoutesConst };
   },
 };
 </script>
diff --git a/sources/packages/web/src/components/partial-view/student/financial-aid-application/ConfirmStudentAidBCProfileInfo.vue b/sources/packages/web/src/components/partial-view/student/financial-aid-application/ConfirmStudentAidBCProfileInfo.vue
index 7e65b09f74..e753234941 100644
--- a/sources/packages/web/src/components/partial-view/student/financial-aid-application/ConfirmStudentAidBCProfileInfo.vue
+++ b/sources/packages/web/src/components/partial-view/student/financial-aid-application/ConfirmStudentAidBCProfileInfo.vue
@@ -27,7 +27,7 @@
     </div>
     <h4 class="p-mb-5">
       If the Information is incorrect, please
-      <router-link :to="{ name: studentProfileEditPath }"
+      <router-link :to="{ name: studentRoutesConst.STUDENT_PROFILE_EDIT }"
         >click here</router-link
       >
     </h4>
@@ -68,14 +68,13 @@
 <script>
 import { onMounted, ref, reactive } from "vue";
 import { StudentService } from "../../../../services/StudentService";
-import { routeConstants } from "../../../../constants/routes/RouteConstants";
+import { studentRoutesConst } from "../../../../constants/routes/RouteConstants";
 export default {
   setup() {
     //Creating a reactive array
     const studentInfo = ref([]);
     const studentContact = ref([]);
     const confirmState = reactive({ checked: false });
-    const studentProfileEditPath = routeConstants.STUDENTPROFILEEDIT;
 
     onMounted(async () => {
       //Get the student info from api call
@@ -87,7 +86,7 @@ export default {
       studentInfo,
       studentContact,
       confirmState,
-      studentProfileEditPath,
+      studentRoutesConst,
     };
   },
 };
diff --git a/sources/packages/web/src/components/partial-view/student/financial-aid-application/WelcomePage.vue b/sources/packages/web/src/components/partial-view/student/financial-aid-application/WelcomePage.vue
index 5e67094fc2..85ed68d4df 100644
--- a/sources/packages/web/src/components/partial-view/student/financial-aid-application/WelcomePage.vue
+++ b/sources/packages/web/src/components/partial-view/student/financial-aid-application/WelcomePage.vue
@@ -50,13 +50,13 @@
 <script lang="ts">
 import { SetupContext } from "vue";
 import { useRouter } from "vue-router";
-import { routeConstants } from "../../../../constants/routes/RouteConstants";
+import { studentRoutesConst } from "../../../../constants/routes/RouteConstants";
 export default {
   setup(props: any, context: SetupContext) {
     const router = useRouter();
     const handleClick = () => {
       context.emit("user-ready");
-      router.push({ name: routeConstants.PERSONALINFO });
+      router.push({ name: studentRoutesConst.PERSONAL_INFO });
     };
     return {
       handleClick,
diff --git a/sources/packages/web/src/constants/routes/RouteConstants.ts b/sources/packages/web/src/constants/routes/RouteConstants.ts
index c121439aac..623c81347b 100644
--- a/sources/packages/web/src/constants/routes/RouteConstants.ts
+++ b/sources/packages/web/src/constants/routes/RouteConstants.ts
@@ -1,17 +1,18 @@
-export const routeConstants = {
+export const studentRoutesConst = {
   //Student
-  APPSTUDENT: Symbol(),
-  STUDENTDASHBOARD: Symbol(),
+  APP_STUDENT: Symbol(),
+  STUDENT_DASHBOARD: Symbol(),
   LOGIN: Symbol(),
-  STUDENTPROFILE: Symbol(),
-  STUDENTPROFILEEDIT: Symbol(),
-  FINANCIALAIDAPPLICATION: Symbol(),
-  PERSONALINFO: Symbol(),
-  SELECTPROGRAM: Symbol(),
-  FINANCIALINFO: Symbol(),
-  CONFIRMSUBMISSION: Symbol(),
-
+  STUDENT_PROFILE: Symbol(),
+  STUDENT_PROFILE_EDIT: Symbol(),
+  FINANCIAL_AID_APPLICATION: Symbol(),
+  PERSONAL_INFO: Symbol(),
+  SELECT_PROGRAM: Symbol(),
+  FINANCIAL_INFO: Symbol(),
+  CONFIRM_SUBMISSION: Symbol(),
+};
+export const institutionRoutesConst = {
   //Institution
-  APPINSTITUTION: Symbol(),
-  INSTITUTIONDASHBOARD: Symbol(),
+  APP_INSTITUTION: Symbol(),
+  INSTITUTION_DASHBOARD: Symbol(),
 };
diff --git a/sources/packages/web/src/router/InstitutionRoutes.ts b/sources/packages/web/src/router/InstitutionRoutes.ts
index 257bcbd6e9..00ba23e5c8 100644
--- a/sources/packages/web/src/router/InstitutionRoutes.ts
+++ b/sources/packages/web/src/router/InstitutionRoutes.ts
@@ -1,17 +1,17 @@
 import { RouteRecordRaw } from "vue-router";
 import InstitutionDashboard from "../views/institution/InstitutionDashboard.vue";
 import AppInstitution from "../views/institution/AppInstitution.vue";
-import { routeConstants } from "../constants/routes/RouteConstants";
+import { institutionRoutesConst } from "../constants/routes/RouteConstants";
 
 export const institutionRoutes: Array<RouteRecordRaw> = [
   {
     path: "/institution",
-    name: routeConstants.APPINSTITUTION,
+    name: institutionRoutesConst.APP_INSTITUTION,
     component: AppInstitution,
     children: [
       {
         path: "institution-dashboard",
-        name: routeConstants.INSTITUTIONDASHBOARD,
+        name: institutionRoutesConst.INSTITUTION_DASHBOARD,
         component: InstitutionDashboard,
       },
     ],
diff --git a/sources/packages/web/src/router/StudentRoutes.ts b/sources/packages/web/src/router/StudentRoutes.ts
index 8d97b2428e..f6fac71e93 100644
--- a/sources/packages/web/src/router/StudentRoutes.ts
+++ b/sources/packages/web/src/router/StudentRoutes.ts
@@ -8,58 +8,58 @@ import PersonalInfoQuestionnaire from "../views/student/financial-aid-applicatio
 import SelectProgram from "../views/student/financial-aid-application/SelectProgram.vue";
 import FinancialInfo from "../views/student/financial-aid-application/FinancialInfo.vue";
 import ConfirmSubmission from "../views/student/financial-aid-application/ConfirmSubmission.vue";
-import { routeConstants } from "../constants/routes/RouteConstants";
+import { studentRoutesConst } from "../constants/routes/RouteConstants";
 
 export const studentRoutes: Array<RouteRecordRaw> = [
   {
     path: "/student",
-    name: routeConstants.APPSTUDENT,
+    name: studentRoutesConst.APP_STUDENT,
     component: AppStudent,
     children: [
       {
         path: "student-dashboard",
-        name: routeConstants.STUDENTDASHBOARD,
+        name: studentRoutesConst.STUDENT_DASHBOARD,
         component: StudentDashboard,
       },
       {
         path: "login",
-        name: routeConstants.LOGIN,
+        name: studentRoutesConst.LOGIN,
         component: Login,
       },
       {
         path: "student-profile",
-        name: routeConstants.STUDENTPROFILE,
+        name: studentRoutesConst.STUDENT_PROFILE,
         component: Student,
         props: { editMode: false },
       },
       {
         path: "student-profile/edit",
-        name: routeConstants.STUDENTPROFILEEDIT,
+        name: studentRoutesConst.STUDENT_PROFILE_EDIT,
         component: Student,
       },
       {
         path: "application",
-        name: routeConstants.FINANCIALAIDAPPLICATION,
+        name: studentRoutesConst.FINANCIAL_AID_APPLICATION,
         component: FinancialAidApplication,
         children: [
           {
             path: "personal-info",
-            name: routeConstants.PERSONALINFO,
+            name: studentRoutesConst.PERSONAL_INFO,
             component: PersonalInfoQuestionnaire,
           },
           {
             path: "select-program",
-            name: routeConstants.SELECTPROGRAM,
+            name: studentRoutesConst.SELECT_PROGRAM,
             component: SelectProgram,
           },
           {
             path: "financial-info",
-            name: routeConstants.FINANCIALINFO,
+            name: studentRoutesConst.FINANCIAL_INFO,
             component: FinancialInfo,
           },
           {
             path: "confirm-submission",
-            name: routeConstants.CONFIRMSUBMISSION,
+            name: studentRoutesConst.CONFIRM_SUBMISSION,
             component: ConfirmSubmission,
           },
         ], //Children under /Student/FinancialAidApplication
diff --git a/sources/packages/web/src/views/student/AppStudent.vue b/sources/packages/web/src/views/student/AppStudent.vue
index b1316088ac..63afdbfd06 100644
--- a/sources/packages/web/src/views/student/AppStudent.vue
+++ b/sources/packages/web/src/views/student/AppStudent.vue
@@ -11,7 +11,7 @@ import NavBar from "../../components/partial-view/student/NavBar.vue";
 import { AppConfigService } from "../../services/AppConfigService";
 import { UserService } from "../../services/UserService";
 import { StudentService } from "../../services/StudentService";
-import { routeConstants } from "../../constants/routes/RouteConstants";
+import { studentRoutesConst } from "../../constants/routes/RouteConstants";
 
 @Options({
   components: {
@@ -23,20 +23,20 @@ export default class AppStudent extends Vue {
     const router = this.$router;
     if (!AppConfigService.shared.authService?.authenticated) {
       router.push({
-        name: routeConstants.LOGIN,
+        name: studentRoutesConst.LOGIN,
       });
     } else if (await UserService.shared.checkUser()) {
       /*After checking the user exists, information differences between BC Service card and SABC is synced
       And Redirect to Home page (Student's Dashboard)*/
       await StudentService.shared.synchronizeFromUserInfo();
       router.push({
-        name: routeConstants.STUDENTDASHBOARD,
+        name: studentRoutesConst.STUDENT_DASHBOARD,
       });
     } else {
       /* User doesn't exist in SABC Database and so redirect the user to Student Profile page
        where they can provide information and create SABC account */
       router.push({
-        name: routeConstants.STUDENTPROFILE,
+        name: studentRoutesConst.STUDENT_PROFILE,
       });
     }
   }
diff --git a/sources/packages/web/src/views/student/StudentDashboard.vue b/sources/packages/web/src/views/student/StudentDashboard.vue
index 19f4538d92..c1e1ce443c 100644
--- a/sources/packages/web/src/views/student/StudentDashboard.vue
+++ b/sources/packages/web/src/views/student/StudentDashboard.vue
@@ -11,7 +11,9 @@
       <Button
         label="Start Application"
         class="p-button-raised"
-        @click="$router.push({ name: financialAidApplicationPath })"
+        @click="
+          $router.push({ name: studentRoutesConst.FINANCIAL_AID_APPLICATION })
+        "
       />
     </template>
   </Card>
@@ -19,17 +21,16 @@
 <script lang="ts">
 import { computed } from "vue";
 import { useStore } from "vuex";
-import { routeConstants } from "../../constants/routes/RouteConstants";
+import { studentRoutesConst } from "../../constants/routes/RouteConstants";
 
 export default {
   setup() {
     const store = useStore();
     const user = computed(() => store.state.student.profile);
-    const financialAidApplicationPath = routeConstants.FINANCIALAIDAPPLICATION;
 
     return {
       user,
-      financialAidApplicationPath,
+      studentRoutesConst,
     };
   },
 };
diff --git a/sources/packages/web/src/views/student/financial-aid-application/ConfirmSubmission.vue b/sources/packages/web/src/views/student/financial-aid-application/ConfirmSubmission.vue
index f5c77285ba..0efd5901aa 100644
--- a/sources/packages/web/src/views/student/financial-aid-application/ConfirmSubmission.vue
+++ b/sources/packages/web/src/views/student/financial-aid-application/ConfirmSubmission.vue
@@ -2,7 +2,7 @@
   <div class="p-component">
     <div class="p-card p-m-4">
       <Section title="Confirm Submission Page..." />
-      <FooterNavigator v-bind:previous="financialInfo" />
+      <FooterNavigator v-bind:previous="studentRoutesConst.FINANCIAL_INFO" />
     </div>
   </div>
 </template>
@@ -10,7 +10,7 @@
 <script lang="ts">
 import Section from "../../../components/generic/Section.vue";
 import FooterNavigator from "../../../components/generic/FooterNavigator.vue";
-import { routeConstants } from "../../../constants/routes/RouteConstants";
+import { studentRoutesConst } from "../../../constants/routes/RouteConstants";
 
 export default {
   components: {
@@ -18,9 +18,8 @@ export default {
     FooterNavigator,
   },
   setup() {
-    const financialInfo = routeConstants.FINANCIALINFO;
     return {
-      financialInfo,
+      studentRoutesConst,
     };
   },
 };
diff --git a/sources/packages/web/src/views/student/financial-aid-application/FinancialInfo.vue b/sources/packages/web/src/views/student/financial-aid-application/FinancialInfo.vue
index 0b68e89b71..6e0265b663 100644
--- a/sources/packages/web/src/views/student/financial-aid-application/FinancialInfo.vue
+++ b/sources/packages/web/src/views/student/financial-aid-application/FinancialInfo.vue
@@ -94,8 +94,8 @@
         </Section>
       </ContentGroup>
       <FooterNavigator
-        v-bind:previous="selectProgram"
-        v-bind:next="confirmSubmission"
+        v-bind:previous="studentRoutesConst.SELECT_PROGRAM"
+        v-bind:next="studentRoutesConst.CONFIRM_SUBMISSION"
       />
     </div>
   </div>
@@ -103,7 +103,7 @@
 
 <script lang="ts">
 import { reactive } from "vue";
-import { routeConstants } from "../../../constants/routes/RouteConstants";
+import { studentRoutesConst } from "../../../constants/routes/RouteConstants";
 import Section from "../../../components/generic/Section.vue";
 import Question from "../../../components/generic/Question.vue";
 import ContentGroup from "../../../components/generic/ContentGroup.vue";
@@ -135,14 +135,11 @@ export default {
   },
   setup() {
     const financialInfoState = reactive({} as FinancialInfoState);
-    const confirmSubmission = routeConstants.CONFIRMSUBMISSION;
-    const selectProgram = routeConstants.SELECTPROGRAM;
 
     return {
       questionsFin,
       financialInfoState,
-      confirmSubmission,
-      selectProgram,
+      studentRoutesConst,
     };
   },
 };
diff --git a/sources/packages/web/src/views/student/financial-aid-application/PersonalInfoQuestionnaire.vue b/sources/packages/web/src/views/student/financial-aid-application/PersonalInfoQuestionnaire.vue
index f183847aef..c6f3c0ef87 100644
--- a/sources/packages/web/src/views/student/financial-aid-application/PersonalInfoQuestionnaire.vue
+++ b/sources/packages/web/src/views/student/financial-aid-application/PersonalInfoQuestionnaire.vue
@@ -137,15 +137,15 @@
       <HorizontalSeparator />
     </div>
     <FooterNavigator
-      v-bind:previous="financialAidApplication"
-      v-bind:next="selectProgram"
+      v-bind:previous="studentRoutesConst.FINANCIAL_AID_APPLICATION"
+      v-bind:next="studentRoutesConst.SELECT_PROGRAM"
     />
   </div>
 </template>
 
 <script lang="ts">
 import { reactive } from "vue";
-import { routeConstants } from "../../../constants/routes/RouteConstants";
+import { studentRoutesConst } from "../../../constants/routes/RouteConstants";
 import Section from "../../../components/generic/Section.vue";
 import Question from "../../../components/generic/Question.vue";
 import RadioButtonList from "../../../components/generic/RadioButtonList.vue";
@@ -180,14 +180,11 @@ export default {
   },
   setup() {
     const personalInfoState = reactive({} as PersonalInfoState);
-    const financialAidApplication = routeConstants.FINANCIALAIDAPPLICATION;
-    const selectProgram = routeConstants.SELECTPROGRAM;
 
     return {
       questionsPI,
       personalInfoState,
-      financialAidApplication,
-      selectProgram,
+      studentRoutesConst,
     };
   },
 };
diff --git a/sources/packages/web/src/views/student/financial-aid-application/SelectProgram.vue b/sources/packages/web/src/views/student/financial-aid-application/SelectProgram.vue
index bf43667ede..b1d0427720 100644
--- a/sources/packages/web/src/views/student/financial-aid-application/SelectProgram.vue
+++ b/sources/packages/web/src/views/student/financial-aid-application/SelectProgram.vue
@@ -71,8 +71,8 @@
       <!-- Body-->
       <!-- Footer-->
       <FooterNavigator
-        v-bind:previous="personalInfo"
-        v-bind:next="financialInfo"
+        v-bind:previous="studentRoutesConst.PERSONAL_INFO"
+        v-bind:next="studentRoutesConst.FINANCIAL_INFO"
       />
       <!-- Footer -->
     </div>
@@ -81,7 +81,7 @@
 
 <script lang="ts">
 import { reactive, ref } from "vue";
-import { routeConstants } from "../../../constants/routes/RouteConstants";
+import { studentRoutesConst } from "../../../constants/routes/RouteConstants";
 import HorizontalSeparator from "../../../components/generic/HorizontalSeparator.vue";
 import Section from "../../../components/generic/Section.vue";
 import Question from "../../../components/generic/Question.vue";
@@ -113,16 +113,13 @@ export default {
       enableEducationProgram.value = true;
       selectedInstitute.value = event.value;
     };
-    const financialInfo = routeConstants.FINANCIALINFO;
-    const personalInfo = routeConstants.PERSONALINFO;
     return {
       questionsSelectProgram,
       response,
       enableEducationProgram,
       onInstituteSelect,
       selectedInstitute,
-      financialInfo,
-      personalInfo,
+      studentRoutesConst,
     };
   },
 };

From 4443a66ae9499c24aedf359d99a85c0ff24183bd Mon Sep 17 00:00:00 2001
From: "XT:Tandon, Sandeepraj EMPR:IN" <sandeepraj.tandon@cgi.com>
Date: Tue, 9 Mar 2021 14:14:13 -0800
Subject: [PATCH 4/5] removed v:bind syntax

---
 .../student/financial-aid-application/ConfirmSubmission.vue   | 2 +-
 .../views/student/financial-aid-application/FinancialInfo.vue | 4 ++--
 .../financial-aid-application/PersonalInfoQuestionnaire.vue   | 4 ++--
 .../views/student/financial-aid-application/SelectProgram.vue | 4 ++--
 4 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/sources/packages/web/src/views/student/financial-aid-application/ConfirmSubmission.vue b/sources/packages/web/src/views/student/financial-aid-application/ConfirmSubmission.vue
index 0efd5901aa..87f8b3f898 100644
--- a/sources/packages/web/src/views/student/financial-aid-application/ConfirmSubmission.vue
+++ b/sources/packages/web/src/views/student/financial-aid-application/ConfirmSubmission.vue
@@ -2,7 +2,7 @@
   <div class="p-component">
     <div class="p-card p-m-4">
       <Section title="Confirm Submission Page..." />
-      <FooterNavigator v-bind:previous="studentRoutesConst.FINANCIAL_INFO" />
+      <FooterNavigator :previous="studentRoutesConst.FINANCIAL_INFO" />
     </div>
   </div>
 </template>
diff --git a/sources/packages/web/src/views/student/financial-aid-application/FinancialInfo.vue b/sources/packages/web/src/views/student/financial-aid-application/FinancialInfo.vue
index 6e0265b663..da8d8c7af2 100644
--- a/sources/packages/web/src/views/student/financial-aid-application/FinancialInfo.vue
+++ b/sources/packages/web/src/views/student/financial-aid-application/FinancialInfo.vue
@@ -94,8 +94,8 @@
         </Section>
       </ContentGroup>
       <FooterNavigator
-        v-bind:previous="studentRoutesConst.SELECT_PROGRAM"
-        v-bind:next="studentRoutesConst.CONFIRM_SUBMISSION"
+        :previous="studentRoutesConst.SELECT_PROGRAM"
+        :next="studentRoutesConst.CONFIRM_SUBMISSION"
       />
     </div>
   </div>
diff --git a/sources/packages/web/src/views/student/financial-aid-application/PersonalInfoQuestionnaire.vue b/sources/packages/web/src/views/student/financial-aid-application/PersonalInfoQuestionnaire.vue
index c6f3c0ef87..785340a746 100644
--- a/sources/packages/web/src/views/student/financial-aid-application/PersonalInfoQuestionnaire.vue
+++ b/sources/packages/web/src/views/student/financial-aid-application/PersonalInfoQuestionnaire.vue
@@ -137,8 +137,8 @@
       <HorizontalSeparator />
     </div>
     <FooterNavigator
-      v-bind:previous="studentRoutesConst.FINANCIAL_AID_APPLICATION"
-      v-bind:next="studentRoutesConst.SELECT_PROGRAM"
+      :previous="studentRoutesConst.FINANCIAL_AID_APPLICATION"
+      :next="studentRoutesConst.SELECT_PROGRAM"
     />
   </div>
 </template>
diff --git a/sources/packages/web/src/views/student/financial-aid-application/SelectProgram.vue b/sources/packages/web/src/views/student/financial-aid-application/SelectProgram.vue
index b1d0427720..f76be309c2 100644
--- a/sources/packages/web/src/views/student/financial-aid-application/SelectProgram.vue
+++ b/sources/packages/web/src/views/student/financial-aid-application/SelectProgram.vue
@@ -71,8 +71,8 @@
       <!-- Body-->
       <!-- Footer-->
       <FooterNavigator
-        v-bind:previous="studentRoutesConst.PERSONAL_INFO"
-        v-bind:next="studentRoutesConst.FINANCIAL_INFO"
+        :previous="studentRoutesConst.PERSONAL_INFO"
+        :next="studentRoutesConst.FINANCIAL_INFO"
       />
       <!-- Footer -->
     </div>

From 4d18978c16a50f028c3a1c4810f6465e24c82d9a Mon Sep 17 00:00:00 2001
From: "XT:Tandon, Sandeepraj EMPR:IN" <sandeepraj.tandon@cgi.com>
Date: Tue, 9 Mar 2021 14:54:28 -0800
Subject: [PATCH 5/5] renamed routeconstants

---
 .../partial-view/student/NavBar.vue           |  6 ++---
 .../ConfirmStudentAidBCProfileInfo.vue        |  6 ++---
 .../financial-aid-application/WelcomePage.vue |  4 ++--
 .../src/constants/routes/RouteConstants.ts    |  4 ++--
 .../web/src/router/InstitutionRoutes.ts       |  6 ++---
 .../packages/web/src/router/StudentRoutes.ts  | 22 +++++++++----------
 .../web/src/views/student/AppStudent.vue      |  8 +++----
 .../src/views/student/StudentDashboard.vue    |  6 ++---
 .../ConfirmSubmission.vue                     |  6 ++---
 .../FinancialInfo.vue                         |  8 +++----
 .../PersonalInfoQuestionnaire.vue             |  8 +++----
 .../SelectProgram.vue                         |  8 +++----
 12 files changed, 46 insertions(+), 46 deletions(-)

diff --git a/sources/packages/web/src/components/partial-view/student/NavBar.vue b/sources/packages/web/src/components/partial-view/student/NavBar.vue
index 7436f7e5ca..4581ee5a9e 100644
--- a/sources/packages/web/src/components/partial-view/student/NavBar.vue
+++ b/sources/packages/web/src/components/partial-view/student/NavBar.vue
@@ -13,7 +13,7 @@
         icon="pi pi-fw pi-user"
         class="p-button-text"
         style="color: white"
-        @click="$router.push({ name: studentRoutesConst.STUDENT_PROFILE_EDIT })"
+        @click="$router.push({ name: StudentRoutesConst.STUDENT_PROFILE_EDIT })"
       />
       <Button
         v-if="isAuthenticated"
@@ -30,7 +30,7 @@
 <script lang="ts">
 import { computed } from "vue";
 import { AppConfigService } from "../../../services/AppConfigService";
-import { studentRoutesConst } from "../../../constants/routes/RouteConstants";
+import { StudentRoutesConst } from "../../../constants/routes/RouteConstants";
 export default {
   setup() {
     const menuItems: any = [];
@@ -42,7 +42,7 @@ export default {
       AppConfigService.shared.authService?.logout();
     };
 
-    return { menuItems, isAuthenticated, logoff, studentRoutesConst };
+    return { menuItems, isAuthenticated, logoff, StudentRoutesConst };
   },
 };
 </script>
diff --git a/sources/packages/web/src/components/partial-view/student/financial-aid-application/ConfirmStudentAidBCProfileInfo.vue b/sources/packages/web/src/components/partial-view/student/financial-aid-application/ConfirmStudentAidBCProfileInfo.vue
index e753234941..26e7ce768b 100644
--- a/sources/packages/web/src/components/partial-view/student/financial-aid-application/ConfirmStudentAidBCProfileInfo.vue
+++ b/sources/packages/web/src/components/partial-view/student/financial-aid-application/ConfirmStudentAidBCProfileInfo.vue
@@ -27,7 +27,7 @@
     </div>
     <h4 class="p-mb-5">
       If the Information is incorrect, please
-      <router-link :to="{ name: studentRoutesConst.STUDENT_PROFILE_EDIT }"
+      <router-link :to="{ name: StudentRoutesConst.STUDENT_PROFILE_EDIT }"
         >click here</router-link
       >
     </h4>
@@ -68,7 +68,7 @@
 <script>
 import { onMounted, ref, reactive } from "vue";
 import { StudentService } from "../../../../services/StudentService";
-import { studentRoutesConst } from "../../../../constants/routes/RouteConstants";
+import { StudentRoutesConst } from "../../../../constants/routes/RouteConstants";
 export default {
   setup() {
     //Creating a reactive array
@@ -86,7 +86,7 @@ export default {
       studentInfo,
       studentContact,
       confirmState,
-      studentRoutesConst,
+      StudentRoutesConst,
     };
   },
 };
diff --git a/sources/packages/web/src/components/partial-view/student/financial-aid-application/WelcomePage.vue b/sources/packages/web/src/components/partial-view/student/financial-aid-application/WelcomePage.vue
index 85ed68d4df..6d161b58bd 100644
--- a/sources/packages/web/src/components/partial-view/student/financial-aid-application/WelcomePage.vue
+++ b/sources/packages/web/src/components/partial-view/student/financial-aid-application/WelcomePage.vue
@@ -50,13 +50,13 @@
 <script lang="ts">
 import { SetupContext } from "vue";
 import { useRouter } from "vue-router";
-import { studentRoutesConst } from "../../../../constants/routes/RouteConstants";
+import { StudentRoutesConst } from "../../../../constants/routes/RouteConstants";
 export default {
   setup(props: any, context: SetupContext) {
     const router = useRouter();
     const handleClick = () => {
       context.emit("user-ready");
-      router.push({ name: studentRoutesConst.PERSONAL_INFO });
+      router.push({ name: StudentRoutesConst.PERSONAL_INFO });
     };
     return {
       handleClick,
diff --git a/sources/packages/web/src/constants/routes/RouteConstants.ts b/sources/packages/web/src/constants/routes/RouteConstants.ts
index 623c81347b..cfdc902728 100644
--- a/sources/packages/web/src/constants/routes/RouteConstants.ts
+++ b/sources/packages/web/src/constants/routes/RouteConstants.ts
@@ -1,4 +1,4 @@
-export const studentRoutesConst = {
+export const StudentRoutesConst = {
   //Student
   APP_STUDENT: Symbol(),
   STUDENT_DASHBOARD: Symbol(),
@@ -11,7 +11,7 @@ export const studentRoutesConst = {
   FINANCIAL_INFO: Symbol(),
   CONFIRM_SUBMISSION: Symbol(),
 };
-export const institutionRoutesConst = {
+export const InstitutionRoutesConst = {
   //Institution
   APP_INSTITUTION: Symbol(),
   INSTITUTION_DASHBOARD: Symbol(),
diff --git a/sources/packages/web/src/router/InstitutionRoutes.ts b/sources/packages/web/src/router/InstitutionRoutes.ts
index 00ba23e5c8..6f7e5a16fb 100644
--- a/sources/packages/web/src/router/InstitutionRoutes.ts
+++ b/sources/packages/web/src/router/InstitutionRoutes.ts
@@ -1,17 +1,17 @@
 import { RouteRecordRaw } from "vue-router";
 import InstitutionDashboard from "../views/institution/InstitutionDashboard.vue";
 import AppInstitution from "../views/institution/AppInstitution.vue";
-import { institutionRoutesConst } from "../constants/routes/RouteConstants";
+import { InstitutionRoutesConst } from "../constants/routes/RouteConstants";
 
 export const institutionRoutes: Array<RouteRecordRaw> = [
   {
     path: "/institution",
-    name: institutionRoutesConst.APP_INSTITUTION,
+    name: InstitutionRoutesConst.APP_INSTITUTION,
     component: AppInstitution,
     children: [
       {
         path: "institution-dashboard",
-        name: institutionRoutesConst.INSTITUTION_DASHBOARD,
+        name: InstitutionRoutesConst.INSTITUTION_DASHBOARD,
         component: InstitutionDashboard,
       },
     ],
diff --git a/sources/packages/web/src/router/StudentRoutes.ts b/sources/packages/web/src/router/StudentRoutes.ts
index f6fac71e93..628dfb5511 100644
--- a/sources/packages/web/src/router/StudentRoutes.ts
+++ b/sources/packages/web/src/router/StudentRoutes.ts
@@ -8,58 +8,58 @@ import PersonalInfoQuestionnaire from "../views/student/financial-aid-applicatio
 import SelectProgram from "../views/student/financial-aid-application/SelectProgram.vue";
 import FinancialInfo from "../views/student/financial-aid-application/FinancialInfo.vue";
 import ConfirmSubmission from "../views/student/financial-aid-application/ConfirmSubmission.vue";
-import { studentRoutesConst } from "../constants/routes/RouteConstants";
+import { StudentRoutesConst } from "../constants/routes/RouteConstants";
 
 export const studentRoutes: Array<RouteRecordRaw> = [
   {
     path: "/student",
-    name: studentRoutesConst.APP_STUDENT,
+    name: StudentRoutesConst.APP_STUDENT,
     component: AppStudent,
     children: [
       {
         path: "student-dashboard",
-        name: studentRoutesConst.STUDENT_DASHBOARD,
+        name: StudentRoutesConst.STUDENT_DASHBOARD,
         component: StudentDashboard,
       },
       {
         path: "login",
-        name: studentRoutesConst.LOGIN,
+        name: StudentRoutesConst.LOGIN,
         component: Login,
       },
       {
         path: "student-profile",
-        name: studentRoutesConst.STUDENT_PROFILE,
+        name: StudentRoutesConst.STUDENT_PROFILE,
         component: Student,
         props: { editMode: false },
       },
       {
         path: "student-profile/edit",
-        name: studentRoutesConst.STUDENT_PROFILE_EDIT,
+        name: StudentRoutesConst.STUDENT_PROFILE_EDIT,
         component: Student,
       },
       {
         path: "application",
-        name: studentRoutesConst.FINANCIAL_AID_APPLICATION,
+        name: StudentRoutesConst.FINANCIAL_AID_APPLICATION,
         component: FinancialAidApplication,
         children: [
           {
             path: "personal-info",
-            name: studentRoutesConst.PERSONAL_INFO,
+            name: StudentRoutesConst.PERSONAL_INFO,
             component: PersonalInfoQuestionnaire,
           },
           {
             path: "select-program",
-            name: studentRoutesConst.SELECT_PROGRAM,
+            name: StudentRoutesConst.SELECT_PROGRAM,
             component: SelectProgram,
           },
           {
             path: "financial-info",
-            name: studentRoutesConst.FINANCIAL_INFO,
+            name: StudentRoutesConst.FINANCIAL_INFO,
             component: FinancialInfo,
           },
           {
             path: "confirm-submission",
-            name: studentRoutesConst.CONFIRM_SUBMISSION,
+            name: StudentRoutesConst.CONFIRM_SUBMISSION,
             component: ConfirmSubmission,
           },
         ], //Children under /Student/FinancialAidApplication
diff --git a/sources/packages/web/src/views/student/AppStudent.vue b/sources/packages/web/src/views/student/AppStudent.vue
index 63afdbfd06..21d6e313d5 100644
--- a/sources/packages/web/src/views/student/AppStudent.vue
+++ b/sources/packages/web/src/views/student/AppStudent.vue
@@ -11,7 +11,7 @@ import NavBar from "../../components/partial-view/student/NavBar.vue";
 import { AppConfigService } from "../../services/AppConfigService";
 import { UserService } from "../../services/UserService";
 import { StudentService } from "../../services/StudentService";
-import { studentRoutesConst } from "../../constants/routes/RouteConstants";
+import { StudentRoutesConst } from "../../constants/routes/RouteConstants";
 
 @Options({
   components: {
@@ -23,20 +23,20 @@ export default class AppStudent extends Vue {
     const router = this.$router;
     if (!AppConfigService.shared.authService?.authenticated) {
       router.push({
-        name: studentRoutesConst.LOGIN,
+        name: StudentRoutesConst.LOGIN,
       });
     } else if (await UserService.shared.checkUser()) {
       /*After checking the user exists, information differences between BC Service card and SABC is synced
       And Redirect to Home page (Student's Dashboard)*/
       await StudentService.shared.synchronizeFromUserInfo();
       router.push({
-        name: studentRoutesConst.STUDENT_DASHBOARD,
+        name: StudentRoutesConst.STUDENT_DASHBOARD,
       });
     } else {
       /* User doesn't exist in SABC Database and so redirect the user to Student Profile page
        where they can provide information and create SABC account */
       router.push({
-        name: studentRoutesConst.STUDENT_PROFILE,
+        name: StudentRoutesConst.STUDENT_PROFILE,
       });
     }
   }
diff --git a/sources/packages/web/src/views/student/StudentDashboard.vue b/sources/packages/web/src/views/student/StudentDashboard.vue
index c1e1ce443c..154c9e2bf4 100644
--- a/sources/packages/web/src/views/student/StudentDashboard.vue
+++ b/sources/packages/web/src/views/student/StudentDashboard.vue
@@ -12,7 +12,7 @@
         label="Start Application"
         class="p-button-raised"
         @click="
-          $router.push({ name: studentRoutesConst.FINANCIAL_AID_APPLICATION })
+          $router.push({ name: StudentRoutesConst.FINANCIAL_AID_APPLICATION })
         "
       />
     </template>
@@ -21,7 +21,7 @@
 <script lang="ts">
 import { computed } from "vue";
 import { useStore } from "vuex";
-import { studentRoutesConst } from "../../constants/routes/RouteConstants";
+import { StudentRoutesConst } from "../../constants/routes/RouteConstants";
 
 export default {
   setup() {
@@ -30,7 +30,7 @@ export default {
 
     return {
       user,
-      studentRoutesConst,
+      StudentRoutesConst,
     };
   },
 };
diff --git a/sources/packages/web/src/views/student/financial-aid-application/ConfirmSubmission.vue b/sources/packages/web/src/views/student/financial-aid-application/ConfirmSubmission.vue
index 87f8b3f898..b20f0e72b3 100644
--- a/sources/packages/web/src/views/student/financial-aid-application/ConfirmSubmission.vue
+++ b/sources/packages/web/src/views/student/financial-aid-application/ConfirmSubmission.vue
@@ -2,7 +2,7 @@
   <div class="p-component">
     <div class="p-card p-m-4">
       <Section title="Confirm Submission Page..." />
-      <FooterNavigator :previous="studentRoutesConst.FINANCIAL_INFO" />
+      <FooterNavigator :previous="StudentRoutesConst.FINANCIAL_INFO" />
     </div>
   </div>
 </template>
@@ -10,7 +10,7 @@
 <script lang="ts">
 import Section from "../../../components/generic/Section.vue";
 import FooterNavigator from "../../../components/generic/FooterNavigator.vue";
-import { studentRoutesConst } from "../../../constants/routes/RouteConstants";
+import { StudentRoutesConst } from "../../../constants/routes/RouteConstants";
 
 export default {
   components: {
@@ -19,7 +19,7 @@ export default {
   },
   setup() {
     return {
-      studentRoutesConst,
+      StudentRoutesConst,
     };
   },
 };
diff --git a/sources/packages/web/src/views/student/financial-aid-application/FinancialInfo.vue b/sources/packages/web/src/views/student/financial-aid-application/FinancialInfo.vue
index da8d8c7af2..f7b409f7cb 100644
--- a/sources/packages/web/src/views/student/financial-aid-application/FinancialInfo.vue
+++ b/sources/packages/web/src/views/student/financial-aid-application/FinancialInfo.vue
@@ -94,8 +94,8 @@
         </Section>
       </ContentGroup>
       <FooterNavigator
-        :previous="studentRoutesConst.SELECT_PROGRAM"
-        :next="studentRoutesConst.CONFIRM_SUBMISSION"
+        :previous="StudentRoutesConst.SELECT_PROGRAM"
+        :next="StudentRoutesConst.CONFIRM_SUBMISSION"
       />
     </div>
   </div>
@@ -103,7 +103,7 @@
 
 <script lang="ts">
 import { reactive } from "vue";
-import { studentRoutesConst } from "../../../constants/routes/RouteConstants";
+import { StudentRoutesConst } from "../../../constants/routes/RouteConstants";
 import Section from "../../../components/generic/Section.vue";
 import Question from "../../../components/generic/Question.vue";
 import ContentGroup from "../../../components/generic/ContentGroup.vue";
@@ -139,7 +139,7 @@ export default {
     return {
       questionsFin,
       financialInfoState,
-      studentRoutesConst,
+      StudentRoutesConst,
     };
   },
 };
diff --git a/sources/packages/web/src/views/student/financial-aid-application/PersonalInfoQuestionnaire.vue b/sources/packages/web/src/views/student/financial-aid-application/PersonalInfoQuestionnaire.vue
index 785340a746..8547f81a11 100644
--- a/sources/packages/web/src/views/student/financial-aid-application/PersonalInfoQuestionnaire.vue
+++ b/sources/packages/web/src/views/student/financial-aid-application/PersonalInfoQuestionnaire.vue
@@ -137,15 +137,15 @@
       <HorizontalSeparator />
     </div>
     <FooterNavigator
-      :previous="studentRoutesConst.FINANCIAL_AID_APPLICATION"
-      :next="studentRoutesConst.SELECT_PROGRAM"
+      :previous="StudentRoutesConst.FINANCIAL_AID_APPLICATION"
+      :next="StudentRoutesConst.SELECT_PROGRAM"
     />
   </div>
 </template>
 
 <script lang="ts">
 import { reactive } from "vue";
-import { studentRoutesConst } from "../../../constants/routes/RouteConstants";
+import { StudentRoutesConst } from "../../../constants/routes/RouteConstants";
 import Section from "../../../components/generic/Section.vue";
 import Question from "../../../components/generic/Question.vue";
 import RadioButtonList from "../../../components/generic/RadioButtonList.vue";
@@ -184,7 +184,7 @@ export default {
     return {
       questionsPI,
       personalInfoState,
-      studentRoutesConst,
+      StudentRoutesConst,
     };
   },
 };
diff --git a/sources/packages/web/src/views/student/financial-aid-application/SelectProgram.vue b/sources/packages/web/src/views/student/financial-aid-application/SelectProgram.vue
index f76be309c2..c1c6ecf493 100644
--- a/sources/packages/web/src/views/student/financial-aid-application/SelectProgram.vue
+++ b/sources/packages/web/src/views/student/financial-aid-application/SelectProgram.vue
@@ -71,8 +71,8 @@
       <!-- Body-->
       <!-- Footer-->
       <FooterNavigator
-        :previous="studentRoutesConst.PERSONAL_INFO"
-        :next="studentRoutesConst.FINANCIAL_INFO"
+        :previous="StudentRoutesConst.PERSONAL_INFO"
+        :next="StudentRoutesConst.FINANCIAL_INFO"
       />
       <!-- Footer -->
     </div>
@@ -81,7 +81,7 @@
 
 <script lang="ts">
 import { reactive, ref } from "vue";
-import { studentRoutesConst } from "../../../constants/routes/RouteConstants";
+import { StudentRoutesConst } from "../../../constants/routes/RouteConstants";
 import HorizontalSeparator from "../../../components/generic/HorizontalSeparator.vue";
 import Section from "../../../components/generic/Section.vue";
 import Question from "../../../components/generic/Question.vue";
@@ -119,7 +119,7 @@ export default {
       enableEducationProgram,
       onInstituteSelect,
       selectedInstitute,
-      studentRoutesConst,
+      StudentRoutesConst,
     };
   },
 };