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

import { By } from "@angular/platform-browser";
import { RouterTestingModule } from "@angular/router/testing";

import { SamHistoryComponent } from "./history.component";

const historyCurrentId = "1a610c814d73fc23a6b71decc9b4c548";
const historyData = [
  {
    authoritative: "0",
    date: "Feb 04, 2016 8:20am",
    description: "Lorem Ipsum",
    id: "0564cc38f28e1a85ea66de2bb78dae29",
    index: "1",
    title: "Original Combined Synopsis/Solicitation",
    url: "/opportunities/0564cc38f28e1a85ea66de2bb78dae29",
  },
  {
    authoritative: "1",
    date: "Mar 13, 2016 1:21pm",
    description: "",
    id: "1a610c814d73fc23a6b71decc9b4c548",
    index: "2",
    title: "Award Notice",
    url: "/opportunities/1a610c814d73fc23a6b71decc9b4c548",
  },
];

describe("The SAM History Component", () => {
  let component: SamHistoryComponent;
  let fixture: ComponentFixture<SamHistoryComponent>;

  beforeEach(() => {
    TestBed.configureTestingModule({
      imports: [RouterTestingModule],
      declarations: [SamHistoryComponent],
    });

    fixture = TestBed.createComponent(SamHistoryComponent);
    component = fixture.componentInstance;
    component.data = historyData;
    component.currentId = historyCurrentId;
  });

  it("check markup", () => {
    fixture.detectChanges();
    // Date
    expect(
      fixture.debugElement.query(By.css("ul li:nth-child(1) strong"))
        .nativeElement.innerHTML
    ).toBe("Feb 04, 2016 8:20am");
    // Title
    expect(
      fixture.debugElement.query(By.css("ul li:nth-child(1) a")).nativeElement
        .innerHTML
    ).toBe("Original Combined Synopsis/Solicitation");
    // Description
    expect(
      fixture.debugElement.query(By.css("ul li:nth-child(1) p")).nativeElement
        .innerHTML
    ).toBe("Lorem Ipsum");
    // URL
    expect(
      fixture.debugElement
        .query(By.css("ul li:nth-child(1) a"))
        .nativeElement.getAttribute("href")
    ).toBe("/opportunities/0564cc38f28e1a85ea66de2bb78dae29");
  });

  it("check current class", () => {
    fixture.detectChanges();
    expect(
      fixture.debugElement
        .query(By.css("ul li:nth-child(2)"))
        .nativeElement.getAttribute("class")
    ).toContain("current");
  });
});