index.html revision c8b61a25e72a46a8725ead6f5bbae7d00b502a33
<html>
<head>
<title>DragDrop Tests</title>
<style>
/* TO make sure the test will run in an iframe*/
#wrap {
width: 900px;
height: 600px;
border: 1px solid black;
position: relative;
}
#drag {
height: 100px;
width: 100px;
border: 1px solid black;
background-color: #ccc;
position: relative;
z-index: 1;
}
#drop {
position: absolute;
height: 200px;
width: 200px;
border: 1px solid black;
background-color: #ccc;
top: 10px;
right: 10px;
}
</style>
</head>
<body>
<div id="wrap">
<div id="drag"></div>
<div id="drop"></div>
</div>
</body>
<script type="text/javascript">
var dd_events = [
'drag:drag',
'drag:drophit',
'drag:end',
'drag:start',
'drag:enter',
'drag:over',
'drop:over',
'drop:enter',
'drop:hit'
],
moveCount = 728;
YUI({
base: '/build/',
logExclude: {
'YUI': true,
Event: true,
Base: true,
Attribute: true,
augment: true
}
}).use('dd', 'test', 'substitute', function(Y) {
_count = {};
_data = {
one: 1,
two: 2,
three: 3
};
_resetCount = function() {
Y.each(_count, function(v, k) {
_count[k] = 0;
});
};
var _handleCount = function(e) {
if (!_count[e.type]) {
_count[e.type] = 0;
}
_count[e.type]++;
};
template = {
setUp : function() {
},
tearDown : function() {
},
test_shim: function() {
var s = Y.DD.DDM._pg;
Y.Assert.isInstanceOf(Y.Node, s, 'Shim: Node Instance');
},
test_drag_setup: function() {
dd = new Y.DD.Drag({ node: '#drag', mode: 'intersect' });
Y.Assert.isInstanceOf(Y.DD.Drag, dd, 'dd: Drag Instance');
Y.Assert.isTrue(dd.get('node').hasClass('yui-dd-draggable'), 'dd: Drag Instance ClassName');
},
test_drag_add_handle: function() {
Y.Assert.isNull(dd._handles, 'dd: Handles NOT Null');
dd.set('handles', ['h2']);
Y.Assert.isObject(dd._handles, 'dd: Handles not an object');
Y.Assert.isTrue(dd._handles.h2, 'dd: Handles H2 not there');
dd.set('handles', false);
Y.Assert.isNull(dd._handles, 'dd: Handles NOT Null');
dd.addHandle('h2');
Y.Assert.isObject(dd._handles, 'dd: Handles not an object');
Y.Assert.isTrue(dd._handles.h2, 'dd: Handles H2 not there');
},
test_drag_setup_events: function() {
Y.each(dd_events, function(v) {
_count[v] = 0;
var handle = dd.on(v, _handleCount);
Y.Assert.isInstanceOf(Y.EventHandle, handle, 'drag:handle [' + v + ']: Handle Instance');
});
},
test_drop_setup: function() {
drop = new Y.DD.Drop({ node: '#drop', data: { one: 1, two: 2, three: 3 } });
Y.Assert.isInstanceOf(Y.DD.Drop, drop, 'drop: Drop Instance');
Y.Assert.isTrue(drop.get('node').hasClass('yui-dd-drop'), 'drop: Drop Instance ClassName');
},
test_drop_setup_events: function() {
Y.each(dd_events, function(v) {
var handle = drop.on(v, _handleCount);
Y.Assert.isInstanceOf(Y.EventHandle, handle, 'drop:handle [' + v + ']: Handle Instance');
});
},
test_drag_move: function() {
//_resetCount();
Y.DD.DDM._noShim = true;
dd._dragThreshMet = true;
dd._setStartPosition(dd.get('node').getXY());
Y.DD.DDM.activeDrag = dd;
dd.start();
for (var i = 0; i < moveCount; i++) {
}
dd.end();
dd._handleMouseUp();
Y.DD.DDM._noShim = false;
},
test_drag_destroy: function() {
dd.destroy();
},
test_proxy: function() {
_resetCount();
var p = Y.DD.DDM._proxy;
},
test_proxy_setup_events: function() {
});
},
test_proxy_move: function() {
_resetCount();
Y.DD.DDM._noShim = true;
proxy._dragThreshMet = true;
Y.DD.DDM.activeDrag = proxy;
proxy.start();
for (var i = 0; i < moveCount; i++) {
Y.DD.DDM._move({ pageX: i, pageY: 110 });
}
proxy.end();
proxy._handleMouseUp();
Y.DD.DDM._noShim = false;
Y.Assert.areSame(moveCount, _count['drag:drag'], 'drag:drag should fire ' + moveCount + ' times');
Y.Assert.areSame(1, _count['drag:drophit'], 'drag:drophit should fire 1 time');
Y.Assert.areSame(1, _count['drag:end'], 'drag:end should fire 1 time');
Y.Assert.areSame(1, _count['drag:start'], 'drag:start should fire 1 time');
Y.Assert.areSame(1, _count['drag:enter'], 'drag:enter should fire 1 time');
Y.Assert.areSame(30, _count['drag:over'], 'drag:over should fire 30 times');
Y.Assert.areSame(30, _count['drop:over'], 'drop:over should fire 30 times');
Y.Assert.areSame(1, _count['drop:enter'], 'drop:enter should fire 1 time');
Y.Assert.areSame(1, _count['drop:hit'], 'drop:hit should fire 1 time');
},
test_proxy_destroy: function() {
Y.Assert.isFalse(proxy.get('node').hasClass('yui-dd-draggable'), 'proxy: Drag Instance NO ClassName');
Y.Assert.isTrue(proxy.get('destroyed'), 'Proxy: Destroyed Attribute');
},
test_drop_destroy: function() {
drop.destroy();
Y.Assert.isFalse(drop.get('node').hasClass('yui-dd-drop'), 'Drop: Drop Instance NO ClassName');
Y.Assert.isTrue(drop.get('destroyed'), 'Drop: Destroyed Attribute');
}
};
Y.Test.Runner.add(new Y.Test.Case(template));
});
</script>
</html>