TemplateUrl not loading in Angular 2 unit test with Karma
<p>I'm running RC6 and want to test a component templateUrl behaviour,</p>

<p>I.e Loading templates using TemplateUrl
There seems to be a fix for this as in <a href="https://github.com/angular/angular/pull/6601" rel="nofollow">https://github.com/angular/angular/pull/6601</a>. However the code below doesn't work. Fundamentally it doesn't load the temple via templateUrl.  </p>

<p>There is a lot of discrepancy around where to use inject, fakeAsync or aysnc. 
There a solution to use a karma plugin and use a redirect for the templeUrl but I am not keen on this. </p>

<pre><code>import { Component, Input, OnInit} from "@angular/core";


import { TooltipService } from "./tooltip.service";

@Component({
    selector: "tooltip",
    templateUrl: "./tooltip.component.html",
    providers: [TooltipService]
})

export class TooltipComponent {}

const INITIAL_QUESTIONS: any = { step: {
    questions: [
        {
            key: "q1",
            questionId: "question1",
            displayText: "Question 1's value",
            answerChoices: [
                { answerId: "abc$def", displayText: "Answer 1", selected: true },
                { answerId: "123$def", displayText: "Answer 2", selected: false }
            ]
        }
    ]
}};
</code></pre>

<hr>

<pre><code>fdescribe("ToolTipComponent", () =&gt; {
    beforeEach(() =&gt; {
        TestBed.configureTestingModule({
            declarations: [
                TooltipComponent
            ],
            providers: [
               { provide: TooltipService, useClass: MockToolTipService }
            ]
        });

        this.fixture = TestBed.createComponent(TooltipComponent);
    });

    it("should render the template", async(() =&gt; {
        this.fixture.whenStable().then(() =&gt; {
            let element = this.fixture.nativeElement;
            this.fixture.detectChanges();

            expect(element.querySelectorAll("div").length).toBe(1);
        });

    }));
});
</code></pre>