Dynamic components are not stubbed by stubs provided in mounting options

[peterkajan]

Version

1.0.0-beta.29

Reproduction link

https://codesandbox.io/s/54j8o43z3l?fontsize=14&module=%2Ftest%2Fshallow-mount.spec.js

Steps to reproduce

Open the reproduction link and see the failing test

What is expected?

ChildComponent to be stubbed with the stub provided in Mounting options:

<div>
  <div class="stubFromOptions" />
</div>

What is actually happening?

ChildComponent is stubbed by the automatic stub:

<div>
  <childcomponent-stub></childcomponent-stub>
</div>

[dsseng]

@peterkajan it'll work if you set dataComponent: 'ChildComponent', not pass component directly to data. If you set it in data, you should stub it yourself after mount.

[peterkajan]

Thanks, this works. Not sure if this is only a workaround or the solution. Maybe little more detailed explanation would help.

[dcrystalj]

@peterkajan @sh7dm can you show solution. I was not able to fix your example

[peterkajan]

Here there is fixed version of the test: https://codesandbox.io/s/54j8o43z3l?fontsize=14&module=%2Ftest%2Fshallow-mount-fixed.spec.js

The change is on line 19:
dataComponent: ChildComponent -> dataComponent: "ChildComponent"

[M3psipax]

Would like to bump this. I encountered this issue as well and it's not feasible for me to change the component assignments to strings. Can we get an update on whether this is going to be fixed any time soon?

[ebisbe]

#1564 (comment)