diff options
Diffstat (limited to 'apps/it/static/js/ui/tests/visual/addClass/queue.html')
| -rw-r--r-- | apps/it/static/js/ui/tests/visual/addClass/queue.html | 52 |
1 files changed, 52 insertions, 0 deletions
diff --git a/apps/it/static/js/ui/tests/visual/addClass/queue.html b/apps/it/static/js/ui/tests/visual/addClass/queue.html new file mode 100644 index 0000000..1b20689 --- /dev/null +++ b/apps/it/static/js/ui/tests/visual/addClass/queue.html @@ -0,0 +1,52 @@ +<!doctype html> +<html lang="en"> +<head> + <meta charset="utf-8"> + <title>addClass Visual Test : Queue</title> + <link rel="stylesheet" href="../../../themes/base/jquery.ui.all.css"> + <script src="../../../jquery-1.10.2.js"></script> + <script src="../../../ui/jquery.ui.effect.js"></script> + <style> + .box { + width: 100px; + height: 100px; + background-color: #000; + } + .red { + background-color: #f00; + } + .green { + background-color: #0f0; + } + .blue { + background-color: #00f; + } + </style> + <script> + $(function() { + $( "#box1" ) + .delay( 500 ) + .addClass( "red", 2000 ) + .delay( 500 ) + .addClass( "green", 2000 ) + .delay( 500 ) + .addClass( "blue", 2000 ); + $( "#box2" ) + .addClass( "red", 2000 ) + .delay( 500 ) + .addClass( "green", 2000 ) + .delay( 500 ) + .addClass( "blue", 2000 ); + }); + </script> +</head> +<body> + +<p>WHAT: The two boxes animate from black to red to green to blue.</p> +<p>EXPECTED: The first box should start with a delay, the second box should start immediately.</p> + +<div id="box1" class="box"></div> +<div id="box2" class="box"></div> + +</body> +</html> |