diff --git a/src/components/ProgressBar.vue b/src/components/ProgressBar.vue
index ccc5b5391dc7d82760fe44d8f41dcb442c1a99e1..516e8df78c80eadff5dedc81f3131467b5a89615 100644
--- a/src/components/ProgressBar.vue
+++ b/src/components/ProgressBar.vue
@@ -12,8 +12,6 @@
     }
   })
 
-
-
 </script>
 
 <template>
diff --git a/src/components/__tests__/InfoComponent.spec.ts b/src/components/__tests__/InfoComponent.spec.ts
new file mode 100644
index 0000000000000000000000000000000000000000..6a0d339b3a934e32fc412375e1e5324f7fd036e2
--- /dev/null
+++ b/src/components/__tests__/InfoComponent.spec.ts
@@ -0,0 +1,17 @@
+import { shallowMount } from '@vue/test-utils';
+import InfoComponent from '@/components/InfoComponent.vue'
+import { describe, it, expect } from 'vitest'
+
+//Needs to be updated when the info component gets dynamic data instead of static data
+describe('InfoComponent', () => {
+  it('renders the correct quote and total savings', () => {
+    const wrapper = shallowMount(InfoComponent);
+
+    const quote = wrapper.find('#Quote');
+    const totalSavings = wrapper.find('#TotalSavings');
+
+    expect(quote.text()).toBe('Sparetips: Sett av et jevnt beløp hver måned på sparekonto eller lignende.');
+
+    expect(totalSavings.text()).toBe('VÃ¥re brukere har spart til sammen 5000 nok');
+  });
+});
diff --git a/src/components/__tests__/ProgressBar.spec.ts b/src/components/__tests__/ProgressBar.spec.ts
new file mode 100644
index 0000000000000000000000000000000000000000..f93582b7dbab92ea05a0334384253e48660e992f
--- /dev/null
+++ b/src/components/__tests__/ProgressBar.spec.ts
@@ -0,0 +1,29 @@
+import { shallowMount } from '@vue/test-utils';
+import ProgressBar from '@/components/ProgressBar.vue'
+import { describe, it, expect } from 'vitest'
+
+describe('MyComponent', () => {
+  it('renders correctly with props', () => {
+    const wrapper = shallowMount(ProgressBar, {
+      props: {
+        Max: 10,
+        Current: 5
+      }
+    });
+
+    expect(wrapper.find('progress').exists()).toBe(true);
+  });
+
+  it('renders progress bar with correct max and value attributes', () => {
+    const wrapper = shallowMount(ProgressBar, {
+      props: {
+        Max: 10,
+        Current: 5
+      }
+    });
+
+    const progress = wrapper.find('progress');
+    expect(progress.attributes('max')).toBe('10');
+    expect(progress.attributes('value')).toBe('6');
+  });
+});