dom.html revision 03f9aefec605c500b64625110a955e65b900b100
893N/A<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
893N/A<html>
893N/A<head>
893N/A <title>YUI DOM Event Tests</title>
893N/A</head>
893N/A<body class="yui3-skin-sam">
893N/A <div id="doc">
893N/A
893N/A <div id="clickcontainer">
893N/A <p id="clicker1" class="clickers"><a id='clicka'>click1</a></p>
893N/A <p id="clicker2" class="clickers">click2</p>
893N/A </div>
893N/A
893N/A </div>
893N/A <!-- YUI3 Core //-->
893N/A <script type="text/javascript" src="/build/yui/yui-debug.js"></script>
893N/A <!-- Initialization process //-->
893N/A <script type="text/javascript">
893N/A YUI({
893N/A //filter: 'debug',
893N/A logExclude: {
893N/A yui:true, get: true, 'selector-native': true, loader: true,
893N/A Dom: true, Selector: true, Node: true, attribute: true, base: true, widget: true}
893N/A }).use('console', 'test', 'node', 'event-simulate', function (Y) {
1541N/A
893N/A // creating the console...
893N/A (new Y.Console()).render();
893N/A
893N/A // starting the testing process
893N/A
893N/A // add the test cases and suites
1541N/A Y.Test.Runner.add(new Y.Test.Case({
893N/A
893N/A name: "DOM Event Tests",
893N/A
893N/A test_on_with_string: function() {
893N/A
893N/A var clicked = false,
893N/A context,
893N/A ex1,
893N/A ex2,
893N/A obj = {
1319N/A a: 1
1319N/A };
1319N/A
1319N/A Y.on('click', function(e, extra1, extra2) {
1319N/A clicked = true;
1319N/A context = this;
1319N/A ex1 = extra1;
1319N/A ex2 = extra2;
1319N/A }, '#clickcontainer', obj, 2, 3);
1319N/A
1319N/A Y.Event.simulate(document.getElementById('clickcontainer'), 'click');
1319N/A
1319N/A Y.Assert.isTrue(clicked, "click handler via Y.on didn't work when passed a string.");
1319N/A Y.Assert.areEqual(1, context.a, "context didn't work");
1319N/A Y.Assert.areEqual(2, ex1, "extra arg1 didn't work");
1319N/A Y.Assert.areEqual(3, ex2, "extra arg2 didn't work");
1319N/A },
1319N/A
1319N/A test_on_with_node: function() {
1319N/A
1319N/A var clicked = false,
1319N/A context,
1319N/A ex1,
1319N/A ex2,
1319N/A obj = {
1319N/A a: 1
1319N/A },
1319N/A node = Y.get('#clickcontainer');
1319N/A
1319N/A Y.on('click', function(e, extra1, extra2) {
1319N/A clicked = true;
1319N/A context = this;
1319N/A ex1 = extra1;
1319N/A ex2 = extra2;
1319N/A }, node, obj, 2, 3);
1319N/A
1319N/A Y.Event.simulate(document.getElementById('clickcontainer'), 'click');
893N/A
893N/A Y.Assert.isTrue(clicked, "click handler via Y.on didn't work when passed a node.");
893N/A Y.Assert.areEqual(1, context.a, "context didn't work");
893N/A Y.Assert.areEqual(2, ex1, "extra arg1 didn't work");
893N/A Y.Assert.areEqual(3, ex2, "extra arg2 didn't work");
893N/A },
893N/A
893N/A test_node_on: function() {
893N/A
893N/A var clicked = false,
893N/A context,
893N/A ex1,
893N/A ex2,
893N/A obj = {
893N/A a: 1
893N/A },
893N/A node = Y.get('#clickcontainer');
893N/A
893N/A node.on('click', function(e, extra1, extra2) {
893N/A clicked = true;
893N/A context = this;
893N/A ex1 = extra1;
893N/A ex2 = extra2;
893N/A }, obj, 2, 3);
893N/A
893N/A Y.Event.simulate(document.getElementById('clickcontainer'), 'click');
893N/A
893N/A Y.Assert.isTrue(clicked, "click handler didn't work");
893N/A Y.Assert.areEqual(1, context.a, "context didn't work");
893N/A Y.Assert.areEqual(2, ex1, "extra arg1 didn't work");
893N/A Y.Assert.areEqual(3, ex2, "extra arg2 didn't work");
893N/A },
893N/A
893N/A test_node_detachall: function() {
893N/A
893N/A var clicked = false, overed = false,
893N/A node = Y.get('#clickcontainer');
1541N/A
1541N/A node.on('click', function(e, extra1, extra2) {
1541N/A clicked = true;
1541N/A });
1541N/A
1541N/A node.on('mouseover', function(e, extra1, extra2) {
1541N/A overed = true;
1541N/A });
1541N/A
1541N/A node.detachAll();
1541N/A
1541N/A Y.Event.simulate(document.getElementById('clickcontainer'), 'click');
1541N/A
1541N/A Y.Assert.isFalse(clicked, "click handler was not removed");
1541N/A Y.Assert.isFalse(overed, "mouseover handler was not removed");
1541N/A },
1541N/A
1541N/A test_nodelist_on: function() {
1541N/A
1541N/A var clicked = 0,
1541N/A context,
1541N/A ex1,
1541N/A ex2,
1541N/A obj = {
893N/A a: 1
893N/A },
nodelist = Y.all('.clickers');
nodelist.on('click', function(e, extra1, extra2) {
clicked++;
context = this;
ex1 = extra1;
ex2 = extra2;
}, obj, 2, 3);
Y.Event.simulate(document.getElementById('clicker1'), 'click');
Y.Assert.areEqual(1, clicked, "click handler didn't work");
Y.Assert.areEqual(1, context.a, "context didn't work");
Y.Assert.areEqual(2, ex1, "extra arg1 didn't work"); // bug #2528155
Y.Assert.areEqual(3, ex2, "extra arg2 didn't work"); // bug #2528155
Y.Event.simulate(document.getElementById('clicker2'), 'click');
Y.Assert.areEqual(2, clicked, "click handler didn't work");
Y.Assert.areEqual(1, context.a, "context didn't work");
Y.Assert.areEqual(2, ex1, "extra arg1 didn't work"); // bug #2528155
Y.Assert.areEqual(3, ex2, "extra arg2 didn't work"); // bug #2528155
},
test_y_on_with_nodelist: function() {
var clicked = 0,
context,
ex1,
ex2,
obj = {
a: 1
},
nodelist = Y.all('.clickers');
Y.on('click', function(e, extra1, extra2) {
clicked++;
context = this;
ex1 = extra1;
ex2 = extra2;
}, nodelist, obj, 2, 3);
Y.Event.simulate(document.getElementById('clicker1'), 'click');
Y.Assert.areEqual(1, clicked, "click handler didn't work");
Y.Assert.areEqual(1, context.a, "context didn't work");
Y.Assert.areEqual(2, ex1, "extra arg1 didn't work");
Y.Assert.areEqual(3, ex2, "extra arg2 didn't work");
Y.Event.simulate(document.getElementById('clicker2'), 'click');
Y.Assert.areEqual(2, clicked, "click handler didn't work");
Y.Assert.areEqual(1, context.a, "context didn't work");
Y.Assert.areEqual(2, ex1, "extra arg1 didn't work");
Y.Assert.areEqual(3, ex2, "extra arg2 didn't work");
},
test_y_detach_with_nodelist: function() {
var clicked = 0,
context,
ex1,
ex2,
obj = {
a: 1
},
nodelist = Y.all('.clickers'),
fn = function(e, extra1, extra2) {
clicked++;
context = this;
ex1 = extra1;
ex2 = extra2;
} ;
Y.on('click', fn, nodelist, obj, 2, 3);
Y.Event.simulate(document.getElementById('clicker1'), 'click');
Y.Assert.areEqual(1, clicked, "click handler didn't work");
Y.Assert.areEqual(1, context.a, "context didn't work");
Y.Assert.areEqual(2, ex1, "extra arg1 didn't work");
Y.Assert.areEqual(3, ex2, "extra arg2 didn't work");
Y.detach('click', fn, nodelist);
Y.Event.simulate(document.getElementById('clicker2'), 'click');
Y.Assert.areEqual(1, clicked, "click handler wasn't removed");
},
test_y_detach_with_array: function() {
var clicked = 0,
context,
ex1,
ex2,
obj = {
a: 1
},
arrayofselectors = ['#clicker1', '#clicker2'];
fn = function(e, extra1, extra2) {
clicked++;
context = this;
ex1 = extra1;
ex2 = extra2;
} ;
Y.on('click', fn, arrayofselectors, obj, 2, 3);
Y.Event.simulate(document.getElementById('clicker1'), 'click');
Y.Assert.areEqual(1, clicked, "click handler didn't work");
Y.Assert.areEqual(1, context.a, "context didn't work");
Y.Assert.areEqual(2, ex1, "extra arg1 didn't work");
Y.Assert.areEqual(3, ex2, "extra arg2 didn't work");
Y.detach('click', fn, arrayofselectors);
Y.Event.simulate(document.getElementById('clicker2'), 'click');
Y.Assert.areEqual(1, clicked, "click handler wasn't removed");
},
test_y_on_with_selector_multiple_match: function() {
var clicked = 0,
context,
ex1,
ex2,
obj = {
a: 1
};
Y.on('click', function(e, extra1, extra2) {
clicked++;
context = this;
ex1 = extra1;
ex2 = extra2;
}, '.clickers', obj, 2, 3);
Y.Event.simulate(document.getElementById('clicker1'), 'click');
Y.Assert.areEqual(1, clicked, "click handler didn't work");
Y.Assert.areEqual(1, context.a, "context didn't work");
Y.Assert.areEqual(2, ex1, "extra arg1 didn't work");
Y.Assert.areEqual(3, ex2, "extra arg2 didn't work");
Y.Event.simulate(document.getElementById('clicker2'), 'click');
Y.Assert.areEqual(2, clicked, "click handler didn't work");
Y.Assert.areEqual(1, context.a, "context didn't work");
Y.Assert.areEqual(2, ex1, "extra arg1 didn't work");
Y.Assert.areEqual(3, ex2, "extra arg2 didn't work");
},
test_y_on_with_htmlelementcollection: function() {
var clicked = 0,
context,
ex1,
ex2,
obj = {
a: 1
};
Y.on('click', function(e, extra1, extra2) {
clicked++;
context = this;
ex1 = extra1;
ex2 = extra2;
}, document.getElementsByTagName('p'), obj, 2, 3);
Y.Event.simulate(document.getElementById('clicker1'), 'click');
Y.Assert.areEqual(1, clicked, "click handler didn't work");
Y.Assert.areEqual(1, context.a, "context didn't work");
Y.Assert.areEqual(2, ex1, "extra arg1 didn't work");
Y.Assert.areEqual(3, ex2, "extra arg2 didn't work");
Y.Event.simulate(document.getElementById('clicker2'), 'click');
Y.Assert.areEqual(2, clicked, "click handler didn't work");
Y.Assert.areEqual(1, context.a, "context didn't work");
Y.Assert.areEqual(2, ex1, "extra arg1 didn't work");
Y.Assert.areEqual(3, ex2, "extra arg2 didn't work");
},
test_y_on_empty_array: function() {
Y.on('click', function(e, extra1, extra2) {
//
}, []);
Y.Event.simulate(document.getElementById('clicker1'), 'click');
},
test_detach_by_sig: function() {
var clicked = 0,
context,
ex1,
ex2,
obj = {
a: 1
}, fn = function(e, extra1, extra2) {
clicked++;
context = this;
ex1 = extra1;
ex2 = extra2;
},
els = document.getElementsByTagName('p');
Y.on('click', fn, '#clicker1', obj, 2, 3);
Y.Event.simulate(document.getElementById('clicker1'), 'click');
Y.detach('click', fn, '#clicker1', obj, 2, 3);
Y.Event.simulate(document.getElementById('clicker1'), 'click');
Y.Assert.areEqual(1, clicked, "detach by signature was a failure");
Y.on('click', fn, '#clicker1');
Y.detach('click', fn, '#clicker1');
Y.Event.simulate(document.getElementById('clicker1'), 'click');
Y.Assert.areEqual(1, clicked, "detach by signature was a failure");
var node = Y.one("#clicker1");
node.on('click', fn);
node.detach('click', fn);
Y.Event.simulate(document.getElementById('clicker1'), 'click');
Y.Assert.areEqual(1, clicked, "detach by signature was a failure");
// Y.on('windowresize', fn);
// // unbind windowresize - THIS IS NOT WORKING
// Y.detach('windowresize', fn);
// Y.Event.simulate(window, 'resize');
// Y.Assert.areEqual(1, clicked, "detach by signature was a failure");
},
test_multi_detach: function() {
var clicked = 0,
context,
ex1,
ex2,
obj = {
a: 1
}, fn = function(e, extra1, extra2) {
clicked++;
context = this;
ex1 = extra1;
ex2 = extra2;
},
els = document.getElementsByTagName('p');
var handle = Y.on('click', fn, '.clickers', obj, 2, 3);
// Y.log(handle);
handle.detach();
Y.Event.simulate(document.getElementById('clicker1'), 'click');
Y.Event.simulate(document.getElementById('clicker2'), 'click');
Y.Assert.areEqual(0, clicked, "single detach handle for multiple listeners doesn't work.");
},
test_onavail_detach: function() {
var avail = 0,
handle = Y.on('available', function() {
avail++;
}, '#notthereyet'),
div = document.createElement("div");
div.id = 'notthereyet';
handle.detach();
document.body.appendChild(div);
this.wait(function() {
Y.Assert.areEqual(0, avail, "onavailable wasn't canceled.");
}, 300);
},
test_lazy_attach_detach: function() {
var avail = 0,
handle = Y.on('click', function() {
avail++;
}, '#notthereyet'),
div = document.createElement("div");
div.id = 'notthereyet';
document.body.appendChild(div);
this.wait(function() {
handle.detach();
Y.Event.simulate(document.getElementById('notthereyet'), 'click');
Y.Assert.areEqual(0, avail, "lazy detacher didn't work.");
}, 300);
},
test_purge: function() {
var a = 0,
b = 0
c = 0,
d = 0;
Y.on('click', function(e) {
a++;
}, '#clickcontainer');
Y.on('click', function(e) {
b++;
}, '#clicker1');
Y.on('click', function(e) {
c++;
}, '#clicker2');
Y.on('click', function(e) {
d++;
}, '#clicka');
Y.Event.simulate(document.getElementById('clicka'), 'click');
Y.Assert.areEqual(1, a);
Y.Assert.areEqual(1, b);
Y.Assert.areEqual(0, c);
Y.Assert.areEqual(1, d);
Y.Event.purgeElement('#clickcontainer', true, 'click');
Y.Event.simulate(document.getElementById('clicker1'), 'click');
Y.Event.simulate(document.getElementById('clicker2'), 'click');
Y.Event.simulate(document.getElementById('clickcontainer'), 'click');
Y.Event.simulate(document.getElementById('clicka'), 'click');
Y.Assert.areEqual(1, a);
Y.Assert.areEqual(1, b);
Y.Assert.areEqual(0, c);
Y.Assert.areEqual(1, d);
}
}));
//run all tests
Y.Test.Runner.run();
/* finishing the testing process */
});
</script>
</body>
</html>