Welcome to mirror list, hosted at ThFree Co, Russian Federation.

github.com/twbs/bootstrap.git - Unnamed repository; edit this file 'description' to name the repository.
summaryrefslogtreecommitdiff
path: root/js/tests
diff options
context:
space:
mode:
authorHeinrich Fenkart <hnrch02@gmail.com>2014-07-06 13:56:12 +0400
committerHeinrich Fenkart <hnrch02@gmail.com>2014-07-06 13:56:12 +0400
commit58eb8b2ae39baeb37514e5bf5ffcaf2a7c221202 (patch)
tree52eb86c31ffc4d9c8322c3a41e821d384a42085f /js/tests
parentdad56be96c5bbecf331c279e82db1dc6211616d2 (diff)
Move to leading pluses
Diffstat (limited to 'js/tests')
-rw-r--r--js/tests/unit/affix.js14
-rw-r--r--js/tests/unit/alert.js16
-rw-r--r--js/tests/unit/button.js22
-rw-r--r--js/tests/unit/carousel.js396
-rw-r--r--js/tests/unit/collapse.js20
-rw-r--r--js/tests/unit/dropdown.js186
-rw-r--r--js/tests/unit/scrollspy.js96
-rw-r--r--js/tests/unit/tab.js32
-rw-r--r--js/tests/unit/tooltip.js60
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">&lsaquo;</a>' +
- '<a class="right carousel-control" href="#myCarousel" data-slide="next">&rsaquo;</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">&lsaquo;</a>'
+ + '<a class="right carousel-control" href="#myCarousel" data-slide="next">&rsaquo;</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">&lsaquo;</a>' +
- '<a class="right carousel-control" href="#myCarousel" data-slide="next">&rsaquo;</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">&lsaquo;</a>'
+ + '<a class="right carousel-control" href="#myCarousel" data-slide="next">&rsaquo;</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">&lsaquo;</a>' +
- '<a class="right carousel-control" href="#myCarousel" data-slide="next">&rsaquo;</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">&lsaquo;</a>'
+ + '<a class="right carousel-control" href="#myCarousel" data-slide="next">&rsaquo;</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">&lsaquo;</a>' +
- '<a class="right carousel-control" href="#myCarousel" data-slide="next">&rsaquo;</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">&lsaquo;</a>'
+ + '<a class="right carousel-control" href="#myCarousel" data-slide="next">&rsaquo;</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">&lsaquo;</a>' +
- '<a class="right carousel-control" href="#myCarousel" data-slide="next">&rsaquo;</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">&lsaquo;</a>'
+ + '<a class="right carousel-control" href="#myCarousel" data-slide="next">&rsaquo;</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)