library-mirrors/jquery-ui
1
0
Fork 0
mirror of https://github.com/jquery/jquery-ui.git synced 2024-10-05 01:44:18 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

auto tests - now runs multiple tests with status

Browse Source
This commit is contained in:
Richard Worth 2008-05-26 20:29:22 +00:00
parent 48009db7e8
commit 661f111abb
2 changed files with 80 additions and 44 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

103
ui/tests/autodrag.html
View File

@ -12,7 +12,13 @@
html, body { height: 100%; }
#main { height: 100%; }
.drag { position: relative; margin: 10px; padding: 10px; border: 3px solid black; cursor: move; width: 200px; height: 40px; background: #eef; }
#foo { position: relative; margin: 10px; padding: 10px; border: 3px solid gray; cursor: move; width: 200px; height: 100px; background: #eef; text-align: center; }
.ui-draggable .msg-missing-class { display: none !important; background: red; color: white; font-weight: bold; }
.ui-draggable .msg-enabled { display: block; }
.ui-draggable .msg-disabled { display: none; }
.ui-draggable-disabled .msg-enabled { display: none !important; }
.ui-draggable-disabled .msg-disabled { display: block !important; }
</style>
@ -24,46 +30,77 @@ html, body { height: 100%; }
<script type="text/javascript">
$(function() {
$(".drag").draggable().testMouse({
speed: "fast"
});
var speed = "slow"
var queue;
var start = function() {
queue = tests.slice(); // clone
queue = tests.slice().reverse(); // clone
$("#status").text("Running...");
nextTest();
}
var stop = function() {
$("#status").text("Ready");
teardown();
}
var tests = [];
var nextTest = function() {
if (queue.length) {
queue.pop().apply();
var nTest = queue.pop();
teardown(function() {
setupAndRun(nTest);
});
} else {
stop();
}
}
var addTest = function(fn) {
tests.unshift(fn);
}
addTest(function() {
$("#d1").testMouse("drag", 100, 0, nextTest);
});
addTest(function() {
$("#d2").testMouse("drag", 100, 0, nextTest);
});
var num = 0;
var addTest = function(fn) {
num += 1;
tests.push({
num: num,
fn: fn
});
}
var setupAndRun = function(nTest) {
$('#testnum').text(nTest.num);
$('#sandbox').hide().append('<div id="foo">' +
'<div class="msg-missing-class">THIS TEXT SHOULD NOT BE VISIBLE</div>' +
'<div class="msg-enabled">enabled</div>' +
'<div class="msg-disabled">disabled</div>' +
'</div>');
$('#foo').testMouse({
speed: speed,
complete: nextTest
});
$('#sandbox').show();
nTest.fn.apply(nTest.fn);
}
var teardown = function(fn) {
$('#sandbox').hide();
$('#foo').remove();
if ($.isFunction(fn)) fn.apply();
}
//1
addTest(function() { $("#foo").draggable().testMouse("drag", 100, 100); });
//2
addTest(function() { $("#foo").draggable({ disabled: true }).testMouse("drag", 100, 100); });
addTest(function() { $("#foo").draggable({ disabled: false }).testMouse("drag", 100, 100); });
//4
addTest(function() { $("#foo").draggable().draggable('disable').testMouse("drag", 100, 100); });
addTest(function() { $("#foo").draggable().draggable('enable').testMouse("drag", 100, 100); });
//6
addTest(function() { $("#foo").draggable().draggable('enable').draggable('disable').testMouse("drag", 100, 100); });
addTest(function() { $("#foo").draggable().draggable('disable').draggable('enable').testMouse("drag", 100, 100); });
//8
addTest(function() { $("#foo").draggable({ disabled: false }).draggable('disable').testMouse("drag", 100, 100); });
addTest(function() { $("#foo").draggable({ disabled: true }).draggable('enable').testMouse("drag", 100, 100); });
addTest(function() {
$("#d3").testMouse("drag", 100, 0, nextTest);
});
$('#begin').click(function(e) {
$('#begin').click(function() {
start();
});
@ -77,20 +114,18 @@ $(function() {
<h1>jQuery UI Draggable - Automated Test</h1>
Status: <span id="status">Ready</span>
<div>
Status: <span id="status">Ready</span>
</div>
<div>
Test: <span id="testnum"></span>
</div>
<div style="height: 3em;"><button id="begin">Run Test</button></div>
<div class="drag" id="d1">
Drag 1
</div>
<div class="drag" id="d2">
Drag 2
</div>
<div class="drag" id="d3">
Drag 3
<div id="sandbox">
</div>
</div>

21
ui/tests/ui.testmouse.js
View File

@ -8,17 +8,18 @@
* Revision: $Id: $
*/
;(function($) {
var mouseX = 0;
var mouseY = 0;
$.widget("ui.testMouse", {
mouseX: 0,
mouseY: 0,
trackMouse: function() {},
init: function() {
var self = this;
this.trackMouse = function(e) {
if (e.isTrusted !== false) {
self.mouseX = e.pageX;
self.mouseY = e.pageY;
mouseX = e.pageX;
mouseY = e.pageY;
}
}
$(document).bind("mousemove", this.trackMouse);
@ -67,7 +68,7 @@
up: function(x, y) {
this.dispatch("mouseup", x, y);
},
drag: function(dx, dy, complete) {
drag: function(dx, dy) {
var self = this;
var center = this.center();
@ -107,8 +108,8 @@
var testStart = function() {
self.element.bind("mouseover", updateCursor).bind("mouseout", resetCursor);
fakemouse.appendTo('body').css({ position: 'absolute', left: self.mouseX, top: self.mouseY, zIndex: 5000 });
realmouse.appendTo('body').css({ position: 'absolute', left: self.mouseX, top: self.mouseY, zIndex: 5000, opacity: 0.1 });
fakemouse.appendTo('body').css({ position: 'absolute', left: mouseX, top: mouseY, zIndex: 5000 });
realmouse.appendTo('body').css({ position: 'absolute', left: mouseX, top: mouseY, zIndex: 5000, opacity: 0.1 });
mousescreen.appendTo('body').css({ width: '100%', height: '100%', position: 'absolute', top: 0, left: 0, zIndex: 5000 })
.mousemove(function(e) { realmouse.css({ left: e.pageX, top: e.pageY }); return false; })
.mousedown(function() { return false; })
@ -119,11 +120,11 @@
var testStop = function() {
self.element.unbind("mouseover", updateCursor).unbind("mouseout", resetCursor);
mousescreen.remove();
self.mouseX = realmouse.css("left");
self.mouseY = realmouse.css("top");
mouseX = realmouse.css("left");
mouseY = realmouse.css("top");
realmouse.remove();
fakemouse.remove();
($.isFunction(complete) && complete.apply());
self.options.complete.apply();
}
testStart();