modify pager widget to handle boundary conditions; now takes a Dataset instead of a Query so that it has access to the record count; add tests

2014-01-17 13:07:41 -08:00
parent 45fa438803
commit 8c1a1359db
5 changed files with 120 additions and 11 deletions
--- a/test/widget.pager.test.js
+++ b/test/widget.pager.test.js
@@ -0,0 +1,99 @@
+module("Widget - Pager");
+
+test('basics', function () {
+  var dataset = Fixture.getDataset();
+  var size = dataset.recordCount/2 + 1;
+  dataset.queryState.set({ size : size }, { silent : true });
+  var view = new recline.View.Pager({
+    model: dataset
+  });
+  $('.fixtures').append(view.el);
+  var fromSelector = 'input[name=from]';
+  var toSelector = 'input[name=to]';
+
+  assertPresent('.pagination', view.elSidebar);
+  // next and prev present
+  assertPresent('.prev', view.elSidebar);
+  assertPresent('.next', view.elSidebar);
+
+  // from and to inputs present
+  assertPresent(fromSelector, view.elSidebar);
+  assertPresent(toSelector, view.elSidebar);
+
+  // click next: -> reload from+size - recordCount
+  var prevFromVal = parseInt($(fromSelector).val());
+  var prevToVal = parseInt($(toSelector).val());
+  view.$el.find('.next a').click();
+  equal($(fromSelector).val(), prevFromVal+size);
+  // to = recordCount since size is more than half of record count
+  equal($(toSelector).val(), dataset.recordCount);
+  // UI is 1-based but model is zero-based
+  equal(dataset.queryState.get('from'), prevFromVal+size-1);
+
+  // click prev -> 1-4, model from=0
+  prevFromVal = parseInt($(fromSelector).val());
+  prevToVal = parseInt($(toSelector).val());
+  view.$el.find('.prev a').click();
+  equal($(fromSelector).val(), prevFromVal-size);
+  equal($(toSelector).val(), prevFromVal-1);
+  // UI is 1-based but model is zero-based
+  equal(dataset.queryState.get('from'), prevFromVal-size-1);
+
+  view.remove();
+});
+
+test('bounds checking', function () {
+  var dataset = Fixture.getDataset();
+  var size = dataset.recordCount/2 + 1;
+  dataset.queryState.set({ size : size }, { silent : true });
+  var view = new recline.View.Pager({
+    model: dataset
+  });
+  $('.fixtures').append(view.el);
+  var querySpy = sinon.spy(dataset, 'query');
+  var fromSelector = 'input[name=from]';
+  var toSelector = 'input[name=to]';
+
+  // click prev on beginning: nothing happens
+  view.$el.find('.prev a').click();
+  equal($(fromSelector).val(), 1);
+  equal($(toSelector).val(), size);
+  ok(!dataset.query.called);
+
+  // enter size-1 in from: reloads size-1 - size
+  var fromVal = size-1;
+  var toVal = parseInt($(toSelector).val());
+  $(fromSelector).val(fromVal).change();
+  equal($(fromSelector).val(), fromVal);
+  equal($(toSelector).val(), toVal);
+  // UI is 1-based but model is zero-based
+  equal(dataset.queryState.get('from'), fromVal-1);
+
+  // enter value past the end in from: reloads recordCount - recordCount
+  fromVal = dataset.recordCount + 10;
+  $(fromSelector).val(fromVal).change();
+  equal($(fromSelector).val(), dataset.recordCount);
+  equal($(toSelector).val(), dataset.recordCount);
+  // UI is 1-based but model is zero-based
+  equal(dataset.queryState.get('from'), dataset.recordCount-1);
+
+  // click next on end -> nothing happens
+  var queryCalls = querySpy.callCount;
+  fromVal = parseInt($(fromSelector).val());
+  toVal = parseInt($(toSelector).val());
+  view.$el.find('.next a').click();
+  equal(querySpy.callCount, queryCalls);
+  equal($(fromSelector).val(), fromVal);
+  equal($(toSelector).val(), toVal);
+
+  // reset from to 1
+  // type value past the end in to: 1-recordCount
+  fromVal = 1;
+  toVal = dataset.recordCount + 10;
+  $(fromSelector).val(fromVal);
+  $(toSelector).val(toVal).change();
+  equal($(fromSelector).val(), 1);
+  equal($(toSelector).val(), dataset.recordCount);
+
+  view.remove();
+});