import { ComponentFixture, TestBed } from "@angular/core/testing";
import { CommonModule } from "@angular/common";
import { FormsModule } from "@angular/forms";
import { SamHierarchicalTreeHeaderComponent } from "./hierarchical-tree-header.component";
import { SamButtonModule } from "../../../elements";
import { SamSelectModule } from "../../../form-controls";
import { SamFormService } from "../../../form-service";
import { SamHierarchicalTreeHeaderConfiguration } from "../models/SamHierarchicalTreeHeaderConfiguration";

const options = [
  { name: "Level 2", id: "2", value: "2", label: "Level 2" },
  { name: "Level 1", id: "1", value: "1", label: "Level 1" },
  { name: "TOP", id: null, value: null, label: "TOP" },
];

describe("SamHierarchicalTreeHeaderComponent", () => {
  let component: SamHierarchicalTreeHeaderComponent;
  let fixture: ComponentFixture<SamHierarchicalTreeHeaderComponent>;

  beforeEach(() => {
    TestBed.configureTestingModule({
      imports: [SamButtonModule, SamSelectModule, FormsModule, CommonModule],
      declarations: [SamHierarchicalTreeHeaderComponent],
      providers: [SamFormService],
    }).compileComponents();
  });

  beforeEach(() => {
    fixture = TestBed.createComponent(SamHierarchicalTreeHeaderComponent);
    component = fixture.componentInstance;
    component.options = [...options];

    const config = new SamHierarchicalTreeHeaderConfiguration();
    config.minimumCharacterCountSearch = 0;
    component.configuration = config;
    fixture.detectChanges();
  });

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

  it("navigateToParent with child", () => {
    vi.spyOn(component.selectBreadcrumb, "emit");
    component.navigateToParent();
    fixture.detectChanges();
    expect(component.selectBreadcrumb.emit).toHaveBeenCalledWith("1");
  });

  it("navigateToParent with top level navigation", () => {
    vi.spyOn(component.selectBreadcrumb, "emit");
    component.options.shift();
    component.navigateToParent();
    fixture.detectChanges();
    expect(component.selectBreadcrumb.emit).toHaveBeenCalledWith(null);
  });

  it("onLevelChange", () => {
    component.selectModel = "1";
    vi.spyOn(component.selectBreadcrumb, "emit");
    component.onLevelChange(null);
    fixture.detectChanges();
    expect(component.selectBreadcrumb.emit).toHaveBeenCalledWith("1");
  });

  it("Delete no char min", () => {
    const event = {
      key: "Delete",
      target: { value: "id" },
    };
    vi.spyOn(component.filterTextChange, "emit");
    component.onKeyup(event);
    fixture.detectChanges();
    expect(component.filterTextChange.emit).toHaveBeenCalledWith(
      event.target.value
    );
  });

  it("Backspace no char min", () => {
    const event = {
      key: "Backspace",
      target: { value: "id" },
    };
    vi.spyOn(component.filterTextChange, "emit");
    component.onKeyup(event);
    fixture.detectChanges();
    expect(component.filterTextChange.emit).toHaveBeenCalledWith(
      event.target.value
    );
  });

  it("Delete empty with char min", () => {
    const event = {
      key: "Delete",
      target: { value: "" },
    };
    component.configuration.minimumCharacterCountSearch = 3;
    vi.spyOn(component.filterTextChange, "emit");
    component.onKeyup(event);
    fixture.detectChanges();
    expect(component.filterTextChange.emit).toHaveBeenCalledWith(
      event.target.value
    );
  });

  it("Backspace empty with char min", () => {
    const event = {
      key: "Backspace",
      target: { value: "" },
    };
    component.configuration.minimumCharacterCountSearch = 3;
    vi.spyOn(component.filterTextChange, "emit");
    component.onKeyup(event);
    fixture.detectChanges();
    expect(component.filterTextChange.emit).toHaveBeenCalledWith(
      event.target.value
    );
  });

  it("Delete not within emit ", () => {
    const event = {
      key: "Delete",
      target: { value: "le" },
    };
    component.configuration.minimumCharacterCountSearch = 3;
    vi.spyOn(component.filterTextChange, "emit");
    component.onKeyup(event);
    fixture.detectChanges();
    expect(component.filterTextChange.emit).toHaveBeenCalledWith("");
  });

  it("Backspace not within emit", () => {
    const event = {
      key: "Backspace",
      target: { value: "ie" },
    };
    component.configuration.minimumCharacterCountSearch = 3;
    vi.spyOn(component.filterTextChange, "emit");
    component.onKeyup(event);
    fixture.detectChanges();
    expect(component.filterTextChange.emit).toHaveBeenCalledWith("");
  });

  it("Delete above min char limit", () => {
    const event = {
      key: "Delete",
      target: { value: "leb" },
    };
    component.configuration.minimumCharacterCountSearch = 3;
    vi.spyOn(component.filterTextChange, "emit");
    component.onKeyup(event);
    fixture.detectChanges();
    expect(component.filterTextChange.emit).toHaveBeenCalledWith(
      event.target.value
    );
  });

  it("Backspace above min char limit", () => {
    const event = {
      key: "Backspace",
      target: { value: "trr" },
    };
    component.configuration.minimumCharacterCountSearch = 3;
    vi.spyOn(component.filterTextChange, "emit");
    component.onKeyup(event);
    fixture.detectChanges();
    expect(component.filterTextChange.emit).toHaveBeenCalledWith(
      event.target.value
    );
  });

  it("Text above", () => {
    const event = {
      key: "r",
      target: { value: "trr" },
    };
    component.configuration.minimumCharacterCountSearch = 3;
    vi.spyOn(component.filterTextChange, "emit");
    component.onKeyup(event);
    fixture.detectChanges();
    expect(component.filterTextChange.emit).toHaveBeenCalledWith(
      event.target.value
    );
  });

  it("Text below min char count", () => {
    const event = {
      key: "r",
      target: { value: "tr" },
    };
    component.configuration.minimumCharacterCountSearch = 3;
    vi.spyOn(component.filterTextChange, "emit");
    component.onKeyup(event);
    fixture.detectChanges();
    expect(component.filterTextChange.emit).not.toHaveBeenCalled();
  });
});