rooty/Bootstrap
0
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2024-12-12 00:08:59 +01:00
Code Issues Actions Packages Releases Activity
aa68ca3580
Bootstrap/js/tests/visual/carousel.html

57 lines
2.2 KiB
HTML
Raw Normal View History

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.
2014-06-08 04:11:44 +02:00
<!DOCTYPE html>
<html>
Update visual tests.
2016-11-12 16:12:58 +01:00
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link rel="stylesheet" href="../../../dist/css/bootstrap.min.css">
<title>Carousel</title>
</head>
<body>
<div class="container">
<h1>Carousel <small>Bootstrap Visual Test</small></h1>
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.
2014-06-08 04:11:44 +02:00
Update visual tests.
2016-11-12 16:12:58 +01:00
<p>Also, the carousel shouldn't slide when its window/tab is hidden. Check the console log.</p>
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.
2014-06-08 04:11:44 +02:00
Update visual tests.
2016-11-12 16:12:58 +01:00
<div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
<ol class="carousel-indicators">
<li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
<li data-target="#carousel-example-generic" data-slide-to="1"></li>
<li data-target="#carousel-example-generic" data-slide-to="2"></li>
</ol>
Remove inappropriate role="listbox" from carousels
2017-04-11 12:12:30 +02:00
<div class="carousel-inner">
Update visual tests.
2016-11-12 16:12:58 +01:00
<div class="carousel-item active">
Arguably more professional pictures of Rick Ross
2017-04-21 00:06:06 +02:00
<img src="http://i.imgur.com/iEZgY7Y.jpg" alt="First slide">
Update visual tests.
2016-11-12 16:12:58 +01:00
</div>
<div class="carousel-item">
Arguably more professional pictures of Rick Ross
2017-04-21 00:06:06 +02:00
<img src="http://i.imgur.com/eNWn1Xs.jpg" alt="Second slide">
Update visual tests.
2016-11-12 16:12:58 +01:00
</div>
<div class="carousel-item">
Arguably more professional pictures of Rick Ross
2017-04-21 00:06:06 +02:00
<img src="http://i.imgur.com/Nm7xoti.jpg" alt="Third slide">
Update visual tests.
2016-11-12 16:12:58 +01:00
</div>
</div>
Update visual test carousel
2016-12-30 11:29:47 +01:00
<a class="carousel-control-prev" href="#carousel-example-generic" role="button" data-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
Update visual tests.
2016-11-12 16:12:58 +01:00
<span class="sr-only">Previous</span>
</a>
Update visual test carousel
2016-12-30 11:29:47 +01:00
<a class="carousel-control-next" href="#carousel-example-generic" role="button" data-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
Update visual tests.
2016-11-12 16:12:58 +01:00
<span class="sr-only">Next</span>
</a>
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.
2014-06-08 04:11:44 +02:00
</div>
</div>
nuke local test vendor jquery and tether, replace with docs assets
2016-12-31 06:54:13 +01:00
<script src="../../../docs/assets/js/vendor/jquery-slim.min.js"></script>
Update visual tests.
2016-11-12 16:12:58 +01:00
<script src="../../dist/util.js"></script>
<script src="../../dist/carousel.js"></script>
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.
2014-06-08 04:11:44 +02:00
Update visual tests.
2016-11-12 16:12:58 +01:00
<script>
Fix JS components console error "Error: <Component> is transitioning"
2017-03-28 23:43:16 +02:00
$(function() {
Update visual tests.
2016-11-12 16:12:58 +01:00
// Test to show that the carousel doesn't slide when the current tab isn't visible
Fix JS components console error "Error: <Component> is transitioning"
2017-03-28 23:43:16 +02:00
$('#carousel-example-generic').on('slid.bs.carousel', function(event) {
Update visual tests.
2016-11-12 16:12:58 +01:00
console.log('slid at ', event.timeStamp)
})
})
</script>
</body>
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.
2014-06-08 04:11:44 +02:00
</html>
Reference in New Issue Copy Permalink