dom.html revision e69255aa5a65f8406ba2fabaf69fe4e1d05daf69
62d63e5f02a5e7fcda59cf361149e3d7c78477beEvan Hunt<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
62d63e5f02a5e7fcda59cf361149e3d7c78477beEvan Hunt<html>
62d63e5f02a5e7fcda59cf361149e3d7c78477beEvan Hunt<head>
72c86c105a7cf315036d7131a4ef408bc6227639Evan Hunt <title>YUI DOM Event Tests</title>
62d63e5f02a5e7fcda59cf361149e3d7c78477beEvan Hunt</head>
62d63e5f02a5e7fcda59cf361149e3d7c78477beEvan Hunt<body class="yui-skin-sam">
62d63e5f02a5e7fcda59cf361149e3d7c78477beEvan Hunt <div id="doc">
62d63e5f02a5e7fcda59cf361149e3d7c78477beEvan Hunt
72c86c105a7cf315036d7131a4ef408bc6227639Evan Hunt <div id="clickcontainer">
62d63e5f02a5e7fcda59cf361149e3d7c78477beEvan Hunt <div id="clicker1" class="clickers">click1</div>
62d63e5f02a5e7fcda59cf361149e3d7c78477beEvan Hunt <div id="clicker2" class="clickers">click2</div>
62d63e5f02a5e7fcda59cf361149e3d7c78477beEvan Hunt </div>
62d63e5f02a5e7fcda59cf361149e3d7c78477beEvan Hunt
62d63e5f02a5e7fcda59cf361149e3d7c78477beEvan Hunt </div>
62d63e5f02a5e7fcda59cf361149e3d7c78477beEvan Hunt <!-- YUI3 Core //-->
62d63e5f02a5e7fcda59cf361149e3d7c78477beEvan Hunt <script type="text/javascript" src="/build/yui/yui-debug.js"></script>
62d63e5f02a5e7fcda59cf361149e3d7c78477beEvan Hunt <!-- Initialization process //-->
62d63e5f02a5e7fcda59cf361149e3d7c78477beEvan Hunt <script type="text/javascript">
YUI({
base: "/build/",
filter: 'debug',
combine: false,
useConsole: true,
logExclude: {yui:true, get: true, loader: true, Dom: true, Selector: true, Node: true, attribute: true, base: true, event: true, widget: true}
}).use('console', 'test', 'node', 'event-simulate', function (Y) {
// creating the console...
(new Y.Console()).render();
// starting the testing process
// add the test cases and suites
Y.Test.Runner.add(new Y.Test.Case({
name: "DOM Event Tests",
test_on_with_string: function() {
var clicked = false,
context,
ex1,
ex2,
obj = {
a: 1
};
Y.on('click', function(e, extra1, extra2) {
clicked = true;
context = this;
ex1 = extra1;
ex2 = extra2;
}, '#clickcontainer', obj, 2, 3);
Y.Event.simulate(document.getElementById('clickcontainer'), 'click');
Y.Assert.isTrue(clicked, "click handler via Y.on didn't work when passed a string.");
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_on_with_node: function() {
var clicked = false,
context,
ex1,
ex2,
obj = {
a: 1
},
node = Y.get('#clickcontainer');
Y.on('click', function(e, extra1, extra2) {
clicked = true;
context = this;
ex1 = extra1;
ex2 = extra2;
}, node, obj, 2, 3);
Y.Event.simulate(document.getElementById('clickcontainer'), 'click');
Y.Assert.isTrue(clicked, "click handler via Y.on didn't work when passed a node.");
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_node_on: function() {
var clicked = false,
context,
ex1,
ex2,
obj = {
a: 1
},
node = Y.get('#clickcontainer');
node.on('click', function(e, extra1, extra2) {
clicked = true;
context = this;
ex1 = extra1;
ex2 = extra2;
}, obj, 2, 3);
Y.Event.simulate(document.getElementById('clickcontainer'), 'click');
Y.Assert.isTrue(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_nodelist_on: function() {
var clicked = 0,
context,
ex1,
ex2,
obj = {
a: 1
},
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"); // 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
}
}));
//run all tests
Y.Test.Runner.run();
/* finishing the testing process */
});
</script>
</body>
</html>