rooty/Bootstrap
0
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2025-01-17 09:52:29 +01:00
Code Issues Actions Packages Releases 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
Show Stats 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-affix.js"></script>
<!-- Needed for testing -->
<link rel="stylesheet" type="text/css" href="unit/bootstrap-tooltip.css" />
<!-- unit tests -->
<script src="unit/bootstrap-transition.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(){
$("#qunit-fixture").show();
var tooltip = $("<a href='#' title='Very very very very very very very very long tooltip'></a>")
var container = $("<div />").appendTo("body")
.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})
.appendTo("#qunit-fixture")
.tooltip({placement: "top"})
.appendTo(container)
.tooltip({placement: "top", animate: false})
.tooltip("show");
stop();
@ -266,7 +267,28 @@ $(function () {
ok($(".tooltip").offset().left >= 0);
start();
$("#qunit-fixture").hide();
}, 200)
container.remove();
}, 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)
})
})