MessageToggle.vue test failed about vue-test-utils-mocha-webpack-example HOT 5 CLOSED

if the shallow render doesn't load child component Message.vue?
i try to use mount, but also hint error -- wrapper.hasProp() must be called on a Vue instance.
bcoz Message.vue is a functional component?

from vue-test-utils-mocha-webpack-example.

This package is using an old version of vue-test-utils. I'll look into it later today

from vue-test-utils-mocha-webpack-example.

Hello, I hvae a question:
At MessageToggle.vue, Message is a child component ,

I want to get its props by wrap.find , but it's not a Vue instance, can't use wrapper.props() with latest version vue-test-utils...
How can I do this?

    const wrapper = shallow(MessageToggle)
    const button = wrapper.find('#toggle-message')
    
    const MessageComponent = wrapper.find(Message)
    expect(MessageComponent.hasProp('msg', 'message')).toBe(true) _//can't get props for it's not vue instance_

If a component import any child component, should i test child?
It's still unit test?

from vue-test-utils-mocha-webpack-example.

This is only an issue for functional components. We changed how we treat functional components under the hood in the latest version, so it's not possible to check the props on a functional component. This is a bug that will be fixed in the next version 👍

You can still check child components in the way demonstrated in this repo for all other types of components

from vue-test-utils-mocha-webpack-example.

I've updated the code to use a non-functional component

from vue-test-utils-mocha-webpack-example.