diff --git a/src/components/__tests__/ActiveMilestoneDisplay.spec.ts b/src/components/__tests__/ActiveMilestoneDisplay.spec.ts index 6f6cc79d42d34969cf4df0cb49fe5c721131f611..77b69353f81d9806890d566ce16b2921832c3aa7 100644 --- a/src/components/__tests__/ActiveMilestoneDisplay.spec.ts +++ b/src/components/__tests__/ActiveMilestoneDisplay.spec.ts @@ -53,8 +53,12 @@ describe('ActiveMilestoneDisplay', () => { }) await wrapper.setProps({ image: '' }) - const activeMilestoneDisplay = wrapper.find('.active-milestone-display').element as HTMLDivElement - expect(activeMilestoneDisplay.style.backgroundImage).toContain('src/assets/pig.png') + const imgElement = wrapper.find('img'); + + // Assert that the <img> element exists + expect(imgElement.exists()).toBe(true); + + expect(imgElement.attributes('src')).toBe('/src/assets/background/img.png'); }) }); diff --git a/src/components/__tests__/CompletedMilestoneDisplay.spec.ts b/src/components/__tests__/CompletedMilestoneDisplay.spec.ts index 5268d48e5cf25ac141f39d4fcbe31454055cf104..c1f3248b1930a365140fe0fd61552835a9f34a74 100644 --- a/src/components/__tests__/CompletedMilestoneDisplay.spec.ts +++ b/src/components/__tests__/CompletedMilestoneDisplay.spec.ts @@ -21,21 +21,21 @@ describe('CompletedMilestoneDisplay', () => { expect(wrapper.find('.title').text()).toBe('Test Title'); expect(wrapper.find('.info').exists()).toBe(true); - expect(wrapper.find('.info h4').text()).toBe('Du sparte 500kr'); + expect(wrapper.find('.info h4').text()).toBe('Du sparte 500kr av 1000kr'); await wrapper.trigger('mouseover'); await nextTick(); expect(wrapper.find('.info').exists()).toBe(true); - expect(wrapper.find('.info h4').text()).toBe('Test Description'); + expect(wrapper.find('.info h4').text()).toBe('Du sparte 500kr av 1000kr'); await wrapper.trigger('mouseleave'); await nextTick(); expect(wrapper.find('.info').exists()).toBe(true); - expect(wrapper.find('.info h4').text()).toBe('Du sparte 500kr'); + expect(wrapper.find('.info h4').text()).toBe('Du sparte 500kr av 1000kr'); }); });