Karma-typescript-angular2-transform NPM

karma-typescript-angular2-transform

Karma-Typescript :heart: Angular

This plugin rewrites relative urls in the templateUrl and styleUrls properties of Angular components, making sure that the Angular framework can resolve the urls when running tests with karma-typescript, eliminating the need to use module.id for resolving paths.

The absolute urls are calculated using the basePath and urlRoot properties in karma.conf.js.

Installation

$ npm install --save-dev karma-typescript-angular2-transform

Configuration

In the karma-typescript section of karma.conf.js:

karmaTypescriptConfig: {
    bundlerOptions: {
        transforms: [
            require("karma-typescript-angular2-transform")
        ]
    }
}

Example code

import { Component } from import { Component } from "@angular/core";

@Component({
    selector: "app-mock",
    styleUrls: ["style.css", "./style.less", "../style.scss"],
    templateUrl: "mock.html"
})
export class MockComponent {}