As I work on writing tests for my Angular2 application, I am encountering a problem. When I use the templateUrl property in the Angular2 component, linking it to an HTML file, instead of using the template property, the test fails to run. The async callback within the test times out because the .html file is not being loaded. However, placing the template code directly within the component file allows the test to run successfully. It seems that the .html file cannot be found, as evidenced by the request timing out in the browser.
I have reviewed my karma.conf file and everything appears to be correctly configured. I have also set the line to include .html files when Karma runs:
{ pattern: appBase + '**/*.html', included: true, watched: true },
Here is the content of my entire karma.conf file:
...Given this setup, I am unsure why the .html files are not loading. Can anyone identify the reason behind this issue? I want to avoid including the template code in each component due to the size of some components and the separate view-file functionality in my file structure.
The component code (with the working code commented out):
...The testing module:
...When starting Karma, I encounter the following error message:
07 12 2016 14:17:15.658:WARN [proxy]: failed to proxy app/views/catalog/categories/categories-dashboard.html (socket hang up)
To provide more clarity, here are the URLs associated with accessing the application versus running the test:
...The karma-test-shim file:
...