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
diff options
context:
space:
mode:
authorfat <jacobthornton@gmail.com>2014-06-08 06:11:44 +0400
committerfat <jacobthornton@gmail.com>2014-06-08 06:11:44 +0400
commit91103e6d1f750bc53dce7b4720cf78a50e1baa54 (patch)
tree0ceb0e9314f4ebb06e9a69beb5e99d19f165d039 /js/tests/visual/tooltip.html
parent3b99a41246cb25b1fba79d14007ed0238409e63f (diff)
Adds isolated visual tests for javascript plugins (decoupled from docs). This makes it
faster and easier to test/develop js functionality not represented in unit tests, and gives us a playground for interactions, etc. It also makes it so developing javascript is now decoupled form jekyll, which should make everything faster and less painful. This commit also reverts my filter commit https://github.com/twbs/bootstrap/commit/9900771aa7f1b3ddcee49aec84082104776ace70 which broke scrollspy for dropdowns.
Diffstat (limited to 'js/tests/visual/tooltip.html')
-rw-r--r--js/tests/visual/tooltip.html40
1 files changed, 40 insertions, 0 deletions
diff --git a/js/tests/visual/tooltip.html b/js/tests/visual/tooltip.html
new file mode 100644
index 0000000000..aaf4b767da
--- /dev/null
+++ b/js/tests/visual/tooltip.html
@@ -0,0 +1,40 @@
+<!DOCTYPE html>
+<html>
+<head>
+ <title>Tooltip</title>
+ <link rel="stylesheet" type="text/css" href="../../../dist/css/bootstrap.min.css">
+</head>
+<body>
+
+<div class="container">
+
+ <div class="page-header">
+ <h1>Tooltip <small>Bootstrap Visual Test</small></h1>
+ </div>
+
+ <p class="muted" style="margin-bottom: 0;">Tight pants next level keffiyeh <a href="#" data-toggle="tooltip" title="" data-original-title="Default tooltip">you probably</a> haven't heard of them. Photo booth beard raw denim letterpress vegan messenger bag stumptown. Farm-to-table seitan, mcsweeney's fixie sustainable quinoa 8-bit american apparel <a href="#" data-toggle="tooltip" title="" data-original-title="Another tooltip">have a</a> terry richardson vinyl chambray. Beard stumptown, cardigans banh mi lomo thundercats. Tofu biodiesel williamsburg marfa, four loko mcsweeney's cleanse vegan chambray. A really ironic artisan <a href="#" data-toggle="tooltip" title="" data-original-title="Another one here too">whatever keytar</a>, scenester farm-to-table banksy Austin <a href="#" data-toggle="tooltip" title="" data-original-title="The last tip!">twitter handle</a> freegan cred raw denim single-origin coffee viral.
+ </p>
+ <hr>
+ <p>
+ <button type="button" class="btn btn-default" data-toggle="tooltip" data-placement="left" title="" data-original-title="Tooltip on left">Tooltip on left</button>
+ <button type="button" class="btn btn-default" data-toggle="tooltip" data-placement="top" title="Tooltip on top">Tooltip on top</button>
+ <button type="button" class="btn btn-default" data-toggle="tooltip" data-placement="bottom" title="Tooltip on bottom">Tooltip on bottom</button>
+ <button type="button" class="btn btn-default" data-toggle="tooltip" data-placement="right" title="Tooltip on right">Tooltip on right</button>
+ </p>
+
+</div>
+
+<!-- JavaScript Includes -->
+<script src="../vendor/jquery.min.js"></script>
+<script src="../../transition.js"></script>
+<script src="../../tooltip.js"></script>
+
+<!-- JavaScript Test -->
+<script>
+$(function () {
+ $('[data-toggle="tooltip"]').tooltip()
+})
+</script>
+
+</body>
+</html>