mirror_css/bootstrap
1
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2025-08-12 08:34:08 +02:00
Code Issues Releases Wiki Activity

Test for replacing tooltip when resized

Browse Source
This commit is contained in:
Guillaume Gautreau
2013-01-26 21:39:05 +01:00
parent e5be883bb9
commit db9ec13ce4
3 changed files with 44 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
js/tests/index.html
View File

@@ -29,6 +29,9 @@
<script src="../../js/bootstrap-typeahead.js"></script> <script src="../../js/bootstrap-typeahead.js"></script>
<script src="../../js/bootstrap-affix.js"></script> <script src="../../js/bootstrap-affix.js"></script>
<!-- Needed for testing -->
<link rel="stylesheet" type="text/css" href="unit/bootstrap-tooltip.css" />
<!-- unit tests --> <!-- unit tests -->
<script src="unit/bootstrap-transition.js"></script> <script src="unit/bootstrap-transition.js"></script>
<script src="unit/bootstrap-alert.js"></script> <script src="unit/bootstrap-alert.js"></script>

13
js/tests/unit/bootstrap-tooltip.css vendored Normal file
View File

@@ -0,0 +1,13 @@
.tooltip{
position: absolute;
}
.tooltip-inner{
max-width: 200px;
}
.tooltip.top .tooltip-arrow{
position: absolute;
}

34
js/tests/unit/bootstrap-tooltip.js vendored
View File

@@ -253,11 +253,12 @@ $(function () {
}) })
test("should place tooltip inside window", function(){ test("should place tooltip inside window", function(){
$("#qunit-fixture").show(); var container = $("<div />").appendTo("body")
var tooltip = $("<a href='#' title='Very very very very very very very very long tooltip'></a>") .css({position: "absolute", width: 200, height: 200, bottom: 0, left: 0})
, tooltip = $("<a href='#' title='Very very very very very very very very long tooltip'>Hover me</a>")
.css({position: "absolute", top:0, left: 0}) .css({position: "absolute", top:0, left: 0})
.appendTo("#qunit-fixture") .appendTo(container)
.tooltip({placement: "top"}) .tooltip({placement: "top", animate: false})
.tooltip("show"); .tooltip("show");
stop(); stop();
@@ -266,7 +267,28 @@ $(function () {
ok($(".tooltip").offset().left >= 0); ok($(".tooltip").offset().left >= 0);
start(); start();
$("#qunit-fixture").hide(); container.remove();
}, 200) }, 100)
}); });
test("should place tooltip on top of element", function(){
var container = $("<div />").appendTo("body")
.css({position: "absolute", bottom: 0, left: 0, textAlign: "right", width: 300, height: 300})
, p = $("<p style='margin-top:200px' />").appendTo(container)
, tooltiped = $("<a href='#' title='very very very very very very very long tooltip'>Hover me</a>")
.css({marginTop: 200})
.appendTo(p)
.tooltip({placement: "top", animate: false})
.tooltip("show");
stop();
setTimeout(function(){
var tooltip = container.find(".tooltip");
start();
ok(tooltip.offset().top + tooltip.outerHeight() <= tooltiped.offset().top);
container.remove();
}, 100)
})
}) })