Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

setProps does not update a data property

See original GitHub issue

Version

1.0.0-beta.11

Reproduction link

https://github.com/iraklisg/vue-test-utils-example

Steps to reproduce

Clone the repo
npm install
npm run test or npm run watch

What is expected?

The test should pass

What is actually happening?

The setProps method does not update the data property

If we mount the component with options (propsData), instead of using the setProps() method, the test will pass green

wrapper = mount(Foo, {
    propsData: {
        dataFoo: "foo"
    } 
});


<!-- generated by vue-issues. DO NOT REMOVE -->

Issue Analytics

State:
Created 6 years ago
Comments:5 (2 by maintainers)

Top GitHub Comments

4reactions

dennythecodercommented, Mar 21, 2018

@iraklisg, Using setProps() does not re-instantiate the component/vm/wrapper. Instead, it’s similar to when the component’s parent (component or app) modifies the prop value and triggers an update. Update from the documentation appears to be referring to the normal reactivity in Vue.

setProps is found here: https://github.com/vuejs/vue-test-utils/blob/dev/packages/test-utils/src/wrapper.js#L495

forces update might be better worded though. I don’t see $forceUpdate being called.

0reactions

sandranrivascommented, Feb 3, 2021

hey, after many hours of looking, I got an answer of how to workaround this. https://stackoverflow.com/a/66029922/12237505