Add awaits to tests to make sure components are updated

Author: obulat

tests/unit/specs/components/ChooserStep.spec.js

@@ -19,8 +19,8 @@ describe('ChooserStep.vue', () => {
   })
 
   // It's only for one state, but this should be enough to test if the logic works properly
-  it('Check that all computed i18n props return correct values', () => {
-    wrapper.setProps({
+  it('Check that all computed i18n props return correct values', async () => {
+    await wrapper.setProps({
       disabledDue: '',
       enabled: true,
       reversed: false,
@@ -37,8 +37,8 @@ describe('ChooserStep.vue', () => {
     expect(wrapper.vm.yesText).toBe('stepper.BY.selected')
   })
 
-  it('Check that all computed i18n props return correct values after true selected', () => {
-    wrapper.setProps({
+  it('Check that all computed i18n props return correct values after true selected', async () => {
+    await wrapper.setProps({
       disabledDue: undefined,
       enabled: true,
       reversed: false,
@@ -56,8 +56,8 @@ describe('ChooserStep.vue', () => {
     expect(wrapper.vm.yesText).toBe('stepper.BY.selected')
   })
 
-  it('Check that all computed i18n props return correct values after false selected', () => {
-    wrapper.setProps({
+  it('Check that all computed i18n props return correct values after false selected', async () => {
+    await wrapper.setProps({
       disabledDue: undefined,
       enabled: true,
       reversed: false,
@@ -85,8 +85,8 @@ describe('ChooserStep.vue', () => {
     expect(wrapper.vm.radio).toBe('no')
   })
 
-  it('props:selected true', () => {
-    wrapper.setProps({
+  it('props:selected true', async () => {
+    await wrapper.setProps({
       selected: true,
       name: 'FS',
       id: 0,

tests/unit/specs/components/Stepper.spec.js

@@ -85,10 +85,10 @@ describe('Stepper.vue', () => {
       expect(steps.at(0).classes('completed')).toBe(true)
       expect(wrapper.find('.active').classes('DD')).toBe(true)
     })
-    it('choosing No sets 6 steps visible: FS, BY, NC, ND, SA and AttributionDetails, opens BY', () => {
+    it('choosing No sets 6 steps visible: FS, BY, NC, ND, SA and AttributionDetails, opens BY', async () => {
       setStepSelected(wrapper, 'FS', false)
       wrapper.find('stepnavigation-stub').vm.$emit('navigate', { direction: 'next', name: 'FS' })
-      Vue.nextTick()
+      await Vue.nextTick()
       const steps = wrapper.findAll('.step-container')
       expect(steps.length).toEqual(6)
       expect(wrapper.vm.activeStepId).toEqual(1)