table-of-contents.spec.ts

import {async, ComponentFixture, TestBed} from '@angular/core/testing';
import {Observable} from 'rxjs/Observable';
import {ActivatedRoute} from '@angular/router';
import {TableOfContents} from './table-of-contents';
import {TableOfContentsModule} from './table-of-contents.module';
import {DocsAppTestingModule} from '../../testing/testing-module';

const mockActivatedRoute = {
  fragment: Observable.create(observer => {
    observer.complete();
  })
};

describe('TableOfContents', () => {

  beforeEach(async(() => {
    TestBed.configureTestingModule({
      imports: [TableOfContentsModule, DocsAppTestingModule],
      providers: [
        {provide: ActivatedRoute, useValue: mockActivatedRoute},
      ]
    }).compileComponents();
  }));

  let fixture: ComponentFixture<TableOfContents>;
  let component: TableOfContents;

  beforeEach(() => {
    fixture = TestBed.createComponent(TableOfContents);
    component = fixture.componentInstance;
    fixture.detectChanges();
  });

  it('should have no header', () => {
    const header = fixture
      .nativeElement
      .querySelector('h2');
    expect(header).toBeNull();
  });

  it('should have header and links', () => {
    component._links = [
      {
        type: 'h2',
        id: 'test',
        name: 'test',
        top: 0,
      }
    ];

    const header = fixture.nativeElement.querySelector('h2');
    expect(header).toBeDefined();

    const links = fixture.nativeElement.querySelector('li');
    expect(links).toBeDefined();
  });
});