diff options
| author | Jacob <[email protected]> | 2014-06-08 16:05:08 -0700 |
|---|---|---|
| committer | Jacob <[email protected]> | 2014-06-08 16:05:08 -0700 |
| commit | fe74a8bb3e903c88bd84a2fdfe535013c9effa25 (patch) | |
| tree | 9d089adaa854cfe23431cadb728b1a3d9ac4d6d8 /js/tests/visual/button.html | |
| parent | 5dbfdd47c57a10cc8e97e74635a4197d31c24f7c (diff) | |
| parent | 91103e6d1f750bc53dce7b4720cf78a50e1baa54 (diff) | |
| download | bootstrap-fe74a8bb3e903c88bd84a2fdfe535013c9effa25.tar.xz bootstrap-fe74a8bb3e903c88bd84a2fdfe535013c9effa25.zip | |
Merge pull request #13755 from twbs/fat-visual-test
Adds isolated visual tests for javascript plugins (decoupled from docs)....
Diffstat (limited to 'js/tests/visual/button.html')
| -rw-r--r-- | js/tests/visual/button.html | 64 |
1 files changed, 64 insertions, 0 deletions
diff --git a/js/tests/visual/button.html b/js/tests/visual/button.html new file mode 100644 index 000000000..01c7dd4b3 --- /dev/null +++ b/js/tests/visual/button.html @@ -0,0 +1,64 @@ +<!DOCTYPE html> +<html> +<head> + <title>Button</title> + <link rel="stylesheet" type="text/css" href="../../../dist/css/bootstrap.min.css"> +</head> +<body> + +<div class="container"> + + <div class="page-header"> + <h1>Button <small>Bootstrap Visual Test</small></h1> + </div> + + <button type="button" data-loading-text="Loading for 3 seconds..." class="btn btn-primary js-loading-button"> + Loading state + </button> + + <button type="button" class="btn btn-primary" data-toggle="button">Single toggle</button> + + <div class="btn-group" data-toggle="buttons"> + <label class="btn btn-primary"> + <input type="checkbox"> checkbox 1 + </label> + <label class="btn btn-primary"> + <input type="checkbox"> checkbox 2 + </label> + <label class="btn btn-primary"> + <input type="checkbox"> checkbox 3 + </label> + </div> + + <div class="btn-group" data-toggle="buttons"> + <label class="btn btn-primary"> + <input type="radio" name="options" id="option1"> Radio 1 + </label> + <label class="btn btn-primary"> + <input type="radio" name="options" id="option2"> Radio 2 + </label> + <label class="btn btn-primary"> + <input type="radio" name="options" id="option3"> Radio 3 + </label> + </div> + +</div> + +<!-- JavaScript Includes --> +<script src="../vendor/jquery.min.js"></script> +<script src="../../transition.js"></script> +<script src="../../button.js"></script> + +<!-- JavaScript Test --> +<script> +$(function () { + $('.js-loading-button').on('click', function () { + var btn = $(this).button('loading') + setTimeout(function (){ + btn.button('reset') + }, 3000) + }) +}) +</script> +</body> +</html> |