rvnstat 1.0.4

data/public/js/tests/unit/collapse.js

@@ -0,0 +1,164 @@
+$(function () {
+
+    module('collapse')
+
+      test('should provide no conflict', function () {
+        var collapse = $.fn.collapse.noConflict()
+        ok(!$.fn.collapse, 'collapse was set back to undefined (org value)')
+        $.fn.collapse = collapse
+      })
+
+      test('should be defined on jquery object', function () {
+        ok($(document.body).collapse, 'collapse method is defined')
+      })
+
+      test('should return element', function () {
+        ok($(document.body).collapse()[0] == document.body, 'document.body returned')
+      })
+
+      test('should show a collapsed element', function () {
+        var el = $('<div class="collapse"></div>').collapse('show')
+        ok(el.hasClass('in'), 'has class in')
+        ok(/height/.test(el.attr('style')), 'has height set')
+      })
+
+      test('should hide a collapsed element', function () {
+        var el = $('<div class="collapse"></div>').collapse('hide')
+        ok(!el.hasClass('in'), 'does not have class in')
+        ok(/height/.test(el.attr('style')), 'has height set')
+      })
+
+      test('should not fire shown when show is prevented', function () {
+        $.support.transition = false
+        stop()
+        $('<div class="collapse"/>')
+          .on('show.bs.collapse', function (e) {
+            e.preventDefault();
+            ok(true);
+            start();
+          })
+          .on('shown.bs.collapse', function () {
+            ok(false);
+          })
+          .collapse('show')
+      })
+
+      test('should reset style to auto after finishing opening collapse', function () {
+        $.support.transition = false
+        stop()
+        $('<div class="collapse" style="height: 0px"/>')
+          .on('show.bs.collapse', function () {
+            ok(this.style.height == '0px')
+          })
+          .on('shown.bs.collapse', function () {
+            ok(this.style.height == 'auto')
+            start()
+          })
+          .collapse('show')
+      })
+
+      test('should add active class to target when collapse shown', function () {
+        $.support.transition = false
+        stop()
+
+        var target = $('<a data-toggle="collapse" href="#test1"></a>')
+          .appendTo($('#qunit-fixture'))
+
+        var collapsible = $('<div id="test1"></div>')
+          .appendTo($('#qunit-fixture'))
+          .on('show.bs.collapse', function () {
+            ok(!target.hasClass('collapsed'))
+            start()
+          })
+
+        target.click()
+      })
+
+      test('should remove active class to target when collapse hidden', function () {
+        $.support.transition = false
+        stop()
+
+        var target = $('<a data-toggle="collapse" href="#test1"></a>')
+          .appendTo($('#qunit-fixture'))
+
+        var collapsible = $('<div id="test1" class="in"></div>')
+          .appendTo($('#qunit-fixture'))
+          .on('hide.bs.collapse', function () {
+            ok(target.hasClass('collapsed'))
+            start()
+          })
+
+        target.click()
+      })
+
+      test('should remove active class from inactive accordion targets', function () {
+        $.support.transition = false
+        stop()
+
+        var accordion = $('<div id="accordion"><div class="accordion-group"></div><div class="accordion-group"></div><div class="accordion-group"></div></div>')
+          .appendTo($('#qunit-fixture'))
+
+        var target1 = $('<a data-toggle="collapse" href="#body1" data-parent="#accordion"></a>')
+          .appendTo(accordion.find('.accordion-group').eq(0))
+
+        var collapsible1 = $('<div id="body1" class="in"></div>')
+          .appendTo(accordion.find('.accordion-group').eq(0))
+
+        var target2 = $('<a class="collapsed" data-toggle="collapse" href="#body2" data-parent="#accordion"></a>')
+          .appendTo(accordion.find('.accordion-group').eq(1))
+
+        var collapsible2 = $('<div id="body2"></div>')
+          .appendTo(accordion.find('.accordion-group').eq(1))
+
+        var target3 = $('<a class="collapsed" data-toggle="collapse" href="#body3" data-parent="#accordion"></a>')
+          .appendTo(accordion.find('.accordion-group').eq(2))
+
+        var collapsible3 = $('<div id="body3"></div>')
+          .appendTo(accordion.find('.accordion-group').eq(2))
+          .on('show.bs.collapse', function () {
+            ok(target1.hasClass('collapsed'))
+            ok(target2.hasClass('collapsed'))
+            ok(!target3.hasClass('collapsed'))
+
+            start()
+          })
+
+        target3.click()
+      })
+
+      test('should allow dots in data-parent', function () {
+        $.support.transition = false
+        stop()
+
+        var accordion = $('<div class="accordion"><div class="accordion-group"></div><div class="accordion-group"></div><div class="accordion-group"></div></div>')
+          .appendTo($('#qunit-fixture'))
+
+        var target1 = $('<a data-toggle="collapse" href="#body1" data-parent=".accordion"></a>')
+          .appendTo(accordion.find('.accordion-group').eq(0))
+
+        var collapsible1 = $('<div id="body1" class="in"></div>')
+          .appendTo(accordion.find('.accordion-group').eq(0))
+
+        var target2 = $('<a class="collapsed" data-toggle="collapse" href="#body2" data-parent=".accordion"></a>')
+          .appendTo(accordion.find('.accordion-group').eq(1))
+
+        var collapsible2 = $('<div id="body2"></div>')
+          .appendTo(accordion.find('.accordion-group').eq(1))
+
+        var target3 = $('<a class="collapsed" data-toggle="collapse" href="#body3" data-parent=".accordion"></a>')
+          .appendTo(accordion.find('.accordion-group').eq(2))
+
+        var collapsible3 = $('<div id="body3"></div>')
+          .appendTo(accordion.find('.accordion-group').eq(2))
+          .on('show.bs.collapse', function () {
+            ok(target1.hasClass('collapsed'))
+            ok(target2.hasClass('collapsed'))
+            ok(!target3.hasClass('collapsed'))
+
+            start()
+          })
+
+        target3.click()
+      })
+
+})

data/public/js/tests/unit/dropdown.js

@@ -0,0 +1,218 @@
+$(function () {
+
+    module('dropdowns')
+
+      test('should provide no conflict', function () {
+        var dropdown = $.fn.dropdown.noConflict()
+        ok(!$.fn.dropdown, 'dropdown was set back to undefined (org value)')
+        $.fn.dropdown = dropdown
+      })
+
+      test('should be defined on jquery object', function () {
+        ok($(document.body).dropdown, 'dropdown method is defined')
+      })
+
+      test('should return element', function () {
+        var el = $('<div />')
+        ok(el.dropdown()[0] === el[0], 'same element returned')
+      })
+
+      test('should not open dropdown if target is disabled', function () {
+        var dropdownHTML = '<ul class="tabs">' +
+            '<li class="dropdown">' +
+            '<button disabled href="#" class="btn dropdown-toggle" data-toggle="dropdown">Dropdown</button>' +
+            '<ul class="dropdown-menu">' +
+            '<li><a href="#">Secondary link</a></li>' +
+            '<li><a href="#">Something else here</a></li>' +
+            '<li class="divider"></li>' +
+            '<li><a href="#">Another link</a></li>' +
+            '</ul>' +
+            '</li>' +
+            '</ul>',
+            dropdown = $(dropdownHTML).find('[data-toggle="dropdown"]').dropdown().click()
+
+        ok(!dropdown.parent('.dropdown').hasClass('open'), 'open class added on click')
+      })
+
+      test('should not open dropdown if target is disabled', function () {
+        var dropdownHTML = '<ul class="tabs">' +
+            '<li class="dropdown">' +
+            '<button href="#" class="btn dropdown-toggle disabled" data-toggle="dropdown">Dropdown</button>' +
+            '<ul class="dropdown-menu">' +
+            '<li><a href="#">Secondary link</a></li>' +
+            '<li><a href="#">Something else here</a></li>' +
+            '<li class="divider"></li>' +
+            '<li><a href="#">Another link</a></li>' +
+            '</ul>' +
+            '</li>' +
+            '</ul>',
+            dropdown = $(dropdownHTML).find('[data-toggle="dropdown"]').dropdown().click()
+
+        ok(!dropdown.parent('.dropdown').hasClass('open'), 'open class added on click')
+      })
+
+      test('should add class open to menu if clicked', function () {
+        var dropdownHTML = '<ul class="tabs">' +
+            '<li class="dropdown">' +
+            '<a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown</a>' +
+            '<ul class="dropdown-menu">' +
+            '<li><a href="#">Secondary link</a></li>' +
+            '<li><a href="#">Something else here</a></li>' +
+            '<li class="divider"></li>' +
+            '<li><a href="#">Another link</a></li>' +
+            '</ul>' +
+            '</li>' +
+            '</ul>',
+            dropdown = $(dropdownHTML).find('[data-toggle="dropdown"]').dropdown().click()
+
+        ok(dropdown.parent('.dropdown').hasClass('open'), 'open class added on click')
+      })
+
+      test('should test if element has a # before assuming it\'s a selector', function () {
+        var dropdownHTML = '<ul class="tabs">' +
+            '<li class="dropdown">' +
+            '<a href="/foo/" class="dropdown-toggle" data-toggle="dropdown">Dropdown</a>' +
+            '<ul class="dropdown-menu">' +
+            '<li><a href="#">Secondary link</a></li>' +
+            '<li><a href="#">Something else here</a></li>' +
+            '<li class="divider"></li>' +
+            '<li><a href="#">Another link</a></li>' +
+            '</ul>' +
+            '</li>' +
+            '</ul>',
+            dropdown = $(dropdownHTML).find('[data-toggle="dropdown"]').dropdown().click()
+
+        ok(dropdown.parent('.dropdown').hasClass('open'), 'open class added on click')
+      })
+
+
+      test('should remove open class if body clicked', function () {
+        var dropdownHTML = '<ul class="tabs">' +
+            '<li class="dropdown">' +
+            '<a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown</a>' +
+            '<ul class="dropdown-menu">' +
+            '<li><a href="#">Secondary link</a></li>' +
+            '<li><a href="#">Something else here</a></li>' +
+            '<li class="divider"></li>' +
+            '<li><a href="#">Another link</a></li>' +
+            '</ul>' +
+            '</li>' +
+            '</ul>',
+            dropdown = $(dropdownHTML)
+              .appendTo('#qunit-fixture')
+              .find('[data-toggle="dropdown"]')
+              .dropdown()
+              .click()
+
+        ok(dropdown.parent('.dropdown').hasClass('open'), 'open class added on click')
+        $('body').click()
+        ok(!dropdown.parent('.dropdown').hasClass('open'), 'open class removed')
+        dropdown.remove()
+      })
+
+      test('should remove open class if body clicked, with multiple drop downs', function () {
+          var dropdownHTML = '<ul class="nav">' +
+              '    <li><a href="#menu1">Menu 1</a></li>' +
+              '    <li class="dropdown" id="testmenu">' +
+              '      <a class="dropdown-toggle" data-toggle="dropdown" href="#testmenu">Test menu <b class="caret"></b></a>' +
+              '      <ul class="dropdown-menu" role="menu">' +
+              '        <li><a href="#sub1">Submenu 1</a></li>' +
+              '      </ul>' +
+              '    </li>' +
+              '</ul>' +
+              '<div class="btn-group">' +
+              '    <button class="btn">Actions</button>' +
+              '    <button class="btn dropdown-toggle" data-toggle="dropdown"><span class="caret"></span></button>' +
+              '    <ul class="dropdown-menu">' +
+              '        <li><a href="#">Action 1</a></li>' +
+              '    </ul>' +
+              '</div>',
+              dropdowns = $(dropdownHTML).appendTo('#qunit-fixture').find('[data-toggle="dropdown"]'),
+              first = dropdowns.first(),
+              last = dropdowns.last()
+
+        ok(dropdowns.length == 2, 'Should be two dropdowns')
+
+        first.click()
+        ok(first.parents('.open').length == 1, 'open class added on click')
+        ok($('#qunit-fixture .open').length == 1, 'only one object is open')
+        $('body').click()
+        ok($('#qunit-fixture .open').length === 0, 'open class removed')
+
+        last.click()
+        ok(last.parent('.open').length == 1, 'open class added on click')
+        ok($('#qunit-fixture .open').length == 1, 'only one object is open')
+        $('body').click()
+        ok($('#qunit-fixture .open').length === 0, 'open class removed')
+
+        $('#qunit-fixture').html('')
+      })
+
+      test('should fire show and hide event', function () {
+        var dropdownHTML = '<ul class="tabs">' +
+            '<li class="dropdown">' +
+            '<a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown</a>' +
+            '<ul class="dropdown-menu">' +
+            '<li><a href="#">Secondary link</a></li>' +
+            '<li><a href="#">Something else here</a></li>' +
+            '<li class="divider"></li>' +
+            '<li><a href="#">Another link</a></li>' +
+            '</ul>' +
+            '</li>' +
+            '</ul>',
+            dropdown = $(dropdownHTML)
+              .appendTo('#qunit-fixture')
+              .find('[data-toggle="dropdown"]')
+              .dropdown()
+
+        stop()
+
+        dropdown
+          .parent('.dropdown')
+          .bind('show.bs.dropdown', function () {
+            ok(true, 'show was called')
+          })
+          .bind('hide.bs.dropdown', function () {
+            ok(true, 'hide was called')
+            start()
+          })
+
+        dropdown.click()
+        $(document.body).click()
+      })
+
+
+      test('should fire shown and hiden event', function () {
+        var dropdownHTML = '<ul class="tabs">' +
+            '<li class="dropdown">' +
+            '<a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown</a>' +
+            '<ul class="dropdown-menu">' +
+            '<li><a href="#">Secondary link</a></li>' +
+            '<li><a href="#">Something else here</a></li>' +
+            '<li class="divider"></li>' +
+            '<li><a href="#">Another link</a></li>' +
+            '</ul>' +
+            '</li>' +
+            '</ul>',
+            dropdown = $(dropdownHTML)
+              .appendTo('#qunit-fixture')
+              .find('[data-toggle="dropdown"]')
+              .dropdown()
+
+        stop()
+
+        dropdown
+          .parent('.dropdown')
+          .bind('shown.bs.dropdown', function () {
+            ok(true, 'show was called')
+          })
+          .bind('hidden.bs.dropdown', function () {
+            ok(true, 'hide was called')
+            start()
+          })
+
+        dropdown.click()
+        $(document.body).click()
+      })
+
+})

data/public/js/tests/unit/modal.js

@@ -0,0 +1,195 @@
+$(function () {
+
+  module('modal')
+
+    test('should provide no conflict', function () {
+      var modal = $.fn.modal.noConflict()
+      ok(!$.fn.modal, 'modal was set back to undefined (org value)')
+      $.fn.modal = modal
+    })
+
+    test('should be defined on jquery object', function () {
+      var div = $('<div id="modal-test"></div>')
+      ok(div.modal, 'modal method is defined')
+    })
+
+    test('should return element', function () {
+      var div = $('<div id="modal-test"></div>')
+      ok(div.modal() == div, 'document.body returned')
+      $('#modal-test').remove()
+    })
+
+    test('should expose defaults var for settings', function () {
+      ok($.fn.modal.Constructor.DEFAULTS, 'default object exposed')
+    })
+
+    test('should insert into dom when show method is called', function () {
+      stop()
+      $.support.transition = false
+      $('<div id="modal-test"></div>')
+        .on('shown.bs.modal', function () {
+          ok($('#modal-test').length, 'modal inserted into dom')
+          $(this).remove()
+          start()
+        })
+        .modal('show')
+    })
+
+    test('should fire show event', function () {
+      stop()
+      $.support.transition = false
+      $('<div id="modal-test"></div>')
+        .on('show.bs.modal', function () {
+          ok(true, 'show was called')
+        })
+        .on('shown.bs.modal', function () {
+          $(this).remove()
+          start()
+        })
+        .modal('show')
+    })
+
+    test('should not fire shown when default prevented', function () {
+      stop()
+      $.support.transition = false
+      $('<div id="modal-test"></div>')
+        .on('show.bs.modal', function (e) {
+          e.preventDefault()
+          ok(true, 'show was called')
+          start()
+        })
+        .on('shown.bs.modal', function () {
+          ok(false, 'shown was called')
+        })
+        .modal('show')
+    })
+
+    test('should hide modal when hide is called', function () {
+      stop()
+      $.support.transition = false
+
+      $('<div id="modal-test"></div>')
+        .on('shown.bs.modal', function () {
+          ok($('#modal-test').is(':visible'), 'modal visible')
+          ok($('#modal-test').length, 'modal inserted into dom')
+          $(this).modal('hide')
+        })
+        .on('hidden.bs.modal', function () {
+          ok(!$('#modal-test').is(':visible'), 'modal hidden')
+          $('#modal-test').remove()
+          start()
+        })
+        .modal('show')
+    })
+
+    test('should toggle when toggle is called', function () {
+      stop()
+      $.support.transition = false
+      var div = $('<div id="modal-test"></div>')
+      div
+        .on('shown.bs.modal', function () {
+          ok($('#modal-test').is(':visible'), 'modal visible')
+          ok($('#modal-test').length, 'modal inserted into dom')
+          div.modal('toggle')
+        })
+        .on('hidden.bs.modal', function () {
+          ok(!$('#modal-test').is(':visible'), 'modal hidden')
+          div.remove()
+          start()
+        })
+        .modal('toggle')
+    })
+
+    test('should remove from dom when click [data-dismiss=modal]', function () {
+      stop()
+      $.support.transition = false
+      var div = $('<div id="modal-test"><span class="close" data-dismiss="modal"></span></div>')
+      div
+        .on('shown.bs.modal', function () {
+          ok($('#modal-test').is(':visible'), 'modal visible')
+          ok($('#modal-test').length, 'modal inserted into dom')
+          div.find('.close').click()
+        })
+        .on('hidden.bs.modal', function () {
+          ok(!$('#modal-test').is(':visible'), 'modal hidden')
+          div.remove()
+          start()
+        })
+        .modal('toggle')
+    })
+
+    test('should allow modal close with "backdrop:false"', function () {
+      stop()
+      $.support.transition = false
+      var div = $('<div>', { id: 'modal-test', 'data-backdrop': false })
+      div
+        .on('shown.bs.modal', function () {
+          ok($('#modal-test').is(':visible'), 'modal visible')
+          div.modal('hide')
+        })
+        .on('hidden.bs.modal', function () {
+          ok(!$('#modal-test').is(':visible'), 'modal hidden')
+          div.remove()
+          start()
+        })
+        .modal('show')
+    })
+
+    test('should close modal when clicking outside of modal-content', function () {
+      stop()
+      $.support.transition = false
+      var div = $('<div id="modal-test"><div class="contents"></div></div>')
+      div
+        .bind('shown.bs.modal', function () {
+          ok($('#modal-test').length, 'modal insterted into dom')
+          $('.contents').click()
+          ok($('#modal-test').is(':visible'), 'modal visible')
+          $('#modal-test').click()
+        })
+        .bind('hidden.bs.modal', function () {
+          ok(!$('#modal-test').is(':visible'), 'modal hidden')
+          div.remove()
+          start()
+        })
+        .modal('show')
+    })
+
+    test('should trigger hide event once when clicking outside of modal-content', function () {
+      stop()
+      $.support.transition = false
+
+      var triggered
+      var div = $('<div id="modal-test"><div class="contents"></div></div>')
+
+      div
+        .bind('shown.bs.modal', function () {
+          triggered = 0
+          $('#modal-test').click()
+        })
+        .bind('hide.bs.modal', function () {
+          triggered += 1
+          ok(triggered === 1, 'modal hide triggered once')
+          start()
+        })
+        .modal('show')
+    })
+
+    test('should close reopened modal with [data-dismiss=modal] click', function () {
+      stop()
+      $.support.transition = false
+      var div = $('<div id="modal-test"><div class="contents"><div id="close" data-dismiss="modal"></div></div></div>')
+      div
+        .bind('shown.bs.modal', function () {
+          $('#close').click()
+          ok(!$('#modal-test').is(':visible'), 'modal hidden')
+        })
+        .one('hidden.bs.modal', function () {
+          div.one('hidden.bs.modal', function () {
+            start()
+          }).modal('show')
+        })
+        .modal('show')
+
+      div.remove()
+    })
+})