Failed parse using external (relative) template

[laggingreflex]

Similar (but slightly different) to #45

Using relative templates but I still have an issue. The templates do get parsed, but I think they're not "interpreted" correctly.

Repro: https://github.com/laggingreflex/repro-vue-jest-template

It works in the browser but running jest it gives this error

> jest
Cannot use <template> as component root element because it may contain multiple nodes.
 FAIL  src/test.js
  ● Test suite failed to run

Taking hint from the error, if I change my App/template.vue from

<template>
  <div>App</div>
</template>

to just

  <div>App</div>

the test passes, but that's not the correct format for template - the app doesn't work in the browser.

[LinusBorg]

but that's not the correct format for template

Well, the external file that you include should be .html, not .vue

<template src="./template.html">

including another .vue file was never a use case for SFCs.

[eddyerburgh]

As @LinusBorg says, external .vue files aren't part of the SFC spec

[TheCeloReis]

@eddyerburgh I'm switching to .html files for a fix, but I think vue-jest should consider adding support to .vue external templates

• vue-template-compiler compiles external .vue files, vue-jest should also, otherwise we can end up with a bunch of broken tests.
• For sure, it's not part of the SFC spec, but it would be a nice increment, using the template file as .vue provides better IDE support.