clear.js

import {
  $,
  $input,
  safeDispose,
  fromData,
  assertData,
  assertText,
  findPopper,
  findToday,
  assertNotFound,
  assertVisible,
  assertHidden,
  assertDatesEqual,
  findDayOfMonth,
  prepare,
  YYYY_MM_DD,
  findMonthsSwitch,
  findYearsSwitch,
  findDecadesSwitch,
  findCenturiesSwitch
} from '../../support'
import {Selector, ClassName} from '../../../js/constants'
import moment from 'moment'

describe('Datepicker', () => {

  beforeEach(() => prepare())
  afterEach(() => safeDispose())

  describe('clear', () => {
    describe('button', () => {

      it(`should not show by default`, () => {
        $input.datepicker()
        assertData().show()
        assertVisible(Selector.DAYS)
        assertHidden(`${Selector.DAYS} tfoot ${Selector.CLEAR}`)
      })

      it(`should show when enabled`, () => {
        $input.datepicker({
          button: {clear: true}
        })
        assertData().show()
        assertVisible(Selector.DAYS)
        assertVisible(`${Selector.DAYS} tfoot ${Selector.CLEAR}`)

        findMonthsSwitch().click()
        assertVisible(Selector.MONTHS)
        assertVisible(`${Selector.MONTHS} tfoot ${Selector.CLEAR}`)

        findYearsSwitch().click()
        assertVisible(Selector.YEARS)
        assertVisible(`${Selector.YEARS} tfoot ${Selector.CLEAR}`)
      })

      it(`should clear the input value`, () => {
        $input.val(`2012-03-05`)
          .datepicker({
            format: YYYY_MM_DD,
            button: {clear: true}
          })

        let dp = assertData()
        dp.show()
        assertVisible(Selector.DAYS)
        // click clear
        assertVisible(`${Selector.DAYS} tfoot ${Selector.CLEAR}`).click()
        assertText('input', '')
        expect(dp.getDate()).to.be.null
        assertVisible(Selector.POPPER)
      })

      it(`should hide with autoclose true`, () => {
        $input.val(`2012-03-05`)
          .datepicker({
            format: YYYY_MM_DD,
            button: {clear: true},
            autoclose: true
          })

        let dp = assertData()
        dp.show()
        assertVisible(Selector.DAYS)
        // click clear
        assertVisible(`${Selector.DAYS} tfoot ${Selector.CLEAR}`).click()
        assertText('input', '')
        expect(dp.getDate()).to.be.null
        assertNotFound(Selector.POPPER)
      })
    })
  })
})