diff options
author | fat <jacobthornton@gmail.com> | 2014-06-08 06:11:44 +0400 |
---|---|---|
committer | fat <jacobthornton@gmail.com> | 2014-06-08 06:11:44 +0400 |
commit | 91103e6d1f750bc53dce7b4720cf78a50e1baa54 (patch) | |
tree | 0ceb0e9314f4ebb06e9a69beb5e99d19f165d039 /js/tests/visual/alert.html | |
parent | 3b99a41246cb25b1fba79d14007ed0238409e63f (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/alert.html')
-rw-r--r-- | js/tests/visual/alert.html | 38 |
1 files changed, 38 insertions, 0 deletions
diff --git a/js/tests/visual/alert.html b/js/tests/visual/alert.html new file mode 100644 index 0000000000..688e6362cc --- /dev/null +++ b/js/tests/visual/alert.html @@ -0,0 +1,38 @@ +<!DOCTYPE html> +<html> +<head> + <title>Alert</title> + <link rel="stylesheet" type="text/css" href="../../../dist/css/bootstrap.min.css"> +</head> +<body> + +<div class="container"> + + <div class="page-header"> + <h1>Alert <small>Bootstrap Visual Test</small></h1> + </div> + + <div class="alert alert-warning fade in"> + <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button> + <strong>Holy guacamole!</strong> Best check yo self, you're not looking too good. + </div> + + <div class="alert alert-danger fade in"> + <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button> + <h4>Oh snap! You got an error!</h4> + <p>Change this and that and try again. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cras mattis consectetur purus sit amet fermentum.</p> + <p> + <button type="button" class="btn btn-danger">Take this action</button> + <button type="button" class="btn btn-default">Or do this</button> + </p> + </div> + +</div> + +<!-- JavaScript Includes --> +<script src="../vendor/jquery.min.js"></script> +<script src="../../transition.js"></script> +<script src="../../alert.js"></script> + +</body> +</html> |