import { ComponentFixture, TestBed } from "@angular/core/testing";
import { By } from "@angular/platform-browser";
import { DebugElement } from "@angular/core";

import { SamActionButton } from "./action-button.component";
import { SamActionInterface } from "../action-interface";

describe("The SAM Action Button Component", () => {
  let comp: SamActionButton;
  let fixture: ComponentFixture<SamActionButton>;
  let de: DebugElement;
  let el: HTMLElement;

  beforeEach(() => {
    TestBed.configureTestingModule({
      declarations: [SamActionButton],
    }).compileComponents();

    fixture = TestBed.createComponent(SamActionButton);

    comp = fixture.componentInstance;
    comp.action = {
      callback: () => {
        return "success";
      },
      icon: "fa fa-plus",
      label: "Add",
      name: "add",
    };
    comp.disabled = false;
    de = fixture.debugElement;
    fixture.detectChanges();
  });

  it("Should display an action icon", () => {
    el = de.query(By.css(".fa")).nativeElement;

    expect(el.className).toBe(comp.action.icon);
  });

  it("Should display an action label", () => {
    el = de.query(By.css("button")).nativeElement;

    expect(el.innerHTML).toContain(comp.action.label);
  });

  it("Should disable button when disabled is set", () => {
    const element: HTMLButtonElement = de.query(By.css("button")).nativeElement;
    comp.disabled = true;
    fixture.detectChanges();

    expect(element.disabled).toBe(true);
  });

  it("Should emit callback results on button click", () => {
    const button = de.query(By.css("button"));

    let emittedResult: unknown;
    comp.emitCallback.subscribe((_: unknown) => {
      emittedResult = _;
    });
    fixture.detectChanges();

    button.triggerEventHandler("click", undefined);

    expect(emittedResult).toBe("success");
  });

  it("Should emit action when button is clicked", () => {
    const button = de.query(By.css("button"));

    let emittedAction: SamActionInterface;
    comp.emitAction.subscribe((_: SamActionInterface) => {
      emittedAction = _;
    });
    fixture.detectChanges();

    button.triggerEventHandler("click", undefined);

    expect(emittedAction).toBe(comp.action);
  });
});