fix: make data mounting option reactive (#540)

Fixes #538

Author: lmiller1990

src/dataMixin.ts

@@ -1,10 +1,13 @@
-import { getCurrentInstance } from 'vue'
+import { getCurrentInstance, reactive } from 'vue'
 
 export const createDataMixin = (data: Record<string, unknown>) => {
   return {
     created() {
       for (const [k, v] of Object.entries(data)) {
-        getCurrentInstance()!.data = { ...getCurrentInstance()!.data, [k]: v }
+        getCurrentInstance()!.data = reactive({
+          ...getCurrentInstance()!.data,
+          [k]: v
+        })
       }
     }
   }

src/mount.ts

@@ -35,7 +35,6 @@ import { attachEmitListener } from './emit'
 import { createDataMixin } from './dataMixin'
 import { MOUNT_COMPONENT_REF, MOUNT_PARENT_NAME } from './constants'
 import { createStub, stubComponents } from './stubs'
-import { hyphenate } from './utils/vueShared'
 
 // NOTE this should come from `vue`
 type PublicProps = VNodeProps & AllowedComponentProps & ComponentCustomProps

tests/setData.spec.ts

@@ -123,4 +123,46 @@ describe('setData', () => {
       'Cannot add property count'
     )
   })
+
+  // https://github.com/vuejs/vue-test-utils-next/issues/538
+  it('updates data set via data mounting option using setData', async () => {
+    const Comp = defineComponent<
+      {},
+      {},
+      { field: number | null },
+      { isFieldNull: any }
+    >({
+      template: `
+        <div>{{ isFieldNull ? 'It is null' : 'It is not null' }}</div> 
+      `,
+      data() {
+        return {
+          field: null
+        }
+      },
+      computed: {
+        isFieldNull() {
+          return this.field === null
+        }
+      }
+    })
+
+    const wrapper = mount(Comp, {
+      data() {
+        return {
+          field: null
+        }
+      }
+    })
+
+    expect(wrapper.vm.isFieldNull).toBe(true)
+    expect(wrapper.html()).toContain('It is null')
+
+    await wrapper.setData({ field: 10 })
+    await wrapper.vm.$nextTick()
+
+    expect(wrapper.html()).toContain('It is not null')
+    expect(wrapper.vm.field).toEqual(10)
+    expect(wrapper.vm.isFieldNull).toBe(false)
+  })
 })