Merge pull request #10 from sensortower/add-more-specs

Add more specs

Author: petethepig

docs/index.md

@@ -110,7 +110,7 @@ minDate: [null, 'exclusive'] // date defaults to moment().subtract(2, 'years')
 
 ### maxDate
 
-Sets a minimum possible date a user can select.
+Sets a maximum possible date a user can select.
 
 ```javascript
 maxDate: [(moment.js-compatible object), ('inclusive' | 'exclusive' | 'expanded')]
@@ -353,6 +353,20 @@ parentElement: document.querySelector('.daterangepicker-container')
 ```
 
 
+### forceUpdate
+
+```javascript
+forceUpdate: Boolean
+```
+
+Immediately invokes `callback` after constructing daterangepicker.
+
+Default:
+```javascript
+forceUpdate: false
+```
+
+
 ## Customization
 
 Source code is available on [GitHub](https://github.com/sensortower/daterangepicker) for you to fork or monkey-patch. Here are some starting points:

src/scripts/daterangepicker/date-range-picker-view.coffee

@@ -90,8 +90,6 @@ class DateRangePickerView
 
   setPeriod: (period) ->
     @period(period)
-    # @startDate(@startDate())
-    # @endDate(@endDate())
     @expanded(true)
 
   setDateRange: (dateRange) =>

test/config.coffee

@@ -47,6 +47,11 @@ describe 'Config', ->
         c = new Config({ callback: 'invalid' })
       , /Invalid callback/)
 
+  describe 'forceUpdate', ->
+    it 'defaults to undefined', () ->
+      c = new Config({})
+      assert.equal(c.forceUpdate, undefined)
+
   describe 'ranges', ->
     it 'works with a valid object', () ->
       new Config({

test/date-range-picker-view.coffee

@@ -0,0 +1,97 @@
+describe 'DateRangePickerView', ->
+  $('.secondary-section').after($("<div id='daterangepickerview-test-container' style='display: none'></div>"))
+  parentSelector = '#daterangepickerview-test-container'
+
+  DateRangePickerView = (options = {}) ->
+    new $.fn.daterangepicker.DateRangePickerView($.extend(options, {
+      parentElement: parentSelector
+    }))
+
+  describe '#calendars', ->
+    it 'defaults to two', ->
+      d = new DateRangePickerView()
+      assert.equal(d.calendars().length, 2)
+
+    it 'has single calendar when single is set', ->
+      d = new DateRangePickerView({
+        single: true
+      })
+      assert.equal(d.calendars().length, 1)
+
+  describe 'forceUpdate', ->
+    it 'does not invoke callback on creation when undefined', ->
+      called = false
+      cb = -> called = true
+      d = new DateRangePickerView({
+        callback: cb
+      })
+      assert.isFalse(called)
+    it 'invokes callback on creation when true', ->
+      called = false
+      cb = -> called = true
+      d = new DateRangePickerView({
+        callback: cb,
+        forceUpdate: true
+      })
+      assert.isTrue(called)
+
+  describe '#isActivePeriod', ->
+    it 'defaults to day when no custom periods defined', ->
+      d = new DateRangePickerView({})
+      assert.isTrue(d.isActivePeriod('day'))
+    it 'defaults to first period when custom periods defined', ->
+      d = new DateRangePickerView({
+        periods: ['month', 'week', 'day']
+      })
+      assert.isTrue(d.isActivePeriod('month'))
+
+  describe '#setPeriod', ->
+    it 'works with valid period', ->
+      d = new DateRangePickerView({})
+      d.setPeriod('week')
+      assert.equal(d.isActivePeriod('week'), true)
+
+  describe '#setDateRange #isActiveDateRange', ->
+    it 'works with default ranges', ->
+      d = new DateRangePickerView({})
+      range = d.ranges[0]
+      assert.instanceOf(range, $.fn.daterangepicker.DateRange)
+      d.setDateRange(range)
+      assert.isTrue(d.isActiveDateRange(range))
+    it 'works with custom ranges', ->
+      d = new DateRangePickerView({
+        ranges: {
+          'May 2015': [moment.utc('2015-05-01'), moment.utc('2015-05-31')]
+        }
+      })
+      range = d.ranges[0]
+      assert.instanceOf(range, $.fn.daterangepicker.DateRange)
+      d.setDateRange(range)
+      assert.isTrue(d.isActiveDateRange(range))
+
+  describe 'open and closed states', ->
+    it 'is not open by default', ->
+      d = new DateRangePickerView({})
+      assert.isFalse(d.opened())
+    it 'works with opened flag', ->
+      $(parentSelector).append($("<div id='open-test-anchor-one'></div>"))
+      d = new DateRangePickerView({
+        opened: true,
+        anchorElement: '#open-test-anchor-one'
+      })
+      assert.isTrue(d.opened())
+    describe 'interaction methods', ->
+      d = new DateRangePickerView({})
+
+      it 'works with #open', ->
+        assert.isFalse(d.opened())
+        d.open()
+        assert.isTrue(d.opened())
+      it 'works with #close', ->
+        d.close()
+        assert.isFalse(d.opened())
+      it 'works with #toggle', ->
+        d.toggle()
+        assert.isTrue(d.opened())
+        d.toggle()
+        assert.isFalse(d.opened())