Revert "Progress bar cleanup"

This reverts commit 5f7840057a.

src/fmg-components/funnel-header/progress-bar/progres-bar.spec.js

@@ -15,7 +15,7 @@ describe("progressBar", () => {
         });
 
         // Assert
-        expect(wrapper.vm.progress).toBe(0);
+        expect(wrapper.vm.getProgress()).toBe(0);
         wrapper.unmount();
     });
 });
@@ -33,7 +33,7 @@ describe("progressBar", () => {
         });
 
         // Assert
-        expect(wrapper.vm.progress).toBe(4);
+        expect(wrapper.vm.getProgress()).toBe(4);
         wrapper.unmount();
     });
 });
@@ -51,7 +51,7 @@ describe("progressBar", () => {
         });
 
         // Assert
-        expect(wrapper.vm.progress).toBe(48);
+        expect(wrapper.vm.getProgress()).toBe(48);
         wrapper.unmount();
     });
 });
@@ -69,7 +69,7 @@ describe("progressBar", () => {
         });
 
         // Assert
-        expect(wrapper.vm.progress).toBe(100);
+        expect(wrapper.vm.getProgress()).toBe(100);
         wrapper.unmount();
     });
 });

src/fmg-components/funnel-header/progress-bar/progress-bar.vue

@@ -10,11 +10,15 @@ import { getProgressBarPercentage } from "@/constants/progress-bar-mapper";
 
 export default {
     name: "progressBar",
-    data() {},
-    computed: {
-        progress() {
-            console.log(`Progress: ${this.pageName} - ${getProgressBarPercentage(this.pageName)}`);
-            return getProgressBarPercentage(this.pageName);
+    data() {
+        return {
+            progress: this.getProgress(),
+        };
+    },
+    methods: {
+        getProgress() {
+            var pageName = this.pageName;
+            return getProgressBarPercentage(pageName);
         },
     },
 };