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

import {ToolbarComponent} from './toolbar.component';
import { MatSidenavModule } from '@angular/material/sidenav';
import { MatToolbarModule } from '@angular/material/toolbar';
import {RouterTestingModule} from '@angular/router/testing';
import {Component} from '@angular/core';

@Component({template: ''})
class DummyComponent {
}

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

  beforeEach(async(() => {
    TestBed.configureTestingModule({
      imports: [MatToolbarModule,
        MatSidenavModule,
        RouterTestingModule.withRoutes([{path: 'home', component: DummyComponent}])
      ],
      declarations: [ToolbarComponent, DummyComponent]
    })
      .compileComponents();
  }));

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

  it('should create', () => {
    expect(component).toBeTruthy();
  });

  it('should contain a material toolbar', () => {
    expect(fixture.debugElement.children[0].nativeElement.className).toBe('mat-drawer-container mat-sidenav-container');
  });

  it('should contain 4 links, Home, Resume, Projects, Contact', () => {
    const debugElements = fixture.debugElement.queryAll((element) => {
      return element.nativeElement.className.indexOf('mat-toolbar') !== -1;
    });

    expect(debugElements[0].children.length).toBe(4);
  });
});