diff options
Diffstat (limited to 'spec/frontend/vue_shared/components/issue/issue_milestone_spec.js')
-rw-r--r-- | spec/frontend/vue_shared/components/issue/issue_milestone_spec.js | 29 |
1 files changed, 19 insertions, 10 deletions
diff --git a/spec/frontend/vue_shared/components/issue/issue_milestone_spec.js b/spec/frontend/vue_shared/components/issue/issue_milestone_spec.js index c87d19df1f7..d1bfc180082 100644 --- a/spec/frontend/vue_shared/components/issue/issue_milestone_spec.js +++ b/spec/frontend/vue_shared/components/issue/issue_milestone_spec.js @@ -33,28 +33,31 @@ describe('IssueMilestoneComponent', () => { describe('computed', () => { describe('isMilestoneStarted', () => { - it('should return `false` when milestoneStart prop is not defined', () => { + it('should return `false` when milestoneStart prop is not defined', async () => { wrapper.setProps({ milestone: { ...mockMilestone, start_date: '' }, }); + await wrapper.vm.$nextTick(); expect(wrapper.vm.isMilestoneStarted).toBe(false); }); - it('should return `true` when milestone start date is past current date', () => { - wrapper.setProps({ + it('should return `true` when milestone start date is past current date', async () => { + await wrapper.setProps({ milestone: { ...mockMilestone, start_date: '1990-07-22' }, }); + await wrapper.vm.$nextTick(); expect(wrapper.vm.isMilestoneStarted).toBe(true); }); }); describe('isMilestonePastDue', () => { - it('should return `false` when milestoneDue prop is not defined', () => { + it('should return `false` when milestoneDue prop is not defined', async () => { wrapper.setProps({ milestone: { ...mockMilestone, due_date: '' }, }); + await wrapper.vm.$nextTick(); expect(wrapper.vm.isMilestonePastDue).toBe(false); }); @@ -73,41 +76,45 @@ describe('IssueMilestoneComponent', () => { expect(vm.milestoneDatesAbsolute).toBe('(December 31, 2019)'); }); - it('returns string containing absolute milestone start date when due date is not present', () => { + it('returns string containing absolute milestone start date when due date is not present', async () => { wrapper.setProps({ milestone: { ...mockMilestone, due_date: '' }, }); + await wrapper.vm.$nextTick(); expect(wrapper.vm.milestoneDatesAbsolute).toBe('(January 1, 2018)'); }); - it('returns empty string when both milestone start and due dates are not present', () => { + it('returns empty string when both milestone start and due dates are not present', async () => { wrapper.setProps({ milestone: { ...mockMilestone, start_date: '', due_date: '' }, }); + await wrapper.vm.$nextTick(); expect(wrapper.vm.milestoneDatesAbsolute).toBe(''); }); }); describe('milestoneDatesHuman', () => { - it('returns string containing milestone due date when date is yet to be due', () => { + it('returns string containing milestone due date when date is yet to be due', async () => { wrapper.setProps({ milestone: { ...mockMilestone, due_date: `${new Date().getFullYear() + 10}-01-01` }, }); + await wrapper.vm.$nextTick(); expect(wrapper.vm.milestoneDatesHuman).toContain('years remaining'); }); - it('returns string containing milestone start date when date has already started and due date is not present', () => { + it('returns string containing milestone start date when date has already started and due date is not present', async () => { wrapper.setProps({ milestone: { ...mockMilestone, start_date: '1990-07-22', due_date: '' }, }); + await wrapper.vm.$nextTick(); expect(wrapper.vm.milestoneDatesHuman).toContain('Started'); }); - it('returns string containing milestone start date when date is yet to start and due date is not present', () => { + it('returns string containing milestone start date when date is yet to start and due date is not present', async () => { wrapper.setProps({ milestone: { ...mockMilestone, @@ -115,14 +122,16 @@ describe('IssueMilestoneComponent', () => { due_date: '', }, }); + await wrapper.vm.$nextTick(); expect(wrapper.vm.milestoneDatesHuman).toContain('Starts'); }); - it('returns empty string when milestone start and due dates are not present', () => { + it('returns empty string when milestone start and due dates are not present', async () => { wrapper.setProps({ milestone: { ...mockMilestone, start_date: '', due_date: '' }, }); + await wrapper.vm.$nextTick(); expect(wrapper.vm.milestoneDatesHuman).toBe(''); }); |