mirror of
https://github.com/tenrok/bootstrap.git
synced 2026-06-11 18:02:28 +03:00
No leading pluses
This commit is contained in:
Zlatan Vasović
+93
-94
@@ -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"]')
|
||||
|
||||
Reference in New Issue
Block a user