fix: run watchers when setComputed runs

Author: eddyerburgh

src/wrappers/wrapper.js

@@ -413,6 +413,9 @@ export default class Wrapper implements BaseWrapper {
           }
         })
       }
+      this.vm._watchers.forEach((watcher) => {
+        if (watcher.expression === key) { watcher.run() }
+      })
     })
     this.update()
   }

test/resources/components/component-with-watch.vue

@@ -17,6 +17,9 @@
       prop1: { default: 'default prop1' },
       prop2: { default: 'default prop2' }
     },
+    computed: {
+      computed1: () => 'some value'
+    },
     watch: {
       prop1 (val) {
         this.prop2 = val
@@ -29,6 +32,9 @@
       },
       data2 () {
         console.info(this.data1)
+      },
+      computed1 () {
+        console.info(this.computed1)
       }
     }
   }

test/unit/specs/mount/Wrapper/setComputed.spec.js

@@ -1,8 +1,19 @@
 import { compileToFunctions } from 'vue-template-compiler'
 import mount from '~src/mount'
 import ComponentWithComputed from '~resources/components/component-with-computed.vue'
+import ComponentWithWatch from '~resources/components/component-with-watch.vue'
 
 describe('setComputed', () => {
+  let info
+
+  beforeEach(() => {
+    info = sinon.stub(console, 'info')
+  })
+
+  afterEach(() => {
+    info.restore()
+  })
+
   it('sets component computed props and updates when called on Vue instance', () => {
     const wrapper = mount(ComponentWithComputed)
     expect(wrapper.text()).to.contain('message')
@@ -16,6 +27,13 @@ describe('setComputed', () => {
     expect(() => wrapper.setComputed({ noExist: '' })).throw(Error, message)
   })
 
+  it('runs watch function after all props are updated', () => {
+    const wrapper = mount(ComponentWithWatch)
+    const computed1 = 'new computed'
+    wrapper.setComputed({ computed1 })
+    expect(info.args[0][0]).to.equal(computed1)
+  })
+
   it('throws an error if node is not a Vue instance', () => {
     const message = 'wrapper.setComputed() can only be called on a Vue instance'
     const compiled = compileToFunctions('<div><p></p></div>')

test/unit/specs/mount/Wrapper/setData.spec.js

@@ -37,7 +37,7 @@ describe('setData', () => {
     expect(wrapper.hasClass('some-class')).to.be.true
   })
 
-  it('runs watch function when prop is updated', () => {
+  it('runs watch function when data is updated', () => {
     const wrapper = mount(ComponentWithWatch)
     const data1 = 'testest'
     wrapper.setData({ data1 })