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'); + }); +});