Testing Typscript

Hey, I love how easy this was all to set up. Converting to typescript was even a breeze for the most part.

However, I can’t seem to get karma working with my typescript. I’ve tried configuring karma-typescript myself but have failed for the last few hours.

I would really like to see some docs for setting up tests for typescript. The docs are great in most other places, but lack here.

[LarsDenBakker]

I share your feeling of not wanting to use webpack or any bundler during development/testing. That’s a primary goal for us as well. The core problem is that for many tools running code unbundled does not work out of the box. So while things work just fine when you run it in the browser, it doesn’t when you use some tools.

The problem with karma is that it doesn’t serve any files it didn’t know about beforehand. Because we want to use the module loader of the browser, we can’t and shouldn’t know the dependency tree beforehand.

It took quite some effort getting this to work, but we did it with karma-esm. Unfortunately this has the side effect of not running the karma preprocessors since we’re bypassing karma for serving files.

So to summarize:

• There is a solution for running karma with native modules (our karma-esm plugin)
• There is a solution for running karma with typescript (karma typescript preprocessor, karma webpack etc.)

But they don’t both work together yet.

[thepassle]

https://open-wc.org/testing/karma-esm.html#testing-typescript