setData doesn't work

[human33]

wrapper.setData doesn't set data in component. It sets data only in wrapper.vm object.

I created a simple components:

<template>
    nothing here
</template>

<script>
export default {
    data() {
        return {
            field: null
        };
    },
    computed: {
        isFieldNull() {
            return this.field == null;
        }
    }
}
</script>

And a test:

import { shallowMount } from '@vue/test-utils'
import testSetData from '../../src/cart/testSetData';
import { nextTick } from 'vue';


describe("test set data component", () => {
    it ("should set data", async () => {
        let wrapper = shallowMount(testSetData, {
            data () {
                return {
                    field: null
                }
            }
        });

        expect(wrapper.vm.isFieldNull).toBe(true);

        await wrapper.setData({ field: 10 });
        await nextTick();


        expect(wrapper.vm.field).toEqual(10);
        expect(wrapper.vm.isFieldNull).toBe(false);
    })
})

And the test fails on expect(wrapper.vm.isFieldNull).toBe(false); because field is still null.
Am I doing something wrong?

[human33]

I found out that if I don't pass data function to mount, it works fine.
So, this works:

import { shallowMount } from '@vue/test-utils'
import testSetData from '../../src/cart/testSetData';
import { nextTick } from 'vue';


describe("test set data component", () => {
    it ("should set data", async () => {
        let wrapper = shallowMount(testSetData);

        expect(wrapper.vm.isFieldNull).toBe(true);

        await wrapper.setData({ field: 10 });
        await nextTick();


        expect(wrapper.vm.field).toEqual(10);
        expect(wrapper.vm.isFieldNull).toBe(false);
    })
})

[lmiller1990]

Seems like a bug - it should work as you are describing in the first test, too.

I will take a look (or you can, if you have time!)

[lmiller1990]

I fixed it: #540

If you can give me a quick review I will do a release with this!

[human33]

I'm not familiar with this repository, so I'm not sure if I can review anything here.

[lmiller1990]

All good, someone reviewed it.

Good way to learn it to review :)

[lmiller1990]

Released in https://github.com/vuejs/vue-test-utils-next/releases/tag/v2.0.0-rc.5