title: Karma error - No captured browser, open http://localhost:9876/
body: <p>I just started to use Karma for first time...Following this tutuorial : <a href="https://angular.io/docs/ts/latest/guide/testing.html" rel="noreferrer">https://angular.io/docs/ts/latest/guide/testing.html</a> I am writing simple test to check if the title is correct. I always get this <strong>error : "No captured browser, open <a href="http://localhost:9876/" rel="noreferrer">http://localhost:9876/</a>"</strong> .I am using Angular 2 and typescript. These are the versions </p>
  
  <pre><code>"@angular/core": "2.4.10" 
  "jasmine-core": "^2.6.2",
  "karma": "^1.7.0".
  </code></pre>
  
  <p>My folder structure looks like this </p>
  
  <pre><code>mydashboard
   -src
     -app
       -welcome
         -welcome.component.ts
         -welcome.component.spec.ts   
   -karma.conf.js
  
  //karma.conf.js
  module.exports = function(config) {
    config.set({
      basePath: '',
      frameworks: ['jasmine'],
      files: ["src/app/**/*.spec.ts"
      ],
      exclude: [
      ],
      preprocessors: {
      },
      reporters: ['progress'],
      port: 9876,
      colors: true,
      logLevel: config.LOG_INFO,
      autoWatch: true,
      browsers: ['Chrome'],
      singleRun: false,
      concurrency: Infinity
    })
  }
  //welcome.component.spec.ts
  import { ComponentFixture, TestBed } from '@angular/core/testing';
  import { By }              from '@angular/platform-browser';
  import { DebugElement }    from '@angular/core';
  import { WelcomeComponent } from './welcome.component';
  
  describe('WelcomeComponent  (inline template)', () =&gt; {
    let comp:    WelcomeComponent;
    let fixture: ComponentFixture&lt;WelcomeComponent&gt;;
    let de:      DebugElement;
    let el:      HTMLElement;
    beforeEach(() =&gt; {
      TestBed.configureTestingModule({
        declarations: [ WelcomeComponent  ], // declare the test component
      });
      fixture = TestBed.createComponent(WelcomeComponent);
      comp = fixture.componentInstance; // WelcomeComponent  test instance
      // query for the title &lt;h1&gt; by CSS element selector
      de = fixture.debugElement.query(By.css('h1'));
      el = de.nativeElement;
    });
  
    it('should display original title', () =&gt; {
    fixture.detectChanges();
    expect(el.textContent).toContain(comp.title);
  });
  });
  //welcome.component.ts
  import { Component } from '@angular/core';
  @Component({
    template: '&lt;h1&gt;{{title}}&lt;/h1&gt;'
  })
  export class WelcomeComponent {
    title = 'Test Tour of Heroes';
  }
  </code></pre>
  
  <p><a href="https://i.stack.imgur.com/hvAx8.png" rel="noreferrer"><img src="https://i.stack.imgur.com/hvAx8.png" alt="enter image description here"></a></p>