diff options
| author | Scott González <scott.gonzalez@gmail.com> | 2012-05-15 10:07:05 -0400 |
|---|---|---|
| committer | Scott González <scott.gonzalez@gmail.com> | 2012-05-15 10:07:05 -0400 |
| commit | 86569d8ebceec4b4c173d5fd635b968796f0361b (patch) | |
| tree | e9a030048da248fbe1251663816944d2d98a0319 /tests/visual/addClass/queue.html | |
| parent | 1b19121189356879ca39a19ba241a04ff4786b62 (diff) | |
| download | jquery-ui-86569d8ebceec4b4c173d5fd635b968796f0361b.tar.gz jquery-ui-86569d8ebceec4b4c173d5fd635b968796f0361b.zip | |
Visual tests: Renamed files.
Diffstat (limited to 'tests/visual/addClass/queue.html')
| -rw-r--r-- | tests/visual/addClass/queue.html | 52 |
1 files changed, 52 insertions, 0 deletions
diff --git a/tests/visual/addClass/queue.html b/tests/visual/addClass/queue.html new file mode 100644 index 000000000..21f4cc1cb --- /dev/null +++ b/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.7.2.js"></script> + <script src="../../../ui/jquery.effects.core.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> |