Template Unit Test for Angular Component + Service

common-component.ts

import { TestBed, ComponentFixture } from '@angular/core/testing';

import { ComponentName } from 'fileOfComponent';

describe('NameOfTheComponent', () => {
  let component: ComponentName;
  let fixture: ComponentFixture<ComponentName>;

  beforeEach(() => {
    return TestBed.configureTestingModule({
      declarations: [ComponentName],
      providers: []
    })
      .compileComponents()
      .then(() => {
        fixture = TestBed.createComponent(ComponentName);
        component = fixture.componentInstance;
      });
  });

  afterEach(() => {
    if (fixture) { fixture.destroy(); }
    component = null;
  });

  it('Should render without error', () => {
    expect(component instanceof ComponentName).toBeTruthy();
  });

  it('Should hit ngOnInit', () => {
    comp.ngOnInit();
    expect(component instanceof ComponentName).toBeTruthy();
  });
});

directive-component.ts

import { Component } from '@angular/core';
import { TestBed, ComponentFixture } from '@angular/core/testing';

import { DirectiveName } from 'directoryOfDirective';

@Component({
  selector: 'app-test',
  template: `
    <div [directive-selector]></div>
  `
})
class MockComponent { }

describe('NameOfTheComponent', () => {
  let component: MockComponent;
  let fixture: ComponentFixture<MockComponent>;

  beforeEach(() => {
    return TestBed.configureTestingModule({
      declarations: [
        MockComponent,
        DirectiveName
      ],
      providers: []
    })
      .compileComponents()
      .then(() => {
        fixture = TestBed.createComponent(MockComponent);
        component = fixture.componentInstance;
      });
  });

  afterEach(() => {
    if (fixture) { fixture.destroy(); }
    component = null;
  });

  it('Should render without error', () => {
    expect(component instanceof MockComponent).toBeTruthy();
  });
});

service.ts

import { TestBed } from '@angular/core/testing';

import { ServiceName } from 'fileOfService';

describe('NameOfTheService', () => {
  let service: ServiceName;

  beforeEach(() => {
    Testbed.configureTestingModule({
      providers: [ServiceName]
    });

    service = TestBed.get(ServiceName);
  })

  afterEach(() => {
    service = null;
  });

  it('Will Declared Notification Service without any errors', () => {
    expect(service instanceof ServiceName).toBeTruthy();
  });
});