diff options
| author | Eduardo Lundgren <eduardolundgren@gmail.com> | 2008-05-24 07:07:20 +0000 |
|---|---|---|
| committer | Eduardo Lundgren <eduardolundgren@gmail.com> | 2008-05-24 07:07:20 +0000 |
| commit | b5bc8683ef16b09d54483594fffec4f0e681236f (patch) | |
| tree | a9bc3518cfcb04009794db5bdddb029fd8f52197 /ui | |
| parent | 63091e2c980047176b65639bf8f497c1a54aca56 (diff) | |
| download | jquery-ui-b5bc8683ef16b09d54483594fffec4f0e681236f.tar.gz jquery-ui-b5bc8683ef16b09d54483594fffec4f0e681236f.zip | |
Resizable automated tests prototype started
Diffstat (limited to 'ui')
| -rw-r--r-- | ui/tests/images/click.png | bin | 0 -> 1293 bytes | |||
| -rw-r--r-- | ui/tests/resizable.html | 29 | ||||
| -rw-r--r-- | ui/tests/resizable.js | 88 |
3 files changed, 117 insertions, 0 deletions
diff --git a/ui/tests/images/click.png b/ui/tests/images/click.png Binary files differnew file mode 100644 index 000000000..2b32f8d84 --- /dev/null +++ b/ui/tests/images/click.png diff --git a/ui/tests/resizable.html b/ui/tests/resizable.html new file mode 100644 index 000000000..7be13005b --- /dev/null +++ b/ui/tests/resizable.html @@ -0,0 +1,29 @@ +<!DOCTYPE html> +<html lang="en"> +<head> +<meta http-equiv="Content-Language" content="en" /> +<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> +<title>Resizable Test Page</title> +<link rel="stylesheet" href="../../qunit/testsuite.css" type="text/css" media="screen"> + +<script type="text/javascript" src="../../jquery/jquery-1.2.5.js"></script> +<script type="text/javascript" src="../source/ui.core.js"></script> +<script type="text/javascript" src="../source/ui.resizable.js"></script> + +<script type="text/javascript" src="../../qunit/testrunner.js"></script> +<script type="text/javascript" src="resizable.js"></script> +</head> +<body> + + <h1 id="header">jQuery Test Suite</h1> + <h2 id="banner"></h2> + <h2 id="userAgent"></h2> + + <div id="main" style="border: 1px solid black; padding: 10px; margin: 10px;"> + <div id='resizable1' style="background: green; width: 200px; height: 100px;">I'm a resizable.</div> + </div> + + <ol id="tests"></ol> + +</body> +</html> diff --git a/ui/tests/resizable.js b/ui/tests/resizable.js new file mode 100644 index 000000000..1fd2a9b0b --- /dev/null +++ b/ui/tests/resizable.js @@ -0,0 +1,88 @@ +var num = function(i) { + return parseInt(i, 10); +}; + +var animateClick = function(co) { + var img = $("<img src='images/click.png' width='1'>").appendTo("body") + .css({ position: "absolute", zIndex: 1000, left: co.x, top: co.y }) + .animate({ width: 80, height: 80, left: co.x-40, top: co.y-40, opacity: 'hide' }, 1000, function() { $(this).remove(); }); +}; + +var initMouseEvent = function(type, el, co) { + var evt = document.createEvent("MouseEvents"); + evt.initMouseEvent(type, true, true, window, 0, 0, 0, co.x, co.y, false, false, false, false, 0, null); + + el.dispatchEvent(evt); + + if (/^mouseup|mousedown|click$/i.test(type)) { + animateClick(co); + } + + return evt; +}; + + +$.fn.triggerMousedown = function(co) { + return initMouseEvent("mousedown", this[0], co); +}; + +$.fn.triggerMouseup = function(co) { + return initMouseEvent("mouseup", this[0], co); +}; + +$.fn.triggerMousemove = function(co, target) { + return initMouseEvent("mousemove", this[0], co); +}; + +var xy = function(el, offset) { + var o = el.offset(); + return { x: o.left + (offset || [0, 0])[0]||0, y: o.top + (offset || [0, 0])[1]||0 }; +}; + +$(document).ready(function() { + + $("#resizable1").resizable({ + + start: function(e, ui) { + console.log('start: [' + e.pageX + ', ' + e.pageY + ']' ) + console.log(ui.instance.size, ui.instance.position) + }, + + stop: function(e, ui) { + console.log('stop: [' + e.pageX + ', ' + e.pageY + ']' ) + console.log(ui.instance.size, ui.instance.position) + }, + + resize: function(e) { + console.log(e); + } + }); + + var handler = $(this).find('.ui-resizable-s'); + + handler.mousedown(function() { /*console.log('down')*/ }); + handler.mouseup(function() { /*console.log('up')*/ }); + + handler.triggerMousedown( xy(handler) ); + + for (var x = 0; x < 50; x += 10) { + var evt = $(handler).triggerMousemove( xy(handler, [x, x]) ); + console.log(evt) + } + + handler.triggerMouseup( xy(handler, [50, 50]) ); + + + + return; + + module("resizable: simple resize"); + + test("simple drag", function() { + + expect(1); + ok(true, "Resize element on the same position"); + + }); + +});
\ No newline at end of file |
