angular-mat-datepicker/src/datepicker.component.spec.ts

[](https://www.npmjs.org/package/angular2-material-datepicker) [](https://travis-ci.org/koleary9

import { async, ComponentFixture, TestBed } from '@angular/core/testing';
import { By } from '@angular/platform-browser';
import { CommonModule }   from '@angular/common';
import { DebugElement } from '@angular/core';
import { FormControl, FormsModule, ReactiveFormsModule } from '@angular/forms';

import { DatepickerComponent } from './datepicker.component';


describe('DatepickerComponent', () => {
  let comp: DatepickerComponent;
  let fixture: ComponentFixture<DatepickerComponent>;

  beforeEach(() => {
    TestBed.configureTestingModule({
      declarations: [ DatepickerComponent ],
      imports: [ CommonModule, FormsModule, ReactiveFormsModule ],
    });
    fixture = TestBed.createComponent(DatepickerComponent);
    comp = fixture.componentInstance;
  });

  it('should create component', () => expect(comp).toBeDefined());

  describe('yearValidator', () => {
    const expectedError = { 'invalidYear': true };
    let testControl;
    beforeEach(() => {
      testControl = new FormControl('');
    });

    it('validates a valid year', () => {
      testControl.setValue(2015);
      expect(comp.yearValidator(testControl)).toEqual(null);
    });

    it('returns error when given invalid year', () => {
      testControl.setValue(1785);
      expect(comp.yearValidator(testControl)).toEqual(expectedError);
    });

    it('returns error when given a non number type', () => {
      testControl.setValue('abc');
      expect(comp.yearValidator(testControl)).toEqual(expectedError);
    });
  });

  describe('inRangeValidator', () => {
    let testControl;
    beforeEach(() => {
      testControl = new FormControl('');
    });

    it('returns error when currentMonthNumber is absent', () => {
      testControl.setValue(2015);
      expect(comp.inRangeValidator(testControl)).toEqual({ 'currentMonthMissing': true });
    });

    it('returns error when rangeStart is set and year is before rangeStart', () => {
      comp.currentMonthNumber = 8;
      comp.rangeStart = new Date(2014, 1);
      testControl.setValue(2012);
      expect(comp.inRangeValidator(testControl)).toEqual({ 'yearBeforeRangeStart': true });
    });

    it('returns error when rangeEnd is set and year is after rangeEnd', () => {
      comp.currentMonthNumber = 8;
      comp.rangeEnd = new Date(2014, 1);
      testControl.setValue(2016);
      expect(comp.inRangeValidator(testControl)).toEqual({ 'yearAfterRangeEnd': true });
    });

    it('validates a valid year with no range set', () => {
      comp.currentMonthNumber = 8;
      testControl.setValue(2015);
      expect(comp.inRangeValidator(testControl)).toEqual(null);
    });

    it('validates a valid year with start and end range present', () => {
      comp.currentMonthNumber = 8;
      comp.rangeStart = new Date(2014, 1);
      comp.rangeEnd = new Date(2016, 1);
      testControl.setValue(2015);
      expect(comp.inRangeValidator(testControl)).toEqual(null);
    });
  });

  describe('setCurrentYear', () => {
    it('sets currentYear', () => {
      const year = 2014;
      comp.setCurrentYear(year);
      expect(comp.currentYear).toEqual(year);
    });
  });

  describe('setInputText', () => {
    it('sets correct inputText when dateFormat equals "YYYY-MM-DD"', () => {
      const day = new Date(2016, 3, 15);
      comp.dateFormat = 'YYYY-MM-DD';
      comp.setInputText(day);
      expect(comp.inputText).toEqual('2016-04-15');
    });

    it('sets correct inputText when dateFormat equals "MM-DD-YYYY"', () => {
      const day = new Date(2016, 3, 15);
      comp.dateFormat = 'MM-DD-YYYY';
      comp.setInputText(day);
      expect(comp.inputText).toEqual('04-15-2016');
    });

    it('sets correct inputText when dateFormat equals "DD-MM-YYYY"', () => {
      const day = new Date(2016, 3, 15);
      comp.dateFormat = 'DD-MM-YYYY';
      comp.setInputText(day);
      expect(comp.inputText).toEqual('15-04-2016');
    });

    it('sets correct inputText when dateFormat is a custom function', () => {
      const day = new Date(2016, 3, 15);
      const func = (date: Date): string => date.toString();
      comp.dateFormat = func;
      comp.setInputText(day);
      expect(comp.inputText).toEqual(day.toString());
    });
  });
});