test(goals): added CardGoalTest

src/components/__tests__/CardGoalTest.spec.ts

+import { describe, expect, it } from 'vitest'
+import { mount } from '@vue/test-utils'
+import CardGoal from '../CardGoal.vue'
+import type { Goal } from '../../types/goal'
+
+describe('CardGoal', () => {
+    let incompleteWrapper: any
+    let completeWrapper: any
+
+    const incompleteGoal: Goal = {
+        id: 1,
+        title: 'Test title',
+        saved: 100,
+        target: 1000,
+        description: 'Test description',
+        due: '2022-01-01T00:00:00Z',
+        createdOn: '2021-01-01T00:00:00Z',
+        completion: 10
+    }
+
+    const completeGoal: Goal = {
+        id: 1,
+        title: 'Test title',
+        saved: 100,
+        target: 1000,
+        description: 'Test description',
+        due: '2022-01-01T00:00:00Z',
+        createdOn: '2021-01-01T00:00:00Z',
+        completion: 10,
+        completedOn: '2022-01-01T00:00:00Z'
+    }
+
+    const mountIncompletedWrapper = async () => {
+        incompleteWrapper = mount(CardGoal, {
+            propsData: {
+                goalInstance: incompleteGoal
+            }
+        })
+        await incompleteWrapper.vm.$nextTick()
+    }
+
+    const mountCompleteWrapper = async () => {
+        completeWrapper = mount(CardGoal, {
+            propsData: {
+                goalInstance: completeGoal
+            }
+        })
+        await completeWrapper.vm.$nextTick()
+    }
+
+    it('renders correctly', () => {
+        mountIncompletedWrapper()
+        expect(incompleteWrapper.text()).toContain('Test title')
+        expect(incompleteWrapper.text()).toContain('100kr / 1000kr')
+        expect(incompleteWrapper.text()).toContain('2022-01-01 00:00')
+    })
+
+    it('sets isCompleted to false', () => {
+        mountIncompletedWrapper()
+        expect(incompleteWrapper.vm.isCompleted).toBe(false)
+    })
+
+    it('sets isCompleted to true', () => {
+        mountCompleteWrapper()
+        expect(completeWrapper.vm.isCompleted).toBe(true)
+    })
+})