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

import { SamWrapperModule } from "../../../ui-kit/wrappers";
import { SamDateRangeV2Component } from "./date-range-v2.component";
import { DatepickerComponent } from "./datepicker/picker.component";
import { SamInputMaskModule } from "../../experimental/input-mask";
import { FormsModule, ReactiveFormsModule } from "@angular/forms";
import { SamFormService } from "../../../ui-kit/form-service";
import { CommonModule } from "@angular/common";

const dateModel = {
  startDate: "12/21/01",
  endDate: "12/21/2021",
};

const dateRangeSettings = {
  label: "Date Range",
  hint: "Date range for ad-hoc report",
  cancelText: "Close",
  errorMessage: "Invalid",
  required: "true",
};

const startDateConfig = {
  name: "Start Date",
  placeholder: "Start Date",
  label: "start",
  hint: "",

  rangeStart: new Date(),
  rangeEnd: new Date(),
  showCalendar: true,
  weekStart: 0,
  dateFormat: "M/DD/YYYY",
  disabled: false,
};

const endDateConfig = {
  name: "End Date",
  placeholder: "End Date",
  label: "end",
  hint: "",

  rangeStart: new Date(),
  rangeEnd: new Date(),
  showCalendar: true,
  weekStart: 0,
  dateFormat: "M/DD/YYYY",
  disabled: false,
};

describe("The Sam Date Range V2 component", () => {
  describe("isolated tests", () => {
    let component: SamDateRangeV2Component;

    beforeEach(() => {
      component = new SamDateRangeV2Component();
    });

    it("should get a moment-based date", () => {
      component.ngOnInit();
      expect(component.model.startDate).toBe("");
    });
  });
  describe("rendered tests", () => {
    let component: SamDateRangeV2Component;
    let fixture: ComponentFixture<SamDateRangeV2Component>;
    beforeEach(() => {
      TestBed.configureTestingModule({
        imports: [
          FormsModule,
          SamWrapperModule,
          SamInputMaskModule,
          CommonModule,
          ReactiveFormsModule,
        ],
        declarations: [SamDateRangeV2Component, DatepickerComponent],
        providers: [SamFormService],
      });
      component = new SamDateRangeV2Component();
      fixture = TestBed.createComponent(SamDateRangeV2Component);
      component = fixture.componentInstance;
      fixture.detectChanges();
      component.startDateConfig = startDateConfig;
      component.endDateConfig = endDateConfig;
      component.model = dateModel;
      component.dateRangeConfig = dateRangeSettings;
      component.writeValue({ startDate: "12/21/01", endDate: "12/21/2021" });
      component.onDateChange();
    });

    it("should match specified date", function () {
      expect(component.model.startDate).toBe("12/21/01");
      expect(component.model.endDate).toBe("12/21/2021");
    });
  });
});