test/spec.goto.js

   1 describe('Deck JS Quick Go-To', function() {
   2   var $d = $(document);
   3
   4   beforeEach(function() {
   5     loadFixtures('standard.html');
   6     if (Modernizr.history) {
   7       history.replaceState({}, "", "#")
   8     }
   9     else {
  10       window.location.hash = '#';
  11     }
  12     $.deck('.slide');
  13   });
  14
  15   describe('showGoTo()', function() {
  16     it('should show the go-to helper', function() {
  17       expect($(defaults.selectors.container)).not.toHaveClass(defaults.classes.goto);
  18       $.deck('showGoTo');
  19       expect($(defaults.selectors.container)).toHaveClass(defaults.classes.goto);
  20     });
  21
  22     it('should focus the go-to input', function() {
  23       $.deck('showGoTo');
  24       expect($(defaults.selectors.gotoInput)[0]).toEqual(document.activeElement);
  25     });
  26   });
  27
  28   describe('hideGoTo()', function() {
  29     beforeEach(function() {
  30       $.deck('showGoTo');
  31       $.deck('hideGoTo');
  32     });
  33
  34     it('should hide the go-to helper', function() {
  35       expect($(defaults.selectors.container)).not.toHaveClass(defaults.classes.goto);
  36     });
  37
  38     it('should blur the go-to input', function() {
  39       expect($(defaults.selectors.gotoInput)[0]).not.toEqual(document.activeElement);
  40     });
  41   });
  42
  43   describe('toggleGoTo()', function() {
  44     it('should toggle the go-to helper on and off', function() {
  45       expect($(defaults.selectors.container)).not.toHaveClass(defaults.classes.goto);
  46       $.deck('toggleGoTo');
  47       expect($(defaults.selectors.container)).toHaveClass(defaults.classes.goto);
  48       $.deck('toggleGoTo');
  49       expect($(defaults.selectors.container)).not.toHaveClass(defaults.classes.goto);
  50     });
  51   });
  52
  53   describe('Go-To submit', function() {
  54     beforeEach(function() {
  55       $.deck('showGoTo');
  56     });
  57
  58     it('should hide the go-to helper', function() {
  59       $(defaults.selectors.gotoInput).val('3');
  60       $(defaults.selectors.gotoForm).submit();
  61       expect($(defaults.selectors.container)).not.toHaveClass(defaults.classes.goto);
  62     });
  63
  64     it('should go to the slide number entered', function() {
  65       $(defaults.selectors.gotoInput).val('3');
  66       $(defaults.selectors.gotoForm).submit();
  67       expect($.deck('getSlide')).toEqual($.deck('getSlide'), 2);
  68     });
  69
  70     it('should go to the slide id entered', function() {
  71       $(defaults.selectors.gotoInput).val('custom-id');
  72       $(defaults.selectors.gotoForm).submit();
  73       expect($.deck('getSlide')).toEqual($.deck('getSlide'), 1);
  74     });
  75
  76     it('should go nowhere if the number is negative', function() {
  77       $(defaults.selectors.gotoInput).val('-2');
  78       $(defaults.selectors.gotoForm).submit();
  79       expect($.deck('getSlide')).toEqual($.deck('getSlide'), 0);
  80     });
  81
  82     it('should go nowhere if the number is greater than the number of slides', function() {
  83       $(defaults.selectors.gotoInput).val('9');
  84       $(defaults.selectors.gotoForm).submit();
  85       expect($.deck('getSlide')).toEqual($.deck('getSlide'), 0);
  86     });
  87
  88     it('should go nowhere if the id does not exist', function() {
  89       $(defaults.selectors.gotoInput).val('do-not-exist');
  90       $(defaults.selectors.gotoForm).submit();
  91       expect($.deck('getSlide')).toEqual($.deck('getSlide'), 0);
  92     });
  93   });
  94
  95   describe('Datalist population', function() {
  96     it('should fill in options with all the slide ids', function() {
  97       var $dataOptions = $(defaults.selectors.gotoDatalist).find('option');
  98       expect($dataOptions.length).toEqual(5);
  99       expect($dataOptions.eq(0).attr('value')).toEqual('slide-0');
 100       expect($dataOptions.eq(1).attr('value')).toEqual('custom-id');
 101     });
 102   });
 103
 104   describe('key bindings', function() {
 105     var e;
 106
 107     beforeEach(function() {
 108       e = jQuery.Event('keydown.deckgoto');
 109     });
 110
 111     it('should toggle the go-to helper if the specified key is pressed', function() {
 112       e.which = 71; // g
 113       $d.trigger(e);
 114       expect($(defaults.selectors.container)).toHaveClass(defaults.classes.goto);
 115       $d.trigger(e);
 116       expect($(defaults.selectors.container)).not.toHaveClass(defaults.classes.goto);
 117     });
 118   });
 119
 120   describe('countNested false', function() {
 121     beforeEach(function() {
 122       loadFixtures('nesteds.html');
 123       $.deck('.slide', {
 124         countNested: false
 125       });
 126       $.deck('showGoTo');
 127     });
 128
 129     it('should ignore nested slides when given a slide number', function() {
 130       $(defaults.selectors.gotoInput).val('4');
 131       $(defaults.selectors.gotoForm).submit();
 132       expect($.deck('getSlide')).toHaveId('after');
 133     });
 134
 135     it('should respect top side of new slide range', function() {
 136       $.deck('go', 0);
 137       $(defaults.selectors.gotoInput).val('6');
 138       $(defaults.selectors.gotoForm).submit();
 139       expect($.deck('getSlide')).toHaveId('slide-0');
 140     });
 141   });
 142 });