Using external css

[hewIngram]

Hello,

I'm looking at adding unit test coverage to my vue app but I'm having trouble fetching my css. I'm currently using external css in my components:

<style module scoped src='./Example.css' />

Which isn't working, I spotted @danielbastos11 's PR adding support for css modules and was wondering if vue-jest can deal with external css yet? If not I'm happy to extend the work in #50 to allow external css files and open a PR for it.

Thanks

[eddyerburgh]

We don't support external CSS. A PR would be very welcome!

[rmartins90]

does this help @hewIngram? https://facebook.github.io/jest/docs/en/webpack.html#handling-static-assets

[lancetharper]

I think I've run into a similar (or might be the same) issue.

<style module>
@import "some/file.css"
</style>

wrapper.vm.$style = {}.

If I change it to:

<style module>
@import "some/file.css"

.test {
  color: purple;
}
</style>

wrapper.vm.$style = { test: 'test' }

Does this look to be the same issue?

Edit:
I should point out that I'm using postcss/postcss-import and not sass/scss

Edit2:
I think my problem is specific to lack of postcss support. I've opened #91 to track there instead

[hewIngram]

Just opened a PR that reads the src attribute of a style tag so that vue-jest can deal with external css.

#158