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

import { SamHierarchicalTreeComponent } from "./hierarchical-tree.component";
import { SamHierarchicalTreeGridComponent } from "../hierarchical-tree-grid/hierarchical-tree-grid.component";
import { SamHierarchicalTreeHeaderComponent } from "../hierarchical-tree-header/hierarchical-tree-header.component";
import { SamButtonModule } from "../../../elements";
import { SamSelectModule } from "../../../form-controls";
import { SamFormService } from "../../../form-service";
import { CommonModule } from "@angular/common";
import { FormsModule } from "@angular/forms";
import { CdkTableModule } from "@angular/cdk/table";
import { SamDataTableModule } from "../../../components/data-table";
import { SamHierarchicalTreeConfiguration } from "../models/SamHierarchicalTreeConfiguration";
import {
  HierarchicalDataService,
  SampleHierarchicalData,
} from "../hierarchical-test-service.spec";
import { SortDirection } from "../../../components/data-table/sort.directive";

const sortOrder: SortDirection[] = ["asc", "desc"];
const config: SamHierarchicalTreeConfiguration = {
  gridColumnsDisplayed: [],
  primaryKeyField: "id",
  childCountField: "childCount",
  filterPlaceholderText: "",
  topLevelBreadcrumbText: "All Departments",
  primaryTextField: "name",
  minimumCharacterCountSearch: 0,
  navigateScreenReaderText: "",
  emptyResultText: "",
};

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

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

  beforeEach(() => {
    fixture = TestBed.createComponent(SamHierarchicalTreeComponent);
    component = fixture.componentInstance;
    component.configuration = config;
    component.service = new HierarchicalDataService();
    fixture.detectChanges();
  });

  it("Select item", () => {
    component.selectItem(SampleHierarchicalData[0]);
    fixture.detectChanges();
    expect(component.breadcrumbStack.length).toBe(1);
    expect(component.breadcrumbStackSelectable.length).toBe(2);
    expect(component.selectedValue).toBe(SampleHierarchicalData[0].id);
  });

  it("Sort Empty ", fakeAsync(() => {
    component.sortLevel.next(null);
    let list = [];
    component.gridResults.subscribe((value) => {
      list = value;
    });
    fixture.detectChanges();
    tick();
    expect(list.length).toBe(1);
  }));

  it("Sort not empty ", fakeAsync(() => {
    const sortItem = {
      active: "id",
      direction: sortOrder[0],
    };
    component.sortLevel.next(sortItem);
    let list = [];
    component.gridResults.subscribe((value) => (list = value));
    fixture.detectChanges();
    tick();
    expect(list.length).toBe(1);
  }));
});