feat: render component name in stub

[eddyerburgh]

This change renders stubbed components with the component name and a stub suffix:

const wrapper = shallow({
  template: `<clock-component />`,
  components: {
    ClockComponent
  }
})

wrapper.html() // '<clock-component-stub></clock-component>'

Closes #410
Closes #28

[iztsv]

@eddyerburgh thanks for the feature!

If ClockComponent uses a child component in template like <child-component :some-prop="someValue"></child-component>, will stubbed html be like:

'<clock-component-stub>
  <child-component some-prop="VALUE"></child-component>
</clock-component>'

?

[eddyerburgh]

shallow does not render slots by defualt.

You could acheive that effect by manually stubbing both components:

const wrapper = mount(TestComponent, {
  stubs: [ 'ChildComponent', 'ClockComponent']
})

[trollepierre]

I don't want to have to stub any SubChildComponent in my test.

[eddyerburgh]

If you want this feature then create an issue and we can discuss it there

[stephane]

I'm a bit lost in the various related github issues/PR about stubs and I don't understand why I need to add a stubs: { 'VueComponent': '<div />' } to my tests which use shallowMount to avoid warnings.
From v3.0.0-beta.16 to beta.18

[38elements]

If you are concerned about it, I think it is better that you create an issue.