Types for wrapper.vm when using child component

[Swoox]

Describe the bug
If try to access a variable of an hook with a child component, the vue-tsc give an error. wrapper.vm does not have a stateForm property, because wrapper.vm is typed as ComponentPublicInstance.

To Reproduce
https://stackblitz.com/edit/vitest-dev-vitest-ztd6bn

Expected behavior
No error.

Related information:
See #972
Tested with #2026

Workaround

const childComp = wrapper.findComponent(ChildComp);
const childWrapper = mount(childComp);
expect(childWrapper.vm.stateForm.length).toBe(undefined);

[cexbrayat]

Yeah, as you mentioned this is related to #972 , and we can't fix it in VTU, it has to be fixed in either Vue itself or Volar.

As a workaround, you can expose stateForm or explicitly cast wrapper.vm in your test.

Closing as duplicate of #972

[Swoox]

I actually tested #972 with #2026 and seems that 2026 fixes 972.
Check https://stackblitz.com/edit/vitest-dev-vitest-1rkt44
So I see this as a different issue/bug.

<script setup lang="ts">
import { computed, ref } from 'vue';
...
const times = ref(2);
...
</script>

And test with
expect(wrapper.vm.times).toBe(2);

[cexbrayat]

time being undefined sounds correct no? But times should be 2

But if that compiles correctly then this is a regression in the types of wrapper.vm in the alpha release: wrapper.vm.type should not compile

[Swoox]

Ofc time is undefined..
expect(wrapper.vm.times).toBe(2);
My bad.

[cexbrayat]

No worries. Your issue made me realize that we may have a regression in our typings as that should not compile.
See #2060 if you're interested