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

import { RouterTestingModule } from "@angular/router/testing";
// Load the implementations that should be tested
import { FormStepComponent } from "./form-step.component";
import { SamStickyComponent } from "../../directives/sticky/sticky.component";
import { SamSidenavModule } from "../../components/sidenav";
import { SamBreadcrumbsComponent } from "../../components/breadcrumbs";
import { SamAlertComponent } from "../../components/alert";
import { PageTemplateComponent } from "../page.component";
import { SidebarTemplateComponent } from "../sidebar.component";
import { GridDirective } from "../grid/grid.directive";
import { ColumnDirective } from "../grid/column.directive";
import { RowDirective } from "../grid/row.directive";
import { TitleAndSectionComponent } from "../title-and-section.component";
import { SamBadgeComponent } from "../../components/badge";
import { SamElementsModule } from "../../elements";
import { data } from "../../components/sidenav/services/testdata";

describe("Form Step Component", () => {
  describe("rendered tests", () => {
    let component: FormStepComponent;
    let fixture: ComponentFixture<FormStepComponent>;

    // provide our implementations or mocks to the dependency injector
    beforeEach(() => {
      TestBed.configureTestingModule({
        imports: [SamElementsModule, SamSidenavModule, RouterTestingModule],
        declarations: [
          FormStepComponent,
          SamStickyComponent,
          SamAlertComponent,
          SamBreadcrumbsComponent,
          SidebarTemplateComponent,
          GridDirective,
          ColumnDirective,
          RowDirective,
          TitleAndSectionComponent,
          SamBadgeComponent,
          PageTemplateComponent,
        ],
      });

      fixture = TestBed.createComponent(FormStepComponent);
      component = fixture.componentInstance;
      component.sideNavModel = data;
      component.tabsComponent = {
        toggleButtonOnErrors: false,
      };
      fixture.detectChanges(); // trigger initial data binding
    });

    it("should initialize", function () {
      fixture.detectChanges();
      expect(true).toBe(true);
    });

    it("should toggle buttons", () => {
      component.toggleButtons(true);
      expect(component.tabsComponent.toggleButtonOnErrors).toBe(true);
      component.toggleButtons(false);
      expect(component.tabsComponent.toggleButtonOnErrors).toBe(false);
      component.hasErrors = true;
      component.ngOnChanges();
      expect(component.tabsComponent.toggleButtonOnErrors).toBe(true);
    });

    it("should have emitters", () => {
      component.breadcrumbOut.subscribe(() => {
        expect(true).toBe(true);
      });
      component.breadcrumbChange.subscribe(() => {
        expect(true).toBe(true);
      });
      component.action.subscribe(() => {
        expect(true).toBe(true);
      });
      component.sideNavOutput.subscribe(() => {
        expect(true).toBe(true);
      });
      component.sideNavChange.subscribe(() => {
        expect(true).toBe(true);
      });
      component.breadcrumbHandler({});
      component.formAction({});
      component.navHandler({});
    });
  });
});