diff options
author | Heinrich Fenkart <hnrch02@gmail.com> | 2014-07-06 13:56:12 +0400 |
---|---|---|
committer | Heinrich Fenkart <hnrch02@gmail.com> | 2014-07-06 13:56:12 +0400 |
commit | 58eb8b2ae39baeb37514e5bf5ffcaf2a7c221202 (patch) | |
tree | 52eb86c31ffc4d9c8322c3a41e821d384a42085f /js/tests/unit | |
parent | dad56be96c5bbecf331c279e82db1dc6211616d2 (diff) |
Move to leading pluses
Diffstat (limited to 'js/tests/unit')
-rw-r--r-- | js/tests/unit/affix.js | 14 | ||||
-rw-r--r-- | js/tests/unit/alert.js | 16 | ||||
-rw-r--r-- | js/tests/unit/button.js | 22 | ||||
-rw-r--r-- | js/tests/unit/carousel.js | 396 | ||||
-rw-r--r-- | js/tests/unit/collapse.js | 20 | ||||
-rw-r--r-- | js/tests/unit/dropdown.js | 186 | ||||
-rw-r--r-- | js/tests/unit/scrollspy.js | 96 | ||||
-rw-r--r-- | js/tests/unit/tab.js | 32 | ||||
-rw-r--r-- | js/tests/unit/tooltip.js | 60 |
9 files changed, 421 insertions, 421 deletions
diff --git a/js/tests/unit/affix.js b/js/tests/unit/affix.js index 67a49bf6ab..ef6ef74b91 100644 --- a/js/tests/unit/affix.js +++ b/js/tests/unit/affix.js @@ -38,13 +38,13 @@ $(function () { test('should trigger affixed event after affix', function () { stop() - var templateHTML = '<div id="affixTarget">' + - '<ul>' + - '<li>Please affix</li>' + - '<li>And unaffix</li>' + - '</ul>' + - '</div>' + - '<div id="affixAfter" style="height: 20000px; display: block;"/>' + var templateHTML = '<div id="affixTarget">' + + '<ul>' + + '<li>Please affix</li>' + + '<li>And unaffix</li>' + + '</ul>' + + '</div>' + + '<div id="affixAfter" style="height: 20000px; display: block;"/>' $(templateHTML).appendTo(document.body) $('#affixTarget').bootstrapAffix({ diff --git a/js/tests/unit/alert.js b/js/tests/unit/alert.js index 9e5f9a12e4..52505c828d 100644 --- a/js/tests/unit/alert.js +++ b/js/tests/unit/alert.js @@ -30,10 +30,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>' var $alert = $(alertHTML).bootstrapAlert() $alert.find('.close').click() @@ -42,10 +42,10 @@ $(function () { }) test('should remove element when 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>' var $alert = $(alertHTML).appendTo('#qunit-fixture').bootstrapAlert() notEqual($('#qunit-fixture').find('.alert-message').length, 0, 'element added to dom') diff --git a/js/tests/unit/button.js b/js/tests/unit/button.js index 04457010e5..bd431d5467 100644 --- a/js/tests/unit/button.js +++ b/js/tests/unit/button.js @@ -115,17 +115,17 @@ $(function () { }) test('should check for closest matching toggle', function () { - var groupHTML = '<div class="btn-group" data-toggle="buttons">' + - '<label class="btn btn-primary active">' + - '<input type="radio" name="options" id="option1" checked="true"> Option 1' + - '</label>' + - '<label class="btn btn-primary">' + - '<input type="radio" name="options" id="option2"> Option 2' + - '</label>' + - '<label class="btn btn-primary">' + - '<input type="radio" name="options" id="option3"> Option 3' + - '</label>' + - '</div>' + var groupHTML = '<div class="btn-group" data-toggle="buttons">' + + '<label class="btn btn-primary active">' + + '<input type="radio" name="options" id="option1" checked="true"> Option 1' + + '</label>' + + '<label class="btn btn-primary">' + + '<input type="radio" name="options" id="option2"> Option 2' + + '</label>' + + '<label class="btn btn-primary">' + + '<input type="radio" name="options" id="option3"> Option 3' + + '</label>' + + '</div>' var $group = $(groupHTML).appendTo('#qunit-fixture') var $btn1 = $group.children().eq(0) diff --git a/js/tests/unit/carousel.js b/js/tests/unit/carousel.js index 1f2fce30b3..51872c57b4 100644 --- a/js/tests/unit/carousel.js +++ b/js/tests/unit/carousel.js @@ -44,26 +44,26 @@ $(function () { }) test('should reset when slide is prevented', function () { - var carouselHTML = '<div id="carousel-example-generic" class="carousel slide">' + - '<ol class="carousel-indicators">' + - '<li data-target="#carousel-example-generic" data-slide-to="0" class="active"/>' + - '<li data-target="#carousel-example-generic" data-slide-to="1"/>' + - '<li data-target="#carousel-example-generic" data-slide-to="2"/>' + - '</ol>' + - '<div class="carousel-inner">' + - '<div class="item active">' + - '<div class="carousel-caption"/>' + - '</div>' + - '<div class="item">' + - '<div class="carousel-caption"/>' + - '</div>' + - '<div class="item">' + - '<div class="carousel-caption"/>' + - '</div>' + - '</div>' + - '<a class="left carousel-control" href="#carousel-example-generic" data-slide="prev"/>' + - '<a class="right carousel-control" href="#carousel-example-generic" data-slide="next"/>' + - '</div>' + var carouselHTML = '<div id="carousel-example-generic" class="carousel slide">' + + '<ol class="carousel-indicators">' + + '<li data-target="#carousel-example-generic" data-slide-to="0" class="active"/>' + + '<li data-target="#carousel-example-generic" data-slide-to="1"/>' + + '<li data-target="#carousel-example-generic" data-slide-to="2"/>' + + '</ol>' + + '<div class="carousel-inner">' + + '<div class="item active">' + + '<div class="carousel-caption"/>' + + '</div>' + + '<div class="item">' + + '<div class="carousel-caption"/>' + + '</div>' + + '<div class="item">' + + '<div class="carousel-caption"/>' + + '</div>' + + '</div>' + + '<a class="left carousel-control" href="#carousel-example-generic" data-slide="prev"/>' + + '<a class="right carousel-control" href="#carousel-example-generic" data-slide="next"/>' + + '</div>' var $carousel = $(carouselHTML) stop() @@ -89,39 +89,39 @@ $(function () { }) test('should fire slide event with direction', function () { - var carouselHTML = '<div id="myCarousel" class="carousel slide">' + - '<div class="carousel-inner">' + - '<div class="item active">' + - '<img alt="">' + - '<div class="carousel-caption">' + - '<h4>First Thumbnail label</h4>' + - '<p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec ' + - 'id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ' + - 'ultricies vehicula ut id elit.</p>' + - '</div>' + - '</div>' + - '<div class="item">' + - '<img alt="">' + - '<div class="carousel-caption">' + - '<h4>Second Thumbnail label</h4>' + - '<p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec ' + - 'id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ' + - 'ultricies vehicula ut id elit.</p>' + - '</div>' + - '</div>' + - '<div class="item">' + - '<img alt="">' + - '<div class="carousel-caption">' + - '<h4>Third Thumbnail label</h4>' + - '<p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec ' + - 'id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ' + - 'ultricies vehicula ut id elit.</p>' + - '</div>' + - '</div>' + - '</div>' + - '<a class="left carousel-control" href="#myCarousel" data-slide="prev">‹</a>' + - '<a class="right carousel-control" href="#myCarousel" data-slide="next">›</a>' + - '</div>' + var carouselHTML = '<div id="myCarousel" class="carousel slide">' + + '<div class="carousel-inner">' + + '<div class="item active">' + + '<img alt="">' + + '<div class="carousel-caption">' + + '<h4>First Thumbnail label</h4>' + + '<p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec ' + + 'id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ' + + 'ultricies vehicula ut id elit.</p>' + + '</div>' + + '</div>' + + '<div class="item">' + + '<img alt="">' + + '<div class="carousel-caption">' + + '<h4>Second Thumbnail label</h4>' + + '<p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec ' + + 'id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ' + + 'ultricies vehicula ut id elit.</p>' + + '</div>' + + '</div>' + + '<div class="item">' + + '<img alt="">' + + '<div class="carousel-caption">' + + '<h4>Third Thumbnail label</h4>' + + '<p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec ' + + 'id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ' + + 'ultricies vehicula ut id elit.</p>' + + '</div>' + + '</div>' + + '</div>' + + '<a class="left carousel-control" href="#myCarousel" data-slide="prev">‹</a>' + + '<a class="right carousel-control" href="#myCarousel" data-slide="next">›</a>' + + '</div>' var $carousel = $(carouselHTML) stop() @@ -143,39 +143,39 @@ $(function () { }) test('should fire slid event with direction', function () { - var carouselHTML = '<div id="myCarousel" class="carousel slide">' + - '<div class="carousel-inner">' + - '<div class="item active">' + - '<img alt="">' + - '<div class="carousel-caption">' + - '<h4>First Thumbnail label</h4>' + - '<p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec ' + - 'id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ' + - 'ultricies vehicula ut id elit.</p>' + - '</div>' + - '</div>' + - '<div class="item">' + - '<img alt="">' + - '<div class="carousel-caption">' + - '<h4>Second Thumbnail label</h4>' + - '<p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec ' + - 'id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ' + - 'ultricies vehicula ut id elit.</p>' + - '</div>' + - '</div>' + - '<div class="item">' + - '<img alt="">' + - '<div class="carousel-caption">' + - '<h4>Third Thumbnail label</h4>' + - '<p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec ' + - 'id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ' + - 'ultricies vehicula ut id elit.</p>' + - '</div>' + - '</div>' + - '</div>' + - '<a class="left carousel-control" href="#myCarousel" data-slide="prev">‹</a>' + - '<a class="right carousel-control" href="#myCarousel" data-slide="next">›</a>' + - '</div>' + var carouselHTML = '<div id="myCarousel" class="carousel slide">' + + '<div class="carousel-inner">' + + '<div class="item active">' + + '<img alt="">' + + '<div class="carousel-caption">' + + '<h4>First Thumbnail label</h4>' + + '<p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec ' + + 'id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ' + + 'ultricies vehicula ut id elit.</p>' + + '</div>' + + '</div>' + + '<div class="item">' + + '<img alt="">' + + '<div class="carousel-caption">' + + '<h4>Second Thumbnail label</h4>' + + '<p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec ' + + 'id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ' + + 'ultricies vehicula ut id elit.</p>' + + '</div>' + + '</div>' + + '<div class="item">' + + '<img alt="">' + + '<div class="carousel-caption">' + + '<h4>Third Thumbnail label</h4>' + + '<p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec ' + + 'id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ' + + 'ultricies vehicula ut id elit.</p>' + + '</div>' + + '</div>' + + '</div>' + + '<a class="left carousel-control" href="#myCarousel" data-slide="prev">‹</a>' + + '<a class="right carousel-control" href="#myCarousel" data-slide="next">›</a>' + + '</div>' var $carousel = $(carouselHTML) stop() @@ -197,39 +197,39 @@ $(function () { }) test('should fire slide event with relatedTarget', function () { - var template = '<div id="myCarousel" class="carousel slide">' + - '<div class="carousel-inner">' + - '<div class="item active">' + - '<img alt="">' + - '<div class="carousel-caption">' + - '<h4>First Thumbnail label</h4>' + - '<p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec ' + - 'id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ' + - 'ultricies vehicula ut id elit.</p>' + - '</div>' + - '</div>' + - '<div class="item">' + - '<img alt="">' + - '<div class="carousel-caption">' + - '<h4>Second Thumbnail label</h4>' + - '<p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec ' + - 'id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ' + - 'ultricies vehicula ut id elit.</p>' + - '</div>' + - '</div>' + - '<div class="item">' + - '<img alt="">' + - '<div class="carousel-caption">' + - '<h4>Third Thumbnail label</h4>' + - '<p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec ' + - 'id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ' + - 'ultricies vehicula ut id elit.</p>' + - '</div>' + - '</div>' + - '</div>' + - '<a class="left carousel-control" href="#myCarousel" data-slide="prev">‹</a>' + - '<a class="right carousel-control" href="#myCarousel" data-slide="next">›</a>' + - '</div>' + var template = '<div id="myCarousel" class="carousel slide">' + + '<div class="carousel-inner">' + + '<div class="item active">' + + '<img alt="">' + + '<div class="carousel-caption">' + + '<h4>First Thumbnail label</h4>' + + '<p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec ' + + 'id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ' + + 'ultricies vehicula ut id elit.</p>' + + '</div>' + + '</div>' + + '<div class="item">' + + '<img alt="">' + + '<div class="carousel-caption">' + + '<h4>Second Thumbnail label</h4>' + + '<p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec ' + + 'id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ' + + 'ultricies vehicula ut id elit.</p>' + + '</div>' + + '</div>' + + '<div class="item">' + + '<img alt="">' + + '<div class="carousel-caption">' + + '<h4>Third Thumbnail label</h4>' + + '<p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec ' + + 'id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ' + + 'ultricies vehicula ut id elit.</p>' + + '</div>' + + '</div>' + + '</div>' + + '<a class="left carousel-control" href="#myCarousel" data-slide="prev">‹</a>' + + '<a class="right carousel-control" href="#myCarousel" data-slide="next">›</a>' + + '</div>' stop() @@ -243,39 +243,39 @@ $(function () { }) test('should fire slid event with relatedTarget', function () { - var template = '<div id="myCarousel" class="carousel slide">' + - '<div class="carousel-inner">' + - '<div class="item active">' + - '<img alt="">' + - '<div class="carousel-caption">' + - '<h4>First Thumbnail label</h4>' + - '<p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec ' + - 'id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ' + - 'ultricies vehicula ut id elit.</p>' + - '</div>' + - '</div>' + - '<div class="item">' + - '<img alt="">' + - '<div class="carousel-caption">' + - '<h4>Second Thumbnail label</h4>' + - '<p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec ' + - 'id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ' + - 'ultricies vehicula ut id elit.</p>' + - '</div>' + - '</div>' + - '<div class="item">' + - '<img alt="">' + - '<div class="carousel-caption">' + - '<h4>Third Thumbnail label</h4>' + - '<p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec ' + - 'id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ' + - 'ultricies vehicula ut id elit.</p>' + - '</div>' + - '</div>' + - '</div>' + - '<a class="left carousel-control" href="#myCarousel" data-slide="prev">‹</a>' + - '<a class="right carousel-control" href="#myCarousel" data-slide="next">›</a>' + - '</div>' + var template = '<div id="myCarousel" class="carousel slide">' + + '<div class="carousel-inner">' + + '<div class="item active">' + + '<img alt="">' + + '<div class="carousel-caption">' + + '<h4>First Thumbnail label</h4>' + + '<p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec ' + + 'id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ' + + 'ultricies vehicula ut id elit.</p>' + + '</div>' + + '</div>' + + '<div class="item">' + + '<img alt="">' + + '<div class="carousel-caption">' + + '<h4>Second Thumbnail label</h4>' + + '<p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec ' + + 'id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ' + + 'ultricies vehicula ut id elit.</p>' + + '</div>' + + '</div>' + + '<div class="item">' + + '<img alt="">' + + '<div class="carousel-caption">' + + '<h4>Third Thumbnail label</h4>' + + '<p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec ' + + 'id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ' + + 'ultricies vehicula ut id elit.</p>' + + '</div>' + + '</div>' + + '</div>' + + '<a class="left carousel-control" href="#myCarousel" data-slide="prev">‹</a>' + + '<a class="right carousel-control" href="#myCarousel" data-slide="next">›</a>' + + '</div>' stop() @@ -289,39 +289,39 @@ $(function () { }) test('should set interval from data attribute', function () { - var templateHTML = '<div id="myCarousel" class="carousel slide">' + - '<div class="carousel-inner">' + - '<div class="item active">' + - '<img alt="">' + - '<div class="carousel-caption">' + - '<h4>First Thumbnail label</h4>' + - '<p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec ' + - 'id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ' + - 'ultricies vehicula ut id elit.</p>' + - '</div>' + - '</div>' + - '<div class="item">' + - '<img alt="">' + - '<div class="carousel-caption">' + - '<h4>Second Thumbnail label</h4>' + - '<p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec ' + - 'id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ' + - 'ultricies vehicula ut id elit.</p>' + - '</div>' + - '</div>' + - '<div class="item">' + - '<img alt="">' + - '<div class="carousel-caption">' + - '<h4>Third Thumbnail label</h4>' + - '<p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec ' + - 'id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ' + - 'ultricies vehicula ut id elit.</p>' + - '</div>' + - '</div>' + - '</div>' + - '<a class="left carousel-control" href="#myCarousel" data-slide="prev">‹</a>' + - '<a class="right carousel-control" href="#myCarousel" data-slide="next">›</a>' + - '</div>' + var templateHTML = '<div id="myCarousel" class="carousel slide">' + + '<div class="carousel-inner">' + + '<div class="item active">' + + '<img alt="">' + + '<div class="carousel-caption">' + + '<h4>First Thumbnail label</h4>' + + '<p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec ' + + 'id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ' + + 'ultricies vehicula ut id elit.</p>' + + '</div>' + + '</div>' + + '<div class="item">' + + '<img alt="">' + + '<div class="carousel-caption">' + + '<h4>Second Thumbnail label</h4>' + + '<p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec ' + + 'id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ' + + 'ultricies vehicula ut id elit.</p>' + + '</div>' + + '</div>' + + '<div class="item">' + + '<img alt="">' + + '<div class="carousel-caption">' + + '<h4>Third Thumbnail label</h4>' + + '<p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec ' + + 'id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ' + + 'ultricies vehicula ut id elit.</p>' + + '</div>' + + '</div>' + + '</div>' + + '<a class="left carousel-control" href="#myCarousel" data-slide="prev">‹</a>' + + '<a class="right carousel-control" href="#myCarousel" data-slide="next">›</a>' + + '</div>' var $carousel = $(templateHTML) $carousel.attr('data-interval', 1814) @@ -350,19 +350,19 @@ $(function () { }) test('should skip over non-items', function () { - var templateHTML = '<div id="myCarousel" class="carousel" data-interval="1814">' + - '<div class="carousel-inner">' + - '<div class="item active">' + - '<img alt="">' + - '</div>' + - '<script type="text/x-metamorph" id="thingy"/>' + - '<div class="item">' + - '<img alt="">' + - '</div>' + - '<div class="item">' + - '</div>' + - '</div>' + - '</div>' + var templateHTML = '<div id="myCarousel" class="carousel" data-interval="1814">' + + '<div class="carousel-inner">' + + '<div class="item active">' + + '<img alt="">' + + '</div>' + + '<script type="text/x-metamorph" id="thingy"/>' + + '<div class="item">' + + '<img alt="">' + + '</div>' + + '<div class="item">' + + '</div>' + + '</div>' + + '</div>' var $template = $(templateHTML) $template.bootstrapCarousel() diff --git a/js/tests/unit/collapse.js b/js/tests/unit/collapse.js index 5522d53c6e..976bdcd7bf 100644 --- a/js/tests/unit/collapse.js +++ b/js/tests/unit/collapse.js @@ -105,11 +105,11 @@ $(function () { test('should remove "collapsed" class from active accordion target', function () { stop() - var accordionHTML = '<div id="accordion">' + - '<div class="accordion-group"/>' + - '<div class="accordion-group"/>' + - '<div class="accordion-group"/>' + - '</div>' + var accordionHTML = '<div id="accordion">' + + '<div class="accordion-group"/>' + + '<div class="accordion-group"/>' + + '<div class="accordion-group"/>' + + '</div>' var $groups = $(accordionHTML).appendTo('#qunit-fixture').find('.accordion-group') var $target1 = $('<a data-toggle="collapse" href="#body1" data-parent="#accordion"/>').appendTo($groups.eq(0)) @@ -138,11 +138,11 @@ $(function () { test('should allow dots in data-parent', function () { stop() - var accordionHTML = '<div class="accordion">' + - '<div class="accordion-group"/>' + - '<div class="accordion-group"/>' + - '<div class="accordion-group"/>' + - '</div>' + var accordionHTML = '<div class="accordion">' + + '<div class="accordion-group"/>' + + '<div class="accordion-group"/>' + + '<div class="accordion-group"/>' + + '</div>' var $groups = $(accordionHTML).appendTo('#qunit-fixture').find('.accordion-group') var $target1 = $('<a data-toggle="collapse" href="#body1" data-parent=".accordion"/>').appendTo($groups.eq(0)) diff --git a/js/tests/unit/dropdown.js b/js/tests/unit/dropdown.js index d747f02988..335795fde8 100644 --- a/js/tests/unit/dropdown.js +++ b/js/tests/unit/dropdown.js @@ -30,68 +30,68 @@ $(function () { }) test('should not open dropdown if target is disabled via attribute', 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><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><a href="#">Another link</a></li>' + + '</ul>' + + '</li>' + + '</ul>' var $dropdown = $(dropdownHTML).find('[data-toggle="dropdown"]').bootstrapDropdown().click() ok(!$dropdown.parent('.dropdown').hasClass('open'), '"open" class added on click') }) test('should not open dropdown if target is disabled via class', 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><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><a href="#">Another link</a></li>' + + '</ul>' + + '</li>' + + '</ul>' var $dropdown = $(dropdownHTML).find('[data-toggle="dropdown"]').bootstrapDropdown().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><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><a href="#">Another link</a></li>' + + '</ul>' + + '</li>' + + '</ul>' var $dropdown = $(dropdownHTML).find('[data-toggle="dropdown"]').bootstrapDropdown().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><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><a href="#">Another link</a></li>' + + '</ul>' + + '</li>' + + '</ul>' var $dropdown = $(dropdownHTML).find('[data-toggle="dropdown"]').bootstrapDropdown().click() ok($dropdown.parent('.dropdown').hasClass('open'), '"open" class added on click') @@ -99,17 +99,17 @@ $(function () { test('should remove "open" class if body is 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><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><a href="#">Another link</a></li>' + + '</ul>' + + '</li>' + + '</ul>' var $dropdown = $(dropdownHTML) .appendTo('#qunit-fixture') .find('[data-toggle="dropdown"]') @@ -122,22 +122,22 @@ $(function () { }) test('should remove "open" class if body is clicked, with multiple dropdowns', 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 <span class="caret"/></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"/></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 <span class="caret"/></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"/></button>' + + '<ul class="dropdown-menu">' + + '<li><a href="#">Action 1</a></li>' + + '</ul>' + + '</div>' var $dropdowns = $(dropdownHTML).appendTo('#qunit-fixture').find('[data-toggle="dropdown"]') var $first = $dropdowns.first() var $last = $dropdowns.last() @@ -158,17 +158,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><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><a href="#">Another link</a></li>' + + '</ul>' + + '</li>' + + '</ul>' var $dropdown = $(dropdownHTML) .appendTo('#qunit-fixture') .find('[data-toggle="dropdown"]') @@ -192,17 +192,17 @@ $(function () { test('should fire shown and hidden 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><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><a href="#">Another link</a></li>' + + '</ul>' + + '</li>' + + '</ul>' var $dropdown = $(dropdownHTML) .appendTo('#qunit-fixture') .find('[data-toggle="dropdown"]') diff --git a/js/tests/unit/scrollspy.js b/js/tests/unit/scrollspy.js index 3cfde85f70..3eefac85d2 100644 --- a/js/tests/unit/scrollspy.js +++ b/js/tests/unit/scrollspy.js @@ -31,15 +31,15 @@ $(function () { // Does not work properly ATM, #13500 will fix this test('should switch "active" class on scroll', function () { - var 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>' + var 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>' var $topbar = $(topbarHTML).bootstrapScrollspy() ok($topbar.find('.active', true)) @@ -48,32 +48,32 @@ $(function () { test('should only switch "active" class on current target', function () { stop() - var sectionHTML = '<div id="root" class="active">' + - '<div class="topbar">' + - '<div class="topbar-inner">' + - '<div class="container" id="ss-target">' + - '<ul class="nav">' + - '<li><a href="#masthead">Overview</a></li>' + - '<li><a href="#detail">Detail</a></li>' + - '</ul>' + - '</div>' + - '</div>' + - '</div>' + - '<div id="scrollspy-example" style="height: 100px; overflow: auto;">' + - '<div style="height: 200px;">' + - '<h4 id="masthead">Overview</h4>' + - '<p style="height: 200px">' + - 'Ad leggings keytar, brunch id art party dolor labore.' + - '</p>' + - '</div>' + - '<div style="height: 200px;">' + - '<h4 id="detail">Detail</h4>' + - '<p style="height: 200px">' + - 'Veniam marfa mustache skateboard, adipisicing fugiat velit pitchfork beard.' + - '</p>' + - '</div>' + - '</div>' + - '</div>' + var sectionHTML = '<div id="root" class="active">' + + '<div class="topbar">' + + '<div class="topbar-inner">' + + '<div class="container" id="ss-target">' + + '<ul class="nav">' + + '<li><a href="#masthead">Overview</a></li>' + + '<li><a href="#detail">Detail</a></li>' + + '</ul>' + + '</div>' + + '</div>' + + '</div>' + + '<div id="scrollspy-example" style="height: 100px; overflow: auto;">' + + '<div style="height: 200px;">' + + '<h4 id="masthead">Overview</h4>' + + '<p style="height: 200px">' + + 'Ad leggings keytar, brunch id art party dolor labore.' + + '</p>' + + '</div>' + + '<div style="height: 200px;">' + + '<h4 id="detail">Detail</h4>' + + '<p style="height: 200px">' + + 'Veniam marfa mustache skateboard, adipisicing fugiat velit pitchfork beard.' + + '</p>' + + '</div>' + + '</div>' + + '</div>' var $section = $(sectionHTML).appendTo('#qunit-fixture') var $scrollspy = $section @@ -92,19 +92,19 @@ $(function () { test('middle navigation option correctly selected when large offset is used', function () { stop() - var sectionHTML = '<div id="header" style="height: 500px;"></div>' + - '<nav id="navigation" class="navbar">' + - '<ul class="nav navbar-nav">' + - '<li class="active"><a id="one-link" href="#one">One</a></li>' + - '<li><a id="two-link" href="#two">Two</a></li>' + - '<li><a id="three-link" href="#three">Three</a></li>' + - '</ul>' + - '</nav>' + - '<div id="content" style="height: 200px; overflow-y: auto;">' + - '<div id="one" style="height: 500px;"></div>' + - '<div id="two" style="height: 300px;"></div>' + - '<div id="three" style="height: 10px;"></div>' + - '</div>' + var sectionHTML = '<div id="header" style="height: 500px;"></div>' + + '<nav id="navigation" class="navbar">' + + '<ul class="nav navbar-nav">' + + '<li class="active"><a id="one-link" href="#one">One</a></li>' + + '<li><a id="two-link" href="#two">Two</a></li>' + + '<li><a id="three-link" href="#three">Three</a></li>' + + '</ul>' + + '</nav>' + + '<div id="content" style="height: 200px; overflow-y: auto;">' + + '<div id="one" style="height: 500px;"></div>' + + '<div id="two" style="height: 300px;"></div>' + + '<div id="three" style="height: 10px;"></div>' + + '</div>' var $section = $(sectionHTML).appendTo('#qunit-fixture') var $scrollspy = $section .show() diff --git a/js/tests/unit/tab.js b/js/tests/unit/tab.js index 754e3af8c4..8e50614ecc 100644 --- a/js/tests/unit/tab.js +++ b/js/tests/unit/tab.js @@ -30,10 +30,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 id="profile"/></ul>').appendTo('#qunit-fixture') @@ -45,10 +45,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 id="profile"/></ul>').appendTo('#qunit-fixture') @@ -77,14 +77,14 @@ $(function () { test('show and shown events should reference correct relatedTarget', function () { stop() - 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') diff --git a/js/tests/unit/tooltip.js b/js/tests/unit/tooltip.js index 3566cc41f7..a266b96eab 100644 --- a/js/tests/unit/tooltip.js +++ b/js/tests/unit/tooltip.js @@ -431,11 +431,11 @@ $(function () { test('should place tooltip on top of element', function () { stop() - var containerHTML = '<div>' + - '<p style="margin-top: 200px">' + - '<a href="#" title="very very very very very very very long tooltip">Hover me</a>' + - '</p>' + - '</div>' + var containerHTML = '<div>' + + '<p style="margin-top: 200px">' + + '<a href="#" title="very very very very very very very long tooltip">Hover me</a>' + + '</p>' + + '</div>' var $container = $(containerHTML) .css({ position: 'absolute', @@ -466,10 +466,10 @@ $(function () { }) test('should add position class before positioning so that position-specific styles are taken into account', function () { - var styles = '<style>' + - '.tooltip.right { white-space: nowrap; }' + - '.tooltip.right .tooltip-inner { max-width: none; }' + - '</style>' + var styles = '<style>' + + '.tooltip.right { white-space: nowrap; }' + + '.tooltip.right .tooltip-inner { max-width: none; }' + + '</style>' var $styles = $(styles).appendTo(document.head) var $container = $('<div/>').appendTo(document.body) @@ -581,10 +581,10 @@ $(function () { }) test('should adjust the tip\'s top position when up against the top of the viewport', function () { - var styles = '<style>' + - '.tooltip .tooltip-inner { width: 200px; height: 200px; max-width: none; }' + - 'a[rel="tooltip"] { position: fixed; }' + - '</style>' + var styles = '<style>' + + '.tooltip .tooltip-inner { width: 200px; height: 200px; max-width: none; }' + + 'a[rel="tooltip"] { position: fixed; }' + + '</style>' var $styles = $(styles).appendTo(document.head) var $container = $('<div/>').appendTo(document.body) @@ -609,10 +609,10 @@ $(function () { }) test('should adjust the tip\'s top position when up against the bottom of the viewport', function () { - var styles = '<style>' + - '.tooltip .tooltip-inner { width: 200px; height: 200px; max-width: none; }' + - 'a[rel="tooltip"] { position: fixed; }' + - '</style>' + var styles = '<style>' + + '.tooltip .tooltip-inner { width: 200px; height: 200px; max-width: none; }' + + 'a[rel="tooltip"] { position: fixed; }' + + '</style>' var $styles = $(styles).appendTo(document.head) var $container = $('<div/>').appendTo(document.body) @@ -638,10 +638,10 @@ $(function () { }) test('should adjust the tip\'s left position when up against the left of the viewport', function () { - var styles = '<style>' + - '.tooltip .tooltip-inner { width: 200px; height: 200px; max-width: none; }' + - 'a[rel="tooltip"] { position: fixed; }' + - '</style>' + var styles = '<style>' + + '.tooltip .tooltip-inner { width: 200px; height: 200px; max-width: none; }' + + 'a[rel="tooltip"] { position: fixed; }' + + '</style>' var $styles = $(styles).appendTo(document.head) var $container = $('<div/>').appendTo(document.body) @@ -666,10 +666,10 @@ $(function () { }) test('should adjust the tip\'s left position when up against the right of the viewport', function () { - var styles = '<style>' + - '.tooltip .tooltip-inner { width: 200px; height: 200px; max-width: none; }' + - 'a[rel="tooltip"] { position: fixed; }' + - '</style>' + var styles = '<style>' + + '.tooltip .tooltip-inner { width: 200px; height: 200px; max-width: none; }' + + 'a[rel="tooltip"] { position: fixed; }' + + '</style>' var $styles = $(styles).appendTo(document.head) var $container = $('<div/>').appendTo('body') @@ -695,11 +695,11 @@ $(function () { }) test('should adjust the tip when up against the right of an arbitrary viewport', function () { - var styles = '<style>' + - '.tooltip, .tooltip .tooltip-inner { width: 200px; height: 200px; max-width: none; }' + - '.container-viewport { position: absolute; top: 50px; left: 60px; width: 300px; height: 300px; }' + - 'a[rel="tooltip"] { position: fixed; }' + - '</style>' + var styles = '<style>' + + '.tooltip, .tooltip .tooltip-inner { width: 200px; height: 200px; max-width: none; }' + + '.container-viewport { position: absolute; top: 50px; left: 60px; width: 300px; height: 300px; }' + + 'a[rel="tooltip"] { position: fixed; }' + + '</style>' var $styles = $(styles).appendTo(document.head) var $container = $('<div class="container-viewport"/>').appendTo(document.body) |