You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@devicemap.apache.org by ra...@apache.org on 2014/08/25 13:39:45 UTC
svn commit: r1620294 [25/36] - in /incubator/devicemap/whiteboard: ./ _data/
_data/members/ _includes/ _layouts/ _less/ _less/bootstrap-3.2.0/
_less/bootstrap-3.2.0/docs/ _less/bootstrap-3.2.0/docs/_data/
_less/bootstrap-3.2.0/docs/_includes/ _less/boo...
Added: incubator/devicemap/whiteboard/_less/bootstrap-3.2.0/js/tests/unit/modal.js
URL: http://svn.apache.org/viewvc/incubator/devicemap/whiteboard/_less/bootstrap-3.2.0/js/tests/unit/modal.js?rev=1620294&view=auto
==============================================================================
--- incubator/devicemap/whiteboard/_less/bootstrap-3.2.0/js/tests/unit/modal.js (added)
+++ incubator/devicemap/whiteboard/_less/bootstrap-3.2.0/js/tests/unit/modal.js Mon Aug 25 11:39:37 2014
@@ -0,0 +1,256 @@
+$(function () {
+ 'use strict';
+
+ module('modal plugin')
+
+ test('should be defined on jquery object', function () {
+ var div = $('<div id="modal-test"></div>')
+ ok(div.modal, 'modal method is defined')
+ })
+
+ module('modal', {
+ setup: function () {
+ // Run all tests in noConflict mode -- it's the only way to ensure that the plugin works in noConflict mode
+ $.fn.bootstrapModal = $.fn.modal.noConflict()
+ },
+ teardown: function () {
+ $.fn.modal = $.fn.bootstrapModal
+ delete $.fn.bootstrapModal
+ }
+ })
+
+ test('should provide no conflict', function () {
+ ok(!$.fn.modal, 'modal was set back to undefined (orig value)')
+ })
+
+ test('should return element', function () {
+ var div = $('<div id="modal-test"></div>')
+ ok(div.bootstrapModal() == div, 'document.body returned')
+ $('#modal-test').remove()
+ })
+
+ test('should expose defaults var for settings', function () {
+ ok($.fn.bootstrapModal.Constructor.DEFAULTS, 'default object exposed')
+ })
+
+ test('should insert into dom when show method is called', function () {
+ stop()
+ $.support.transition = false
+ $('<div id="modal-test"></div>')
+ .on('shown.bs.modal', function () {
+ ok($('#modal-test').length, 'modal inserted into dom')
+ $(this).remove()
+ start()
+ })
+ .bootstrapModal('show')
+ })
+
+ test('should fire show event', function () {
+ stop()
+ $.support.transition = false
+ $('<div id="modal-test"></div>')
+ .on('show.bs.modal', function () {
+ ok(true, 'show was called')
+ })
+ .on('shown.bs.modal', function () {
+ $(this).remove()
+ start()
+ })
+ .bootstrapModal('show')
+ })
+
+ test('should not fire shown when default prevented', function () {
+ stop()
+ $.support.transition = false
+ $('<div id="modal-test"></div>')
+ .on('show.bs.modal', function (e) {
+ e.preventDefault()
+ ok(true, 'show was called')
+ start()
+ })
+ .on('shown.bs.modal', function () {
+ ok(false, 'shown was called')
+ })
+ .bootstrapModal('show')
+ })
+
+ test('should hide modal when hide is called', function () {
+ stop()
+ $.support.transition = false
+
+ $('<div id="modal-test"></div>')
+ .on('shown.bs.modal', function () {
+ ok($('#modal-test').is(':visible'), 'modal visible')
+ ok($('#modal-test').length, 'modal inserted into dom')
+ $(this).bootstrapModal('hide')
+ })
+ .on('hidden.bs.modal', function () {
+ ok(!$('#modal-test').is(':visible'), 'modal hidden')
+ $('#modal-test').remove()
+ start()
+ })
+ .bootstrapModal('show')
+ })
+
+ test('should toggle when toggle is called', function () {
+ stop()
+ $.support.transition = false
+ var div = $('<div id="modal-test"></div>')
+ div
+ .on('shown.bs.modal', function () {
+ ok($('#modal-test').is(':visible'), 'modal visible')
+ ok($('#modal-test').length, 'modal inserted into dom')
+ div.bootstrapModal('toggle')
+ })
+ .on('hidden.bs.modal', function () {
+ ok(!$('#modal-test').is(':visible'), 'modal hidden')
+ div.remove()
+ start()
+ })
+ .bootstrapModal('toggle')
+ })
+
+ test('should remove from dom when click [data-dismiss="modal"]', function () {
+ stop()
+ $.support.transition = false
+ var div = $('<div id="modal-test"><span class="close" data-dismiss="modal"></span></div>')
+ div
+ .on('shown.bs.modal', function () {
+ ok($('#modal-test').is(':visible'), 'modal visible')
+ ok($('#modal-test').length, 'modal inserted into dom')
+ div.find('.close').click()
+ })
+ .on('hidden.bs.modal', function () {
+ ok(!$('#modal-test').is(':visible'), 'modal hidden')
+ div.remove()
+ start()
+ })
+ .bootstrapModal('toggle')
+ })
+
+ test('should allow modal close with "backdrop:false"', function () {
+ stop()
+ $.support.transition = false
+ var div = $('<div>', { id: 'modal-test', 'data-backdrop': false })
+ div
+ .on('shown.bs.modal', function () {
+ ok($('#modal-test').is(':visible'), 'modal visible')
+ div.bootstrapModal('hide')
+ })
+ .on('hidden.bs.modal', function () {
+ ok(!$('#modal-test').is(':visible'), 'modal hidden')
+ div.remove()
+ start()
+ })
+ .bootstrapModal('show')
+ })
+
+ test('should close modal when clicking outside of modal-content', function () {
+ stop()
+ $.support.transition = false
+ var div = $('<div id="modal-test"><div class="contents"></div></div>')
+ div
+ .on('shown.bs.modal', function () {
+ ok($('#modal-test').length, 'modal insterted into dom')
+ $('.contents').click()
+ ok($('#modal-test').is(':visible'), 'modal visible')
+ $('#modal-test').click()
+ })
+ .on('hidden.bs.modal', function () {
+ ok(!$('#modal-test').is(':visible'), 'modal hidden')
+ div.remove()
+ start()
+ })
+ .bootstrapModal('show')
+ })
+
+ test('should trigger hide event once when clicking outside of modal-content', function () {
+ stop()
+ $.support.transition = false
+
+ var triggered
+ var div = $('<div id="modal-test"><div class="contents"></div></div>')
+
+ div
+ .on('shown.bs.modal', function () {
+ triggered = 0
+ $('#modal-test').click()
+ })
+ .on('hide.bs.modal', function () {
+ triggered += 1
+ ok(triggered === 1, 'modal hide triggered once')
+ start()
+ })
+ .bootstrapModal('show')
+ })
+
+ test('should close reopened modal with [data-dismiss="modal"] click', function () {
+ stop()
+ $.support.transition = false
+ var div = $('<div id="modal-test"><div class="contents"><div id="close" data-dismiss="modal"></div></div></div>')
+ div
+ .on('shown.bs.modal', function () {
+ $('#close').click()
+ ok(!$('#modal-test').is(':visible'), 'modal hidden')
+ })
+ .one('hidden.bs.modal', function () {
+ div.one('hidden.bs.modal', function () {
+ start()
+ }).bootstrapModal('show')
+ })
+ .bootstrapModal('show')
+
+ div.remove()
+ })
+
+ test('should restore focus to toggling element when modal is hidden after having been opened via data-api', function () {
+ stop()
+ $.support.transition = false
+ var toggleBtn = $('<button data-toggle="modal" data-target="#modal-test">Launch modal</button>').appendTo('#qunit-fixture')
+ var div = $('<div id="modal-test"><div class="contents"><div id="close" data-dismiss="modal"></div></div></div>')
+ div
+ .on('hidden.bs.modal', function () {
+ window.setTimeout(function () { // give the focus restoration callback a chance to run
+ equal(document.activeElement, toggleBtn[0], 'toggling element is once again focused')
+ div.remove()
+ toggleBtn.remove()
+ start()
+ }, 0)
+ })
+ .on('shown.bs.modal', function () {
+ $('#close').click()
+ })
+ .appendTo('#qunit-fixture')
+ toggleBtn.click()
+ })
+
+ test('should not restore focus to toggling element if the associated show event gets prevented', function () {
+ stop()
+ $.support.transition = false
+ var toggleBtn = $('<button data-toggle="modal" data-target="#modal-test">Launch modal</button>').appendTo('#qunit-fixture')
+ var otherBtn = $('<button id="other-btn">Golden boy</button>').appendTo('#qunit-fixture')
+ var div = $('<div id="modal-test"><div class="contents"><div id="close" data-dismiss="modal"></div></div></div>')
+ div
+ .one('show.bs.modal', function (e) {
+ e.preventDefault()
+ otherBtn.focus()
+ window.setTimeout(function () { // give the focus event from the previous line a chance to run
+ div.bootstrapModal('show')
+ }, 0)
+ })
+ .on('hidden.bs.modal', function () {
+ window.setTimeout(function () { // give the focus restoration callback a chance to run (except it shouldn't run in this case)
+ equal(document.activeElement, otherBtn[0], 'show was prevented, so focus should not have been restored to toggling element')
+ div.remove()
+ toggleBtn.remove()
+ otherBtn.remove()
+ start()
+ }, 0)
+ })
+ .on('shown.bs.modal', function () {
+ $('#close').click()
+ })
+ .appendTo('#qunit-fixture')
+ toggleBtn.click()
+ })
+})
Added: incubator/devicemap/whiteboard/_less/bootstrap-3.2.0/js/tests/unit/phantom.js
URL: http://svn.apache.org/viewvc/incubator/devicemap/whiteboard/_less/bootstrap-3.2.0/js/tests/unit/phantom.js?rev=1620294&view=auto
==============================================================================
--- incubator/devicemap/whiteboard/_less/bootstrap-3.2.0/js/tests/unit/phantom.js (added)
+++ incubator/devicemap/whiteboard/_less/bootstrap-3.2.0/js/tests/unit/phantom.js Mon Aug 25 11:39:37 2014
@@ -0,0 +1,68 @@
+/*
+ * grunt-contrib-qunit
+ * http://gruntjs.com/
+ *
+ * Copyright (c) 2013 "Cowboy" Ben Alman, contributors
+ * Licensed under the MIT license.
+ */
+
+(function () {
+ 'use strict';
+
+ // Don't re-order tests.
+ QUnit.config.reorder = false
+ // Run tests serially, not in parallel.
+ QUnit.config.autorun = false
+
+ // Send messages to the parent PhantomJS process via alert! Good times!!
+ function sendMessage() {
+ var args = [].slice.call(arguments)
+ alert(JSON.stringify(args))
+ }
+
+ // These methods connect QUnit to PhantomJS.
+ QUnit.log = function (obj) {
+ // What is this I donât even
+ if (obj.message === '[object Object], undefined:undefined') { return }
+ // Parse some stuff before sending it.
+ var actual = QUnit.jsDump.parse(obj.actual)
+ var expected = QUnit.jsDump.parse(obj.expected)
+ // Send it.
+ sendMessage('qunit.log', obj.result, actual, expected, obj.message, obj.source)
+ }
+
+ QUnit.testStart = function (obj) {
+ sendMessage('qunit.testStart', obj.name)
+ }
+
+ QUnit.testDone = function (obj) {
+ sendMessage('qunit.testDone', obj.name, obj.failed, obj.passed, obj.total)
+ }
+
+ QUnit.moduleStart = function (obj) {
+ sendMessage('qunit.moduleStart', obj.name)
+ }
+
+ QUnit.begin = function () {
+ sendMessage('qunit.begin')
+ console.log('Starting test suite')
+ console.log('================================================\n')
+ }
+
+ QUnit.moduleDone = function (opts) {
+ if (opts.failed === 0) {
+ console.log('\r\u2714 All tests passed in "' + opts.name + '" module')
+ } else {
+ console.log('\u2716 ' + opts.failed + ' tests failed in "' + opts.name + '" module')
+ }
+ sendMessage('qunit.moduleDone', opts.name, opts.failed, opts.passed, opts.total)
+ }
+
+ QUnit.done = function (opts) {
+ console.log('\n================================================')
+ console.log('Tests completed in ' + opts.runtime + ' milliseconds')
+ console.log(opts.passed + ' tests of ' + opts.total + ' passed, ' + opts.failed + ' failed.')
+ sendMessage('qunit.done', opts.failed, opts.passed, opts.total, opts.runtime)
+ }
+
+}())
Added: incubator/devicemap/whiteboard/_less/bootstrap-3.2.0/js/tests/unit/popover.js
URL: http://svn.apache.org/viewvc/incubator/devicemap/whiteboard/_less/bootstrap-3.2.0/js/tests/unit/popover.js?rev=1620294&view=auto
==============================================================================
--- incubator/devicemap/whiteboard/_less/bootstrap-3.2.0/js/tests/unit/popover.js (added)
+++ incubator/devicemap/whiteboard/_less/bootstrap-3.2.0/js/tests/unit/popover.js Mon Aug 25 11:39:37 2014
@@ -0,0 +1,184 @@
+$(function () {
+ 'use strict';
+
+ module('popover plugin')
+
+ test('should be defined on jquery object', function () {
+ var div = $('<div></div>')
+ ok(div.popover, 'popover method is defined')
+ })
+
+ module('popover', {
+ setup: function () {
+ // Run all tests in noConflict mode -- it's the only way to ensure that the plugin works in noConflict mode
+ $.fn.bootstrapPopover = $.fn.popover.noConflict()
+ },
+ teardown: function () {
+ $.fn.popover = $.fn.bootstrapPopover
+ delete $.fn.bootstrapPopover
+ }
+ })
+
+ test('should provide no conflict', function () {
+ ok(!$.fn.popover, 'popover was set back to undefined (org value)')
+ })
+
+ test('should return element', function () {
+ var div = $('<div></div>')
+ ok(div.bootstrapPopover() == div, 'document.body returned')
+ })
+
+ test('should render popover element', function () {
+ $.support.transition = false
+ var popover = $('<a href="#" title="mdo" data-content="http://twitter.com/mdo">@mdo</a>')
+ .appendTo('#qunit-fixture')
+ .bootstrapPopover('show')
+
+ ok($('.popover').length, 'popover was inserted')
+ popover.bootstrapPopover('hide')
+ ok(!$('.popover').length, 'popover removed')
+ })
+
+ test('should store popover instance in popover data object', function () {
+ $.support.transition = false
+ var popover = $('<a href="#" title="mdo" data-content="http://twitter.com/mdo">@mdo</a>')
+ .bootstrapPopover()
+
+ ok(!!popover.data('bs.popover'), 'popover instance exists')
+ })
+
+ test('should store popover trigger in popover instance data object', function () {
+ $.support.transition = false
+ var popover = $('<a href="#" title="ResentedHook">@ResentedHook</a>')
+ .appendTo('#qunit-fixture')
+ .bootstrapPopover()
+ popover.bootstrapPopover('show')
+ ok(!!$('.popover').data('bs.popover'), 'popover trigger stored in instance data')
+ $('#qunit-fixture').empty()
+ })
+
+ test('should get title and content from options', function () {
+ $.support.transition = false
+ var popover = $('<a href="#">@fat</a>')
+ .appendTo('#qunit-fixture')
+ .bootstrapPopover({
+ title: function () {
+ return '@fat'
+ },
+ content: function () {
+ return 'loves writing tests ï¼â¯Â°â¡Â°ï¼â¯ï¸µ â»ââ»'
+ }
+ })
+
+ popover.bootstrapPopover('show')
+
+ ok($('.popover').length, 'popover was inserted')
+ equal($('.popover .popover-title').text(), '@fat', 'title correctly inserted')
+ equal($('.popover .popover-content').text(), 'loves writing tests ï¼â¯Â°â¡Â°ï¼â¯ï¸µ â»ââ»', 'content correctly inserted')
+
+ popover.bootstrapPopover('hide')
+ ok(!$('.popover').length, 'popover was removed')
+ $('#qunit-fixture').empty()
+ })
+
+ test('should not duplicate HTML object', function () {
+ $.support.transition = false
+
+ var $div = $('<div>').html('loves writing tests ï¼â¯Â°â¡Â°ï¼â¯ï¸µ â»ââ»')
+
+ var popover = $('<a href="#">@fat</a>')
+ .appendTo('#qunit-fixture')
+ .bootstrapPopover({
+ content: function () {
+ return $div
+ }
+ })
+
+ popover.bootstrapPopover('show')
+ ok($('.popover').length, 'popover was inserted')
+ equal($('.popover .popover-content').html(), $div, 'content correctly inserted')
+
+ popover.bootstrapPopover('hide')
+ ok(!$('.popover').length, 'popover was removed')
+
+ popover.bootstrapPopover('show')
+ ok($('.popover').length, 'popover was inserted')
+ equal($('.popover .popover-content').html(), $div, 'content correctly inserted')
+
+ popover.bootstrapPopover('hide')
+ ok(!$('.popover').length, 'popover was removed')
+ $('#qunit-fixture').empty()
+ })
+
+ test('should get title and content from attributes', function () {
+ $.support.transition = false
+ var popover = $('<a href="#" title="@mdo" data-content="loves data attributes (ã¥ï½¡ââ¿â¿â。)㥠︵ â»ââ»" >@mdo</a>')
+ .appendTo('#qunit-fixture')
+ .bootstrapPopover()
+ .bootstrapPopover('show')
+
+ ok($('.popover').length, 'popover was inserted')
+ equal($('.popover .popover-title').text(), '@mdo', 'title correctly inserted')
+ equal($('.popover .popover-content').text(), 'loves data attributes (ã¥ï½¡ââ¿â¿â。)㥠︵ â»ââ»', 'content correctly inserted')
+
+ popover.bootstrapPopover('hide')
+ ok(!$('.popover').length, 'popover was removed')
+ $('#qunit-fixture').empty()
+ })
+
+
+ test('should get title and content from attributes #2', function () {
+ $.support.transition = false
+ var popover = $('<a href="#" title="@mdo" data-content="loves data attributes (ã¥ï½¡ââ¿â¿â。)㥠︵ â»ââ»" >@mdo</a>')
+ .appendTo('#qunit-fixture')
+ .bootstrapPopover({
+ title: 'ignored title option',
+ content: 'ignored content option'
+ })
+ .bootstrapPopover('show')
+
+ ok($('.popover').length, 'popover was inserted')
+ equal($('.popover .popover-title').text(), '@mdo', 'title correctly inserted')
+ equal($('.popover .popover-content').text(), 'loves data attributes (ã¥ï½¡ââ¿â¿â。)㥠︵ â»ââ»', 'content correctly inserted')
+
+ popover.bootstrapPopover('hide')
+ ok(!$('.popover').length, 'popover was removed')
+ $('#qunit-fixture').empty()
+ })
+
+ test('should respect custom classes', function () {
+ $.support.transition = false
+ var popover = $('<a href="#">@fat</a>')
+ .appendTo('#qunit-fixture')
+ .bootstrapPopover({
+ title: 'Test',
+ content: 'Test',
+ template: '<div class="popover foobar"><div class="arrow"></div><div class="inner"><h3 class="title"></h3><div class="content"><p></p></div></div></div>'
+ })
+
+ popover.bootstrapPopover('show')
+
+ ok($('.popover').length, 'popover was inserted')
+ ok($('.popover').hasClass('foobar'), 'custom class is present')
+
+ popover.bootstrapPopover('hide')
+ ok(!$('.popover').length, 'popover was removed')
+ $('#qunit-fixture').empty()
+ })
+
+ test('should destroy popover', function () {
+ var popover = $('<div/>').bootstrapPopover({
+ trigger: 'hover'
+ }).on('click.foo', function () {})
+ ok(popover.data('bs.popover'), 'popover has data')
+ ok($._data(popover[0], 'events').mouseover && $._data(popover[0], 'events').mouseout, 'popover has hover event')
+ ok($._data(popover[0], 'events').click[0].namespace == 'foo', 'popover has extra click.foo event')
+ popover.bootstrapPopover('show')
+ popover.bootstrapPopover('destroy')
+ ok(!popover.hasClass('in'), 'popover is hidden')
+ ok(!popover.data('popover'), 'popover does not have data')
+ ok($._data(popover[0], 'events').click[0].namespace == 'foo', 'popover still has click.foo')
+ ok(!$._data(popover[0], 'events').mouseover && !$._data(popover[0], 'events').mouseout, 'popover does not have any events')
+ })
+
+})
Added: incubator/devicemap/whiteboard/_less/bootstrap-3.2.0/js/tests/unit/scrollspy.js
URL: http://svn.apache.org/viewvc/incubator/devicemap/whiteboard/_less/bootstrap-3.2.0/js/tests/unit/scrollspy.js?rev=1620294&view=auto
==============================================================================
--- incubator/devicemap/whiteboard/_less/bootstrap-3.2.0/js/tests/unit/scrollspy.js (added)
+++ incubator/devicemap/whiteboard/_less/bootstrap-3.2.0/js/tests/unit/scrollspy.js Mon Aug 25 11:39:37 2014
@@ -0,0 +1,117 @@
+$(function () {
+ 'use strict';
+
+ module('scrollspy plugin')
+
+ test('should be defined on jquery object', function () {
+ ok($(document.body).scrollspy, 'scrollspy method is defined')
+ })
+
+ module('scrollspy', {
+ setup: function () {
+ // Run all tests in noConflict mode -- it's the only way to ensure that the plugin works in noConflict mode
+ $.fn.bootstrapScrollspy = $.fn.scrollspy.noConflict()
+ },
+ teardown: function () {
+ $.fn.scrollspy = $.fn.bootstrapScrollspy
+ delete $.fn.bootstrapScrollspy
+ }
+ })
+
+ test('should provide no conflict', function () {
+ ok(!$.fn.scrollspy, 'scrollspy was set back to undefined (org value)')
+ })
+
+ test('should return element', function () {
+ ok($(document.body).bootstrapScrollspy()[0] == document.body, 'document.body returned')
+ })
+
+ test('should switch active class on scroll', function () {
+ var sectionHTML = '<div id="masthead"></div>'
+ $(sectionHTML).append('#qunit-fixture')
+ 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()
+
+ $(sectionHTML).append('#qunit-fixture')
+ ok($topbar.find('.active', true))
+ })
+
+ asyncTest('should only switch active class on current target', function () {
+ expect(1);
+ 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
+ .show()
+ .find('#scrollspy-example')
+ .bootstrapScrollspy({ target: '#ss-target' })
+
+ $scrollSpy.on('scroll.bs.scrollspy', function () {
+ ok($section.hasClass('active'), 'Active class still on root node')
+ start()
+ })
+ $scrollSpy.scrollTop(350);
+ })
+
+ asyncTest('middle navigation option correctly selected when large offset is used', function () {
+ expect(3);
+ 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()
+ .filter('#content')
+ $scrollSpy.bootstrapScrollspy({ target: '#navigation', offset: $scrollSpy.position().top })
+
+ $scrollSpy.on('scroll.bs.scrollspy', function () {
+ ok(!$section.find('#one-link').parent().hasClass('active'), 'Active class removed from first section')
+ ok($section.find('#two-link').parent().hasClass('active'), 'Active class on middle section')
+ ok(!$section.find('#three-link').parent().hasClass('active'), 'Active class not on last section')
+ start()
+ })
+ $scrollSpy.scrollTop(550);
+ })
+})
Added: incubator/devicemap/whiteboard/_less/bootstrap-3.2.0/js/tests/unit/tab.js
URL: http://svn.apache.org/viewvc/incubator/devicemap/whiteboard/_less/bootstrap-3.2.0/js/tests/unit/tab.js?rev=1620294&view=auto
==============================================================================
--- incubator/devicemap/whiteboard/_less/bootstrap-3.2.0/js/tests/unit/tab.js (added)
+++ incubator/devicemap/whiteboard/_less/bootstrap-3.2.0/js/tests/unit/tab.js Mon Aug 25 11:39:37 2014
@@ -0,0 +1,96 @@
+$(function () {
+ 'use strict';
+
+ module('tabs plugin')
+
+ test('should be defined on jquery object', function () {
+ ok($(document.body).tab, 'tabs method is defined')
+ })
+
+ module('tabs', {
+ setup: function () {
+ // Run all tests in noConflict mode -- it's the only way to ensure that the plugin works in noConflict mode
+ $.fn.bootstrapTab = $.fn.tab.noConflict()
+ },
+ teardown: function () {
+ $.fn.tab = $.fn.bootstrapTab
+ delete $.fn.bootstrapTab
+ }
+ })
+
+ test('should provide no conflict', function () {
+ ok(!$.fn.tab, 'tab was set back to undefined (org value)')
+ })
+
+ test('should return element', function () {
+ ok($(document.body).bootstrapTab()[0] == document.body, 'document.body returned')
+ })
+
+ 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>'
+
+ $('<ul><li id="home"></li><li id="profile"></li></ul>').appendTo('#qunit-fixture')
+
+ $(tabsHTML).find('li:last a').bootstrapTab('show')
+ equal($('#qunit-fixture').find('.active').attr('id'), 'profile')
+
+ $(tabsHTML).find('li:first a').bootstrapTab('show')
+ equal($('#qunit-fixture').find('.active').attr('id'), 'home')
+ })
+
+ 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>'
+
+ $('<ul><li id="home"></li><li id="profile"></li></ul>').appendTo('#qunit-fixture')
+
+ $(pillsHTML).find('li:last a').bootstrapTab('show')
+ equal($('#qunit-fixture').find('.active').attr('id'), 'profile')
+
+ $(pillsHTML).find('li:first a').bootstrapTab('show')
+ equal($('#qunit-fixture').find('.active').attr('id'), 'home')
+ })
+
+
+ test('should not fire closed when close is prevented', function () {
+ $.support.transition = false
+ stop()
+ $('<div class="tab"/>')
+ .on('show.bs.tab', function (e) {
+ e.preventDefault()
+ ok(true)
+ start()
+ })
+ .on('shown.bs.tab', function () {
+ ok(false)
+ })
+ .bootstrapTab('show')
+ })
+
+ test('show and shown events should reference correct relatedTarget', function () {
+ 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').bootstrapTab('show').end()
+ .find('ul>li:last a')
+ .on('show.bs.tab', function (event) {
+ equal(event.relatedTarget.hash, '#1-1')
+ })
+ .on('show.bs.tab', function (event) {
+ equal(event.relatedTarget.hash, '#1-1')
+ })
+ .bootstrapTab('show')
+ })
+
+})
Added: incubator/devicemap/whiteboard/_less/bootstrap-3.2.0/js/tests/unit/tooltip.js
URL: http://svn.apache.org/viewvc/incubator/devicemap/whiteboard/_less/bootstrap-3.2.0/js/tests/unit/tooltip.js?rev=1620294&view=auto
==============================================================================
--- incubator/devicemap/whiteboard/_less/bootstrap-3.2.0/js/tests/unit/tooltip.js (added)
+++ incubator/devicemap/whiteboard/_less/bootstrap-3.2.0/js/tests/unit/tooltip.js Mon Aug 25 11:39:37 2014
@@ -0,0 +1,595 @@
+$(function () {
+ 'use strict';
+
+ module('tooltip plugin')
+
+ test('should be defined on jquery object', function () {
+ var div = $('<div></div>')
+ ok(div.tooltip, 'popover method is defined')
+ })
+
+ module('tooltip', {
+ setup: function () {
+ // Run all tests in noConflict mode -- it's the only way to ensure that the plugin works in noConflict mode
+ $.fn.bootstrapTooltip = $.fn.tooltip.noConflict()
+ },
+ teardown: function () {
+ $.fn.tooltip = $.fn.bootstrapTooltip
+ delete $.fn.bootstrapTooltip
+ }
+ })
+
+ test('should provide no conflict', function () {
+ ok(!$.fn.tooltip, 'tooltip was set back to undefined (org value)')
+ })
+
+ test('should return element', function () {
+ var div = $('<div></div>')
+ ok(div.bootstrapTooltip() == div, 'document.body returned')
+ })
+
+ test('should expose default settings', function () {
+ ok(!!$.fn.bootstrapTooltip.Constructor.DEFAULTS, 'defaults is defined')
+ })
+
+ test('should empty title attribute', function () {
+ var tooltip = $('<a href="#" rel="tooltip" title="Another tooltip"></a>').bootstrapTooltip()
+ ok(tooltip.attr('title') === '', 'title attribute was emptied')
+ })
+
+ test('should add data attribute for referencing original title', function () {
+ var tooltip = $('<a href="#" rel="tooltip" title="Another tooltip"></a>').bootstrapTooltip()
+ equal(tooltip.attr('data-original-title'), 'Another tooltip', 'original title preserved in data attribute')
+ })
+
+ test('should add set set aria describedby to the element called on show', function () {
+ var tooltip = $('<a href="#" rel="tooltip" title="Another tooltip"></a>').bootstrapTooltip()
+ .appendTo('#qunit-fixture')
+ .bootstrapTooltip('show')
+ ok(tooltip.attr('aria-describedby'), 'has the right attributes')
+ var id = $('.tooltip').attr('id')
+
+ ok($('#' + id).length == 1, 'has a unique id')
+ ok($('.tooltip').attr('aria-describedby') === tooltip.attr('id'), 'they match!')
+ ok(tooltip.attr('aria-describedby') !== undefined, 'has the right attributes')
+ })
+
+ test('should remove the aria-describedby attributes on hide', function () {
+ var tooltip = $('<a href="#" rel="tooltip" title="Another tooltip"></a>').bootstrapTooltip()
+ .appendTo('#qunit-fixture')
+ .bootstrapTooltip('show')
+ ok(tooltip.attr('aria-describedby'), 'has the right attributes')
+ tooltip.bootstrapTooltip('hide')
+ ok(!tooltip.attr('aria-describedby'), 'removed the attributes on hide')
+ })
+
+ test('should assign a unique id tooltip element', function () {
+ $('<a href="#" rel="tooltip" title="Another tooltip"></a>')
+ .appendTo('#qunit-fixture')
+ .bootstrapTooltip('show')
+ var id = $('.tooltip').attr('id')
+
+ ok($('#' + id).length == 1 && id.indexOf('tooltip') === 0, 'generated prefixed and unique tooltip id')
+ })
+
+ test('should place tooltips relative to placement option', function () {
+ $.support.transition = false
+ var tooltip = $('<a href="#" rel="tooltip" title="Another tooltip"></a>')
+ .appendTo('#qunit-fixture')
+ .bootstrapTooltip({ placement: 'bottom' })
+ .bootstrapTooltip('show')
+
+ ok($('.tooltip').is('.fade.bottom.in'), 'has correct classes applied')
+ tooltip.bootstrapTooltip('hide')
+ })
+
+ test('should allow html entities', function () {
+ $.support.transition = false
+ var tooltip = $('<a href="#" rel="tooltip" title="<b>@fat</b>"></a>')
+ .appendTo('#qunit-fixture')
+ .bootstrapTooltip({ html: true })
+ .bootstrapTooltip('show')
+
+ ok($('.tooltip b').length, 'b tag was inserted')
+ tooltip.bootstrapTooltip('hide')
+ ok(!$('.tooltip').length, 'tooltip removed')
+ })
+
+ test('should respect custom classes', function () {
+ var tooltip = $('<a href="#" rel="tooltip" title="Another tooltip"></a>')
+ .appendTo('#qunit-fixture')
+ .bootstrapTooltip({ template: '<div class="tooltip some-class"><div class="tooltip-arrow"/><div class="tooltip-inner"/></div>' })
+ .bootstrapTooltip('show')
+
+ ok($('.tooltip').hasClass('some-class'), 'custom class is present')
+ tooltip.bootstrapTooltip('hide')
+ ok(!$('.tooltip').length, 'tooltip removed')
+ })
+
+ test('should fire show event', function () {
+ stop()
+ $('<div title="tooltip title"></div>')
+ .on('show.bs.tooltip', function () {
+ ok(true, 'show was called')
+ start()
+ })
+ .bootstrapTooltip('show')
+ })
+
+ test('should fire shown event', function () {
+ stop()
+ var tooltip = $('<div title="tooltip title"></div>').appendTo('#qunit-fixture')
+ tooltip
+ .on('shown.bs.tooltip', function () {
+ ok(true, 'shown was called')
+ tooltip.remove()
+ start()
+ })
+ .bootstrapTooltip('show')
+ })
+
+ test('should not fire shown event when default prevented', function () {
+ stop()
+ $('<div title="tooltip title"></div>')
+ .on('show.bs.tooltip', function (e) {
+ e.preventDefault()
+ ok(true, 'show was called')
+ start()
+ })
+ .on('shown.bs.tooltip', function () {
+ ok(false, 'shown was called')
+ })
+ .bootstrapTooltip('show')
+ })
+
+ test('should fire hide event', function () {
+ stop()
+ var tooltip = $('<div title="tooltip title"></div>').appendTo('#qunit-fixture')
+ tooltip
+ .on('shown.bs.tooltip', function () {
+ $(this).bootstrapTooltip('hide')
+ })
+ .on('hide.bs.tooltip', function () {
+ ok(true, 'hide was called')
+ tooltip.remove()
+ start()
+ })
+ .bootstrapTooltip('show')
+ })
+
+ test('should fire hidden event', function () {
+ stop()
+ var tooltip = $('<div title="tooltip title"></div>').appendTo('#qunit-fixture')
+ tooltip
+ .on('shown.bs.tooltip', function () {
+ $(this).bootstrapTooltip('hide')
+ })
+ .on('hidden.bs.tooltip', function () {
+ ok(true, 'hidden was called')
+ tooltip.remove()
+ start()
+ })
+ .bootstrapTooltip('show')
+ })
+
+ test('should not fire hidden event when default prevented', function () {
+ stop()
+ var tooltip = $('<div title="tooltip title"></div>').appendTo('#qunit-fixture')
+ tooltip
+ .on('shown.bs.tooltip', function () {
+ $(this).bootstrapTooltip('hide')
+ })
+ .on('hide.bs.tooltip', function (e) {
+ e.preventDefault()
+ ok(true, 'hide was called')
+ tooltip.remove()
+ start()
+ })
+ .on('hidden.bs.tooltip', function () {
+ ok(false, 'hidden was called')
+ })
+ .bootstrapTooltip('show')
+ })
+
+ test('should not show tooltip if leave event occurs before delay expires', function () {
+ var tooltip = $('<a href="#" rel="tooltip" title="Another tooltip"></a>')
+ .appendTo('#qunit-fixture')
+ .bootstrapTooltip({ delay: 200 })
+
+ stop()
+
+ tooltip.trigger('mouseenter')
+
+ setTimeout(function () {
+ ok(!$('.tooltip').is('.fade.in'), 'tooltip is not faded in')
+ tooltip.trigger('mouseout')
+ setTimeout(function () {
+ ok(!$('.tooltip').is('.fade.in'), 'tooltip is not faded in')
+ start()
+ }, 200)
+ }, 100)
+ })
+
+ test('should not show tooltip if leave event occurs before delay expires, even if hide delay is 0', function () {
+ var tooltip = $('<a href="#" rel="tooltip" title="Another tooltip"></a>')
+ .appendTo('#qunit-fixture')
+ .bootstrapTooltip({ delay: { show: 200, hide: 0 }})
+
+ stop()
+
+ tooltip.trigger('mouseenter')
+
+ setTimeout(function () {
+ ok(!$('.tooltip').is('.fade.in'), 'tooltip is not faded in')
+ tooltip.trigger('mouseout')
+ setTimeout(function () {
+ ok(!$('.tooltip').is('.fade.in'), 'tooltip is not faded in')
+ start()
+ }, 200)
+ }, 100)
+ })
+
+ test('should wait 200 ms before hiding the tooltip', 3, function () {
+ var tooltip = $('<a href="#" rel="tooltip" title="Another tooltip"></a>')
+ .appendTo('#qunit-fixture')
+ .bootstrapTooltip({ delay: { show: 0, hide: 200 }})
+
+ stop()
+
+ tooltip.trigger('mouseenter')
+
+ setTimeout(function () {
+ ok($('.tooltip').is('.fade.in'), 'tooltip is faded in')
+ tooltip.trigger('mouseout')
+ setTimeout(function () {
+ ok($('.tooltip').is('.fade.in'), '100ms:tooltip is still faded in')
+ setTimeout(function () {
+ ok(!$('.tooltip').is('.in'), 'tooltip removed')
+ start()
+ }, 150)
+ }, 100)
+ }, 1)
+ })
+
+ test('should not hide tooltip if leave event occurs, then tooltip is show immediately again', function () {
+ var tooltip = $('<a href="#" rel="tooltip" title="Another tooltip"></a>')
+ .appendTo('#qunit-fixture')
+ .bootstrapTooltip({ delay: { show: 0, hide: 200 }})
+
+ stop()
+
+ tooltip.trigger('mouseenter')
+
+ setTimeout(function () {
+ ok($('.tooltip').is('.fade.in'), 'tooltip is faded in')
+ tooltip.trigger('mouseout')
+ setTimeout(function () {
+ ok($('.tooltip').is('.fade.in'), '100ms:tooltip is still faded in')
+ tooltip.trigger('mouseenter')
+ setTimeout(function () {
+ ok($('.tooltip').is('.in'), 'tooltip removed')
+ start()
+ }, 150)
+ }, 100)
+ }, 1)
+ })
+
+ test('should not show tooltip if leave event occurs before delay expires', function () {
+ var tooltip = $('<a href="#" rel="tooltip" title="Another tooltip"></a>')
+ .appendTo('#qunit-fixture')
+ .bootstrapTooltip({ delay: 100 })
+ stop()
+ tooltip.trigger('mouseenter')
+ setTimeout(function () {
+ ok(!$('.tooltip').is('.fade.in'), 'tooltip is not faded in')
+ tooltip.trigger('mouseout')
+ setTimeout(function () {
+ ok(!$('.tooltip').is('.fade.in'), 'tooltip is not faded in')
+ start()
+ }, 100)
+ }, 50)
+ })
+
+ test('should show tooltip if leave event hasn\'t occured before delay expires', function () {
+ var tooltip = $('<a href="#" rel="tooltip" title="Another tooltip"></a>')
+ .appendTo('#qunit-fixture')
+ .bootstrapTooltip({ delay: 150 })
+ stop()
+ tooltip.trigger('mouseenter')
+ setTimeout(function () {
+ ok(!$('.tooltip').is('.fade.in'), 'tooltip is not faded in')
+ }, 100)
+ setTimeout(function () {
+ ok($('.tooltip').is('.fade.in'), 'tooltip has faded in')
+ start()
+ }, 200)
+ })
+
+ test('should destroy tooltip', function () {
+ var tooltip = $('<div/>').bootstrapTooltip().on('click.foo', function () {})
+ ok(tooltip.data('bs.tooltip'), 'tooltip has data')
+ ok($._data(tooltip[0], 'events').mouseover && $._data(tooltip[0], 'events').mouseout, 'tooltip has hover event')
+ ok($._data(tooltip[0], 'events').click[0].namespace == 'foo', 'tooltip has extra click.foo event')
+ tooltip.bootstrapTooltip('show')
+ tooltip.bootstrapTooltip('destroy')
+ ok(!tooltip.hasClass('in'), 'tooltip is hidden')
+ ok(!$._data(tooltip[0], 'bs.tooltip'), 'tooltip does not have data')
+ ok($._data(tooltip[0], 'events').click[0].namespace == 'foo', 'tooltip still has click.foo')
+ ok(!$._data(tooltip[0], 'events').mouseover && !$._data(tooltip[0], 'events').mouseout, 'tooltip does not have any events')
+ })
+
+ test('should show tooltip with delegate selector on click', function () {
+ var div = $('<div><a href="#" rel="tooltip" title="Another tooltip"></a></div>')
+ div.appendTo('#qunit-fixture').bootstrapTooltip({
+ selector: 'a[rel="tooltip"]', trigger: 'click'
+ })
+ div.find('a').trigger('click')
+ ok($('.tooltip').is('.fade.in'), 'tooltip is faded in')
+ })
+
+ test('should show tooltip when toggle is called', function () {
+ $('<a href="#" rel="tooltip" title="tooltip on toggle"></a>')
+ .appendTo('#qunit-fixture')
+ .bootstrapTooltip({ trigger: 'manual' })
+ .bootstrapTooltip('toggle')
+ ok($('.tooltip').is('.fade.in'), 'tooltip should be toggled in')
+ })
+
+ test('should hide shown tooltip when toggle is called on tooltip', function () {
+ var tooltip = $('<a href="#" rel="tooltip" title="tooltip on toggle">@ResentedHook</a>')
+ .appendTo('#qunit-fixture')
+ .bootstrapTooltip({ trigger: 'manual' })
+ .bootstrapTooltip('toggle')
+ $('.tooltip', '#qunit-fixture').bootstrapTooltip('toggle')
+ ok($('.tooltip').not('.fade.in'), 'tooltip should be toggled out')
+ tooltip.bootstrapTooltip('hide')
+ $('#qunit-fixture').empty()
+ })
+
+ test('should place tooltips inside the body', function () {
+ var tooltip = $('<a href="#" rel="tooltip" title="Another tooltip"></a>')
+ .appendTo('#qunit-fixture')
+ .bootstrapTooltip({ container: 'body' })
+ .bootstrapTooltip('show')
+ ok($('body > .tooltip').length, 'inside the body')
+ ok(!$('#qunit-fixture > .tooltip').length, 'not found in parent')
+ tooltip.bootstrapTooltip('hide')
+ })
+
+ test('should place tooltip inside window', function () {
+ var container = $('<div />').appendTo('body')
+ .css({ position: 'absolute', width: 200, height: 200, bottom: 0, left: 0 })
+ $('<a href="#" title="Very very very very very very very very long tooltip">Hover me</a>')
+ .css({ position: 'absolute', top: 0, left: 0 })
+ .appendTo(container)
+ .bootstrapTooltip({ placement: 'top', animate: false })
+ .bootstrapTooltip('show')
+
+ stop()
+
+ setTimeout(function () {
+ ok($('.tooltip').offset().left >= 0)
+
+ start()
+ 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 })
+ var p = $('<p style="margin-top:200px" />').appendTo(container)
+ var tooltiped = $('<a href="#" title="very very very very very very very long tooltip">Hover me</a>')
+ .css({ marginTop: 200 })
+ .appendTo(p)
+ .bootstrapTooltip({ placement: 'top', animate: false })
+ .bootstrapTooltip('show')
+
+ stop()
+
+ setTimeout(function () {
+ var tooltip = container.find('.tooltip')
+
+ start()
+ ok(Math.round(tooltip.offset().top + tooltip.outerHeight()) <= Math.round(tooltiped.offset().top))
+ container.remove()
+ }, 100)
+ })
+
+ test('should add position class before positioning so that position-specific styles are taken into account', function () {
+ $('head').append('<style id="test"> .tooltip.right { white-space: nowrap; } .tooltip.right .tooltip-inner { max-width: none; } </style>')
+
+ var container = $('<div />').appendTo('body')
+ var target = $('<a href="#" rel="tooltip" title="very very very very very very very very long tooltip in one line"></a>')
+ .appendTo(container)
+ .bootstrapTooltip({ placement: 'right', viewport: null })
+ .bootstrapTooltip('show')
+ var tooltip = container.find('.tooltip')
+
+ // this is some dumb hack shit because sub pixels in firefox
+ var top = Math.round(target.offset().top + (target[0].offsetHeight / 2) - (tooltip[0].offsetHeight / 2))
+ var top2 = Math.round(tooltip.offset().top)
+ var topDiff = top - top2
+ ok(topDiff <= 1 && topDiff >= -1)
+ target.bootstrapTooltip('hide')
+ $('head #test').remove()
+ })
+
+ test('tooltip title test #1', function () {
+ var tooltip = $('<a href="#" rel="tooltip" title="Simple tooltip" style="display: inline-block; position: absolute; top: 0; left: 0;"></a>')
+ .appendTo('#qunit-fixture')
+ .bootstrapTooltip({})
+ .bootstrapTooltip('show')
+ equal($('.tooltip').children('.tooltip-inner').text(), 'Simple tooltip', 'title from title attribute is set')
+ tooltip.bootstrapTooltip('hide')
+ ok(!$('.tooltip').length, 'tooltip removed')
+ })
+
+ test('tooltip title test #2', function () {
+ var tooltip = $('<a href="#" rel="tooltip" title="Simple tooltip" style="display: inline-block; position: absolute; top: 0; left: 0;"></a>')
+ .appendTo('#qunit-fixture')
+ .bootstrapTooltip({
+ title: 'This is a tooltip with some content'
+ })
+ .bootstrapTooltip('show')
+ equal($('.tooltip').children('.tooltip-inner').text(), 'Simple tooltip', 'title is set from title attribute while prefered over title option')
+ tooltip.bootstrapTooltip('hide')
+ ok(!$('.tooltip').length, 'tooltip removed')
+ })
+
+ test('tooltip title test #3', function () {
+ var tooltip = $('<a href="#" rel="tooltip" style="display: inline-block; position: absolute; top: 0; left: 0;"></a>')
+ .appendTo('#qunit-fixture')
+ .bootstrapTooltip({
+ title: 'This is a tooltip with some content'
+ })
+ .bootstrapTooltip('show')
+ equal($('.tooltip').children('.tooltip-inner').text(), 'This is a tooltip with some content', 'title from title option is set')
+ tooltip.bootstrapTooltip('hide')
+ ok(!$('.tooltip').length, 'tooltip removed')
+ })
+
+ test('tooltips should be placed dynamically, with the dynamic placement option', function () {
+ $.support.transition = false
+ var ttContainer = $('<div id="dynamic-tt-test"/>').css({
+ height: 400,
+ overflow: 'hidden',
+ position: 'absolute',
+ top: 0,
+ left: 0,
+ width: 600
+ })
+ .appendTo('body')
+
+ var topTooltip = $('<div style="display: inline-block; position: absolute; left: 0; top: 0;" rel="tooltip" title="Top tooltip">Top Dynamic Tooltip</div>')
+ .appendTo('#dynamic-tt-test')
+ .bootstrapTooltip({ placement: 'auto' })
+ .bootstrapTooltip('show')
+
+ ok($('.tooltip').is('.bottom'), 'top positioned tooltip is dynamically positioned bottom')
+
+ topTooltip.bootstrapTooltip('hide')
+
+ var rightTooltip = $('<div style="display: inline-block; position: absolute; right: 0;" rel="tooltip" title="Right tooltip">Right Dynamic Tooltip</div>')
+ .appendTo('#dynamic-tt-test')
+ .bootstrapTooltip({ placement: 'right auto' })
+ .bootstrapTooltip('show')
+
+ ok($('.tooltip').is('.left'), 'right positioned tooltip is dynamically positioned left')
+ rightTooltip.bootstrapTooltip('hide')
+
+ var leftTooltip = $('<div style="display: inline-block; position: absolute; left: 0;" rel="tooltip" title="Left tooltip">Left Dynamic Tooltip</div>')
+ .appendTo('#dynamic-tt-test')
+ .bootstrapTooltip({ placement: 'auto left' })
+ .bootstrapTooltip('show')
+
+ ok($('.tooltip').is('.right'), 'left positioned tooltip is dynamically positioned right')
+ leftTooltip.bootstrapTooltip('hide')
+
+ ttContainer.remove()
+ })
+
+ test('should adjust the tip\'s top when up against the top of the viewport', function () {
+ $('head').append('<style id="test"> .tooltip .tooltip-inner { width: 200px; height: 200px; max-width: none; } </style>')
+
+ var container = $('<div />').appendTo('body')
+ var target = $('<a href="#" rel="tooltip" title="tip" style="position: fixed; top: 0px; left: 0px;"></a>')
+ .appendTo(container)
+ .bootstrapTooltip({ placement: 'right', viewport: { selector: 'body', padding: 12 }})
+ .bootstrapTooltip('show')
+ var tooltip = container.find('.tooltip')
+
+ ok(Math.round(tooltip.offset().top) === 12)
+ target.bootstrapTooltip('hide')
+ $('head #test').remove()
+ })
+
+ test('should adjust the tip\'s top when up against the bottom of the viewport', function () {
+ $('head').append('<style id="test"> .tooltip .tooltip-inner { width: 200px; height: 200px; max-width: none; } </style>')
+
+ var container = $('<div />').appendTo('body')
+ var target = $('<a href="#" rel="tooltip" title="tip" style="position: fixed; bottom: 0px; left: 0px;"></a>')
+ .appendTo(container)
+ .bootstrapTooltip({ placement: 'right', viewport: { selector: 'body', padding: 12 }})
+ .bootstrapTooltip('show')
+ var tooltip = container.find('.tooltip')
+
+ ok(Math.round(tooltip.offset().top) === Math.round($(window).height() - 12 - tooltip[0].offsetHeight))
+ target.bootstrapTooltip('hide')
+ $('head #test').remove()
+ })
+
+ test('should adjust the tip\'s left when up against the left of the viewport', function () {
+ $('head').append('<style id="test"> .tooltip .tooltip-inner { width: 200px; height: 200px; max-width: none; } </style>')
+
+ var container = $('<div />').appendTo('body')
+ var target = $('<a href="#" rel="tooltip" title="tip" style="position: fixed; top: 0px; left: 0px;"></a>')
+ .appendTo(container)
+ .bootstrapTooltip({ placement: 'bottom', viewport: { selector: 'body', padding: 12 }})
+ .bootstrapTooltip('show')
+ var tooltip = container.find('.tooltip')
+
+ ok(Math.round(tooltip.offset().left) === 12)
+ target.bootstrapTooltip('hide')
+ $('head #test').remove()
+ })
+
+ test('should adjust the tip\'s left when up against the right of the viewport', function () {
+ $('head').append('<style id="test"> .tooltip .tooltip-inner { width: 200px; height: 200px; max-width: none; } </style>')
+
+ var container = $('<div />').appendTo('body')
+ var target = $('<a href="#" rel="tooltip" title="tip" style="position: fixed; top: 0px; right: 0px;"></a>')
+ .appendTo(container)
+ .bootstrapTooltip({ placement: 'bottom', viewport: { selector: 'body', padding: 12 }})
+ .bootstrapTooltip('show')
+ var tooltip = container.find('.tooltip')
+
+ ok(Math.round(tooltip.offset().left) === Math.round($(window).width() - 12 - tooltip[0].offsetWidth))
+ target.bootstrapTooltip('hide')
+ $('head #test').remove()
+ })
+
+ test('should adjust the tip when up against the right of an arbitrary viewport', function () {
+ $('head').append('<style id="test"> .tooltip, .tooltip .tooltip-inner { width: 200px; height: 200px; max-width: none; } </style>')
+ $('head').append('<style id="viewport-style"> .container-viewport { position: absolute; top: 50px; left: 60px; width: 300px; height: 300px; } </style>')
+
+ var container = $('<div />', { 'class': 'container-viewport' }).appendTo('body')
+ var target = $('<a href="#" rel="tooltip" title="tip" style="position: fixed; top: 50px; left: 350px;"></a>')
+ .appendTo(container)
+ .bootstrapTooltip({ placement: 'bottom', viewport: '.container-viewport' })
+ .bootstrapTooltip('show')
+ var tooltip = container.find('.tooltip')
+
+ ok(Math.round(tooltip.offset().left) === Math.round(60 + container.width() - tooltip[0].offsetWidth))
+ target.bootstrapTooltip('hide')
+ $('head #test').remove()
+ $('head #viewport-style').remove()
+ })
+
+ test('should not error when trying to show an auto-placed tooltip that has been removed from the dom', function () {
+ var tooltip = $('<a href="#" rel="tooltip" title="Another tooltip"></a>').appendTo('#qunit-fixture')
+
+ tooltip
+ .one('show.bs.tooltip', function () {
+ tooltip.remove()
+ })
+ .bootstrapTooltip({ placement: 'auto' })
+
+ var passed = true
+ try {
+ tooltip.bootstrapTooltip('show')
+ }
+ catch (err) {
+ passed = false
+ console.log(err)
+ }
+ ok(passed, '.tooltip(\'show\') should not throw an error in this case')
+
+ try {
+ tooltip.remove()
+ }
+ catch (err) {
+ // tooltip may have already been removed
+ }
+ })
+})