generator-fountain-angular2/generators/directive/templates/src/app/directive.spec.ts

Yeoman Fountain generator to scaffold a webapp with Angular 2 written in ES6 (Babel), TypeScript through Webpack or SystemJS including tools Gulp 4, ESLint, Browsersync and Karma

import {<%- className %>} from './<%- name %>';
import {Component} from '@angular/core';
import {TestBed, async} from '@angular/core/testing';

@Component({
  selector: 'mock',
  template: `<div <%- directiveName %>></div>`
})
class MockComponent {}

describe('<%- directiveName %> directive', () => {
  beforeEach(async(() => {
    TestBed.configureTestingModule({declarations: [MockComponent]});
    TestBed.compileComponents();
  }));

  it('should render...', () => {
    const fixture = TestBed.createComponent(MockComponent);
    fixture.detectChanges();
  });
});