diff options
author | Zlatan Vasović <legospace9876@gmail.com> | 2013-12-19 18:32:37 +0400 |
---|---|---|
committer | Zlatan Vasović <legospace9876@gmail.com> | 2013-12-19 18:32:37 +0400 |
commit | 1bf5abab3153159d09f83f5512735da2144394d6 (patch) | |
tree | dcdb42b129e84c239591455c643f5446b757c7b9 /js/tests/unit | |
parent | fb8310fbc6d413a3446ecf1772a77911d45fbd62 (diff) |
No leading pluses
Diffstat (limited to 'js/tests/unit')
-rw-r--r-- | js/tests/unit/alert.js | 16 | ||||
-rw-r--r-- | js/tests/unit/dropdown.js | 187 | ||||
-rw-r--r-- | js/tests/unit/scrollspy.js | 19 | ||||
-rw-r--r-- | js/tests/unit/tab.js | 35 |
4 files changed, 126 insertions, 131 deletions
diff --git a/js/tests/unit/alert.js b/js/tests/unit/alert.js index 3fe2e70a36..b88b95fee5 100644 --- a/js/tests/unit/alert.js +++ b/js/tests/unit/alert.js @@ -17,10 +17,10 @@ $(function () { }) test('should fade element out on clicking .close', function () { - var alertHTML = '<div class="alert-message warning fade in">' - + '<a class="close" href="#" data-dismiss="alert">×</a>' - + '<p><strong>Holy guacamole!</strong> Best check yo self, you\'re not looking too good.</p>' - + '</div>', + var alertHTML = '<div class="alert-message warning fade in">' + + '<a class="close" href="#" data-dismiss="alert">×</a>' + + '<p><strong>Holy guacamole!</strong> Best check yo self, you\'re not looking too good.</p>' + + '</div>', alert = $(alertHTML).alert() alert.find('.close').click() @@ -31,10 +31,10 @@ $(function () { test('should remove element when clicking .close', function () { $.support.transition = false - var alertHTML = '<div class="alert-message warning fade in">' - + '<a class="close" href="#" data-dismiss="alert">×</a>' - + '<p><strong>Holy guacamole!</strong> Best check yo self, you\'re not looking too good.</p>' - + '</div>', + var alertHTML = '<div class="alert-message warning fade in">' + + '<a class="close" href="#" data-dismiss="alert">×</a>' + + '<p><strong>Holy guacamole!</strong> Best check yo self, you\'re not looking too good.</p>' + + '</div>', alert = $(alertHTML).appendTo('#qunit-fixture').alert() ok($('#qunit-fixture').find('.alert-message').length, 'element added to dom') diff --git a/js/tests/unit/dropdown.js b/js/tests/unit/dropdown.js index 34e11de1cb..b358b73878 100644 --- a/js/tests/unit/dropdown.js +++ b/js/tests/unit/dropdown.js @@ -18,68 +18,68 @@ $(function () { }) 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>', + 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>', + 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>', + 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>', + 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') @@ -87,17 +87,17 @@ $(function () { 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>', + 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"]') @@ -111,23 +111,22 @@ $(function () { }) 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>', + 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() @@ -150,17 +149,17 @@ $(function () { }) 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>', + 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"]') @@ -184,17 +183,17 @@ $(function () { 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>', + 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"]') diff --git a/js/tests/unit/scrollspy.js b/js/tests/unit/scrollspy.js index ffc3d9a46c..cf7b50dc43 100644 --- a/js/tests/unit/scrollspy.js +++ b/js/tests/unit/scrollspy.js @@ -19,16 +19,15 @@ $(function () { test('should switch active class on scroll', function () { var sectionHTML = '<div id="masthead"></div>' $section = $(sectionHTML).append('#qunit-fixture'), - topbarHTML = '<div class="topbar">' - + '<div class="topbar-inner">' - + '<div class="container">' - + '<h3><a href="#">Bootstrap</a></h3>' - + '<ul class="nav">' - + '<li><a href="#masthead">Overview</a></li>' - + '</ul>' - + '</div>' - + '</div>' - + '</div>', + topbarHTML = '<div class="topbar">' + + '<div class="topbar-inner">' + + '<div class="container">' + + '<h3><a href="#">Bootstrap</a></h3>' + + '<li><a href="#masthead">Overview</a></li>' + + '</ul>' + + '</div>' + + '</div>' + + '</div>', $topbar = $(topbarHTML).scrollspy() ok($topbar.find('.active', true)) diff --git a/js/tests/unit/tab.js b/js/tests/unit/tab.js index 6da7dc9a44..59bedf391f 100644 --- a/js/tests/unit/tab.js +++ b/js/tests/unit/tab.js @@ -17,11 +17,10 @@ $(function () { }) test('should activate element by tab id', function () { - var tabsHTML = - '<ul class="tabs">' - + '<li><a href="#home">Home</a></li>' - + '<li><a href="#profile">Profile</a></li>' - + '</ul>' + var tabsHTML = '<ul class="tabs">' + + '<li><a href="#home">Home</a></li>' + + '<li><a href="#profile">Profile</a></li>' + + '</ul>' $('<ul><li id="home"></li><li id="profile"></li></ul>').appendTo('#qunit-fixture') @@ -33,11 +32,10 @@ $(function () { }) test('should activate element by tab id', function () { - var pillsHTML = - '<ul class="pills">' - + '<li><a href="#home">Home</a></li>' - + '<li><a href="#profile">Profile</a></li>' - + '</ul>' + var pillsHTML = '<ul class="pills">' + + '<li><a href="#home">Home</a></li>' + + '<li><a href="#profile">Profile</a></li>' + + '</ul>' $('<ul><li id="home"></li><li id="profile"></li></ul>').appendTo('#qunit-fixture') @@ -65,15 +63,14 @@ $(function () { }) test('show and shown events should reference correct relatedTarget', function () { - var dropHTML = - '<ul class="drop">' - + '<li class="dropdown"><a data-toggle="dropdown" href="#">1</a>' - + '<ul class="dropdown-menu">' - + '<li><a href="#1-1" data-toggle="tab">1-1</a></li>' - + '<li><a href="#1-2" data-toggle="tab">1-2</a></li>' - + '</ul>' - + '</li>' - + '</ul>' + var dropHTML = '<ul class="drop">' + + '<li class="dropdown"><a data-toggle="dropdown" href="#">1</a>' + + '<ul class="dropdown-menu">' + + '<li><a href="#1-1" data-toggle="tab">1-1</a></li>' + + '<li><a href="#1-2" data-toggle="tab">1-2</a></li>' + + '</ul>' + + '</li>' + + '</ul>' $(dropHTML).find('ul>li:first a').tab('show').end() .find('ul>li:last a').on('show', function (event) { |