test('should position tip on top if viewport has enough space and placement is "auto top"', function () {
var styles = '<style>'
+ 'body { padding-top: 100px; }'
- + 'section { height: 300px; border: 1px solid red; padding-top: 50px }'
+ + '#section { height: 300px; border: 1px solid red; padding-top: 50px }'
+ 'div[rel="tooltip"] { width: 150px; border: 1px solid blue; }'
+ '</style>'
var $styles = $(styles).appendTo('head')
- var $container = $('<section/>').appendTo('#qunit-fixture')
+ var $container = $('<div id="section"/>').appendTo('#qunit-fixture')
var $target = $('<div rel="tooltip" title="tip"/>')
.appendTo($container)
.bootstrapTooltip({
placement: 'auto top',
- viewport: 'section'
+ viewport: '#section'
})
$target.bootstrapTooltip('show')
test('should position tip on bottom if the tip\'s dimension exceeds the viewport area and placement is "auto top"', function () {
var styles = '<style>'
+ 'body { padding-top: 100px; }'
- + 'section { height: 300px; border: 1px solid red; }'
+ + '#section { height: 300px; border: 1px solid red; }'
+ 'div[rel="tooltip"] { width: 150px; border: 1px solid blue; }'
+ '</style>'
var $styles = $(styles).appendTo('head')
- var $container = $('<section/>').appendTo('#qunit-fixture')
+ var $container = $('<div id="section"/>').appendTo('#qunit-fixture')
var $target = $('<div rel="tooltip" title="tip"/>')
.appendTo($container)
.bootstrapTooltip({
placement: 'auto top',
- viewport: 'section'
+ viewport: '#section'
})
$target.bootstrapTooltip('show')