dom.html revision f841387cb4997959ecf710977b259b86f959ba48
49e558760e9c21a6b7c726ccf999a2711fd8eef9David Lawrence<!DOCTYPE html>
bf33eb0b522801792a6663b0360bc94b9e9b77c2Automatic Updater<html>
499b34cea04a46823d003d4c0520c8b03e8513cbBrian Wellington<head>
40f53fa8d9c6a4fc38c0014495e7a42b08f52481David Lawrence <title>YUI DOM Event Tests</title>
ec5347e2c775f027573ce5648b910361aa926c01Automatic Updater</head>
49e558760e9c21a6b7c726ccf999a2711fd8eef9David Lawrence<body class="yui3-skin-sam">
49e558760e9c21a6b7c726ccf999a2711fd8eef9David Lawrence <div id="doc">
40f53fa8d9c6a4fc38c0014495e7a42b08f52481David Lawrence
dafcb997e390efa4423883dafd100c975c4095d6Mark Andrews <div id="clickcontainer">
dafcb997e390efa4423883dafd100c975c4095d6Mark Andrews <p id="clicker1" class="clickers"><a id='clicka'>click1</a></p>
dafcb997e390efa4423883dafd100c975c4095d6Mark Andrews <p id="clicker2" class="clickers">click2</p>
dafcb997e390efa4423883dafd100c975c4095d6Mark Andrews </div>
dafcb997e390efa4423883dafd100c975c4095d6Mark Andrews
dafcb997e390efa4423883dafd100c975c4095d6Mark Andrews </div>
dafcb997e390efa4423883dafd100c975c4095d6Mark Andrews <!-- YUI3 Core //-->
49e558760e9c21a6b7c726ccf999a2711fd8eef9David Lawrence <script type="text/javascript" src="/build/yui/yui-debug.js"></script>
49e558760e9c21a6b7c726ccf999a2711fd8eef9David Lawrence <!-- Initialization process //-->
0874abad14e3e9ecfc3dc1a1a2b9969f2f027724Mark Andrews <script type="text/javascript">
49e558760e9c21a6b7c726ccf999a2711fd8eef9David Lawrence YUI({
ab023a65562e62b85a824509d829b6fad87e00b1Rob Austein filter: (window.location.search.match(/[?&]filter=([^&]+)/) || [])[1] || 'min',
ab023a65562e62b85a824509d829b6fad87e00b1Rob Austein allowRollup: false,
49e558760e9c21a6b7c726ccf999a2711fd8eef9David Lawrence lazyEventFacade: true,
1a69a1a78cfaa86f3b68bbc965232b7876d4da2aDavid Lawrence logExclude: {
1a69a1a78cfaa86f3b68bbc965232b7876d4da2aDavid Lawrence yui:true, get: true, 'selector-native': true, loader: true,
febf5f8b55abb2e6e840488a29a5ef4e20654f67David Lawrence Dom: true, Selector: true, Node: true, attribute: true, base: true, widget: true}
febf5f8b55abb2e6e840488a29a5ef4e20654f67David Lawrence }).use('console', 'test', 'node', 'event-simulate', function (Y) {
febf5f8b55abb2e6e840488a29a5ef4e20654f67David Lawrence
febf5f8b55abb2e6e840488a29a5ef4e20654f67David Lawrence // creating the console...
49e558760e9c21a6b7c726ccf999a2711fd8eef9David Lawrence (new Y.Console()).render();
431fb211db3cc59cb9b115e72526b83c76a2a082Bob Halley
49e558760e9c21a6b7c726ccf999a2711fd8eef9David Lawrence // starting the testing process
49e558760e9c21a6b7c726ccf999a2711fd8eef9David Lawrence
0c73b546ecfa49b9d1c8fdb9a48d4cd62176124aDavid Lawrence // add the test cases and suites
1a69a1a78cfaa86f3b68bbc965232b7876d4da2aDavid Lawrence Y.Test.Runner.add(new Y.Test.Case({
364a82f7c25b62967678027043425201a5e5171aBob Halley
49e558760e9c21a6b7c726ccf999a2711fd8eef9David Lawrence name: "DOM Event Tests",
0c73b546ecfa49b9d1c8fdb9a48d4cd62176124aDavid Lawrence
0c73b546ecfa49b9d1c8fdb9a48d4cd62176124aDavid Lawrence test_on_with_string: function() {
92ef1a9b9dbd48ecb507b42ac62c15afefdaf838David Lawrence
0c73b546ecfa49b9d1c8fdb9a48d4cd62176124aDavid Lawrence var clicked = false,
49e558760e9c21a6b7c726ccf999a2711fd8eef9David Lawrence context,
49e558760e9c21a6b7c726ccf999a2711fd8eef9David Lawrence ex1,
49e558760e9c21a6b7c726ccf999a2711fd8eef9David Lawrence ex2,
49e558760e9c21a6b7c726ccf999a2711fd8eef9David Lawrence obj = {
49e558760e9c21a6b7c726ccf999a2711fd8eef9David Lawrence a: 1
49e558760e9c21a6b7c726ccf999a2711fd8eef9David Lawrence },
49e558760e9c21a6b7c726ccf999a2711fd8eef9David Lawrence
49e558760e9c21a6b7c726ccf999a2711fd8eef9David Lawrence node = Y.one('#clickcontainer'),
49e558760e9c21a6b7c726ccf999a2711fd8eef9David Lawrence el = document.getElementById('clickcontainer');
49e558760e9c21a6b7c726ccf999a2711fd8eef9David Lawrence
49e558760e9c21a6b7c726ccf999a2711fd8eef9David Lawrence // el.attachEvent('click', function() {
49e558760e9c21a6b7c726ccf999a2711fd8eef9David Lawrence // console.log("IE click");
49e558760e9c21a6b7c726ccf999a2711fd8eef9David Lawrence // });
ab023a65562e62b85a824509d829b6fad87e00b1Rob Austein
ab023a65562e62b85a824509d829b6fad87e00b1Rob Austein // el.addEventListener('click', function() {
49e558760e9c21a6b7c726ccf999a2711fd8eef9David Lawrence // console.log("DOM2 click");
49e558760e9c21a6b7c726ccf999a2711fd8eef9David Lawrence // }, false);
49e558760e9c21a6b7c726ccf999a2711fd8eef9David Lawrence
0e1bef59f060f6442a93cb662b0313e8908500e1Bob Halley // el.onclick = function() {
03e200df5dc283f24a6a349f0b31d3eab26da893Mark Andrews // console.log('DOM0 click');
49e558760e9c21a6b7c726ccf999a2711fd8eef9David Lawrence // };
49e558760e9c21a6b7c726ccf999a2711fd8eef9David Lawrence
49e558760e9c21a6b7c726ccf999a2711fd8eef9David Lawrence
0e1bef59f060f6442a93cb662b0313e8908500e1Bob Halley Y.on('click', function(e, extra1, extra2) {
49e558760e9c21a6b7c726ccf999a2711fd8eef9David Lawrence clicked = true;
03e200df5dc283f24a6a349f0b31d3eab26da893Mark Andrews context = this;
03e200df5dc283f24a6a349f0b31d3eab26da893Mark Andrews ex1 = extra1;
03e200df5dc283f24a6a349f0b31d3eab26da893Mark Andrews ex2 = extra2;
03e200df5dc283f24a6a349f0b31d3eab26da893Mark Andrews }, '#clickcontainer', obj, 2, 3);
03e200df5dc283f24a6a349f0b31d3eab26da893Mark Andrews
03e200df5dc283f24a6a349f0b31d3eab26da893Mark Andrews
03e200df5dc283f24a6a349f0b31d3eab26da893Mark Andrews Y.Event.simulate(el, 'click');
03e200df5dc283f24a6a349f0b31d3eab26da893Mark Andrews
03e200df5dc283f24a6a349f0b31d3eab26da893Mark Andrews Y.Assert.isTrue(clicked, "click handler via Y.on didn't work when passed a string.");
03e200df5dc283f24a6a349f0b31d3eab26da893Mark Andrews Y.Assert.areEqual(1, context.a, "context didn't work");
03e200df5dc283f24a6a349f0b31d3eab26da893Mark Andrews Y.Assert.areEqual(2, ex1, "extra arg1 didn't work");
03e200df5dc283f24a6a349f0b31d3eab26da893Mark Andrews Y.Assert.areEqual(3, ex2, "extra arg2 didn't work");
03e200df5dc283f24a6a349f0b31d3eab26da893Mark Andrews },
03e200df5dc283f24a6a349f0b31d3eab26da893Mark Andrews
03e200df5dc283f24a6a349f0b31d3eab26da893Mark Andrews test_on_with_node: function() {
03e200df5dc283f24a6a349f0b31d3eab26da893Mark Andrews
0874abad14e3e9ecfc3dc1a1a2b9969f2f027724Mark Andrews var clicked = false,
03e200df5dc283f24a6a349f0b31d3eab26da893Mark Andrews context,
49e558760e9c21a6b7c726ccf999a2711fd8eef9David Lawrence ex1,
49e558760e9c21a6b7c726ccf999a2711fd8eef9David Lawrence ex2,
49e558760e9c21a6b7c726ccf999a2711fd8eef9David Lawrence obj = {
49e558760e9c21a6b7c726ccf999a2711fd8eef9David Lawrence a: 1
49e558760e9c21a6b7c726ccf999a2711fd8eef9David Lawrence },
0c73b546ecfa49b9d1c8fdb9a48d4cd62176124aDavid Lawrence node = Y.one('#clickcontainer');
0c73b546ecfa49b9d1c8fdb9a48d4cd62176124aDavid Lawrence
49e558760e9c21a6b7c726ccf999a2711fd8eef9David Lawrence Y.on('click', function(e, extra1, extra2) {
49e558760e9c21a6b7c726ccf999a2711fd8eef9David Lawrence clicked = true;
49e558760e9c21a6b7c726ccf999a2711fd8eef9David Lawrence context = this;
49e558760e9c21a6b7c726ccf999a2711fd8eef9David Lawrence ex1 = extra1;
ab023a65562e62b85a824509d829b6fad87e00b1Rob Austein ex2 = extra2;
f8f8a5b3a33f581c6e209c7ded8168e7acc73dfbAutomatic Updater }, node, obj, 2, 3);
ab023a65562e62b85a824509d829b6fad87e00b1Rob Austein
ab023a65562e62b85a824509d829b6fad87e00b1Rob Austein Y.Event.simulate(document.getElementById('clickcontainer'), 'click');
49e558760e9c21a6b7c726ccf999a2711fd8eef9David Lawrence
49e558760e9c21a6b7c726ccf999a2711fd8eef9David Lawrence Y.Assert.isTrue(clicked, "click handler via Y.on didn't work when passed a node.");
49e558760e9c21a6b7c726ccf999a2711fd8eef9David Lawrence Y.Assert.areEqual(1, context.a, "context didn't work");
49e558760e9c21a6b7c726ccf999a2711fd8eef9David Lawrence Y.Assert.areEqual(2, ex1, "extra arg1 didn't work");
49e558760e9c21a6b7c726ccf999a2711fd8eef9David Lawrence Y.Assert.areEqual(3, ex2, "extra arg2 didn't work");
49e558760e9c21a6b7c726ccf999a2711fd8eef9David Lawrence },
49e558760e9c21a6b7c726ccf999a2711fd8eef9David Lawrence
49e558760e9c21a6b7c726ccf999a2711fd8eef9David Lawrence test_node_on: function() {
49e558760e9c21a6b7c726ccf999a2711fd8eef9David Lawrence
49e558760e9c21a6b7c726ccf999a2711fd8eef9David Lawrence var clicked = false,
49e558760e9c21a6b7c726ccf999a2711fd8eef9David Lawrence context,
49e558760e9c21a6b7c726ccf999a2711fd8eef9David Lawrence ex1,
49e558760e9c21a6b7c726ccf999a2711fd8eef9David Lawrence ex2,
49e558760e9c21a6b7c726ccf999a2711fd8eef9David Lawrence obj = {
49e558760e9c21a6b7c726ccf999a2711fd8eef9David Lawrence a: 1
49e558760e9c21a6b7c726ccf999a2711fd8eef9David Lawrence },
49e558760e9c21a6b7c726ccf999a2711fd8eef9David Lawrence node = Y.one('#clickcontainer');
49e558760e9c21a6b7c726ccf999a2711fd8eef9David Lawrence
40f53fa8d9c6a4fc38c0014495e7a42b08f52481David Lawrence node.on('click', function(e, extra1, extra2) {
49e558760e9c21a6b7c726ccf999a2711fd8eef9David Lawrence clicked = true;
0307846c714477583e4e377a915829e5afe2ef38David Lawrence context = this;
0307846c714477583e4e377a915829e5afe2ef38David Lawrence ex1 = extra1;
49e558760e9c21a6b7c726ccf999a2711fd8eef9David Lawrence ex2 = extra2;
49e558760e9c21a6b7c726ccf999a2711fd8eef9David Lawrence }, obj, 2, 3);
1c333c1415bd537463983f046100d170228590ddDavid Lawrence
1c333c1415bd537463983f046100d170228590ddDavid Lawrence Y.Event.simulate(document.getElementById('clickcontainer'), 'click');
1c333c1415bd537463983f046100d170228590ddDavid Lawrence
1c333c1415bd537463983f046100d170228590ddDavid Lawrence Y.Assert.isTrue(clicked, "click handler didn't work");
1c333c1415bd537463983f046100d170228590ddDavid Lawrence Y.Assert.areEqual(1, context.a, "context didn't work");
49e558760e9c21a6b7c726ccf999a2711fd8eef9David Lawrence Y.Assert.areEqual(2, ex1, "extra arg1 didn't work");
49e558760e9c21a6b7c726ccf999a2711fd8eef9David Lawrence Y.Assert.areEqual(3, ex2, "extra arg2 didn't work");
49e558760e9c21a6b7c726ccf999a2711fd8eef9David Lawrence },
49e558760e9c21a6b7c726ccf999a2711fd8eef9David Lawrence
ab023a65562e62b85a824509d829b6fad87e00b1Rob Austein test_node_detachall: function() {
ab023a65562e62b85a824509d829b6fad87e00b1Rob Austein
49e558760e9c21a6b7c726ccf999a2711fd8eef9David Lawrence var clicked = false, overed = false,
49e558760e9c21a6b7c726ccf999a2711fd8eef9David Lawrence node = Y.one('#clickcontainer');
49e558760e9c21a6b7c726ccf999a2711fd8eef9David Lawrence
49e558760e9c21a6b7c726ccf999a2711fd8eef9David Lawrence node.on('click', function(e, extra1, extra2) {
49e558760e9c21a6b7c726ccf999a2711fd8eef9David Lawrence clicked = true;
0e1bef59f060f6442a93cb662b0313e8908500e1Bob Halley });
49e558760e9c21a6b7c726ccf999a2711fd8eef9David Lawrence
49e558760e9c21a6b7c726ccf999a2711fd8eef9David Lawrence node.on('mouseover', function(e, extra1, extra2) {
49e558760e9c21a6b7c726ccf999a2711fd8eef9David Lawrence overed = true;
ab023a65562e62b85a824509d829b6fad87e00b1Rob Austein });
ab023a65562e62b85a824509d829b6fad87e00b1Rob Austein
49e558760e9c21a6b7c726ccf999a2711fd8eef9David Lawrence node.detachAll();
49e558760e9c21a6b7c726ccf999a2711fd8eef9David Lawrence
49e558760e9c21a6b7c726ccf999a2711fd8eef9David Lawrence Y.Event.simulate(document.getElementById('clickcontainer'), 'click');
49e558760e9c21a6b7c726ccf999a2711fd8eef9David Lawrence
49e558760e9c21a6b7c726ccf999a2711fd8eef9David Lawrence Y.Assert.isFalse(clicked, "click handler was not removed");
49e558760e9c21a6b7c726ccf999a2711fd8eef9David Lawrence Y.Assert.isFalse(overed, "mouseover handler was not removed");
49e558760e9c21a6b7c726ccf999a2711fd8eef9David Lawrence },
49e558760e9c21a6b7c726ccf999a2711fd8eef9David Lawrence
49e558760e9c21a6b7c726ccf999a2711fd8eef9David Lawrence test_nodelist_on: function() {
0e1bef59f060f6442a93cb662b0313e8908500e1Bob Halley
0e1bef59f060f6442a93cb662b0313e8908500e1Bob Halley var clicked = 0,
0e1bef59f060f6442a93cb662b0313e8908500e1Bob Halley context,
ab023a65562e62b85a824509d829b6fad87e00b1Rob Austein ex1,
ab023a65562e62b85a824509d829b6fad87e00b1Rob Austein ex2,
0e1bef59f060f6442a93cb662b0313e8908500e1Bob Halley obj = {
0e1bef59f060f6442a93cb662b0313e8908500e1Bob Halley a: 1
0e1bef59f060f6442a93cb662b0313e8908500e1Bob Halley },
0e1bef59f060f6442a93cb662b0313e8908500e1Bob Halley nodelist = Y.all('.clickers');
0c73b546ecfa49b9d1c8fdb9a48d4cd62176124aDavid Lawrence
0c73b546ecfa49b9d1c8fdb9a48d4cd62176124aDavid Lawrence nodelist.on('click', function(e, extra1, extra2) {
0e1bef59f060f6442a93cb662b0313e8908500e1Bob Halley clicked++;
0e1bef59f060f6442a93cb662b0313e8908500e1Bob Halley context = this;
0e1bef59f060f6442a93cb662b0313e8908500e1Bob Halley ex1 = extra1;
febf5f8b55abb2e6e840488a29a5ef4e20654f67David Lawrence ex2 = extra2;
fd50497bbea156911c10ab2cc5a932c30eb709a5Mark Andrews }, obj, 2, 3);
fd50497bbea156911c10ab2cc5a932c30eb709a5Mark Andrews
fd50497bbea156911c10ab2cc5a932c30eb709a5Mark Andrews Y.Event.simulate(document.getElementById('clicker1'), 'click');
fd50497bbea156911c10ab2cc5a932c30eb709a5Mark Andrews
fd50497bbea156911c10ab2cc5a932c30eb709a5Mark Andrews Y.Assert.areEqual(1, clicked, "click handler didn't work");
9935447b51456f598b45246d0114b8006049244dMark Andrews Y.Assert.areEqual(1, context.a, "context didn't work");
e502b133d630bda0ee64c1e2ce6729d96750d8abMark Andrews Y.Assert.areEqual(2, ex1, "extra arg1 didn't work"); // bug #2528155
fd50497bbea156911c10ab2cc5a932c30eb709a5Mark Andrews Y.Assert.areEqual(3, ex2, "extra arg2 didn't work"); // bug #2528155
fd50497bbea156911c10ab2cc5a932c30eb709a5Mark Andrews
fd50497bbea156911c10ab2cc5a932c30eb709a5Mark Andrews Y.Event.simulate(document.getElementById('clicker2'), 'click');
9935447b51456f598b45246d0114b8006049244dMark Andrews
9935447b51456f598b45246d0114b8006049244dMark Andrews Y.Assert.areEqual(2, clicked, "click handler didn't work");
9935447b51456f598b45246d0114b8006049244dMark Andrews Y.Assert.areEqual(1, context.a, "context didn't work");
fd50497bbea156911c10ab2cc5a932c30eb709a5Mark Andrews Y.Assert.areEqual(2, ex1, "extra arg1 didn't work"); // bug #2528155
fd50497bbea156911c10ab2cc5a932c30eb709a5Mark Andrews Y.Assert.areEqual(3, ex2, "extra arg2 didn't work"); // bug #2528155
febf5f8b55abb2e6e840488a29a5ef4e20654f67David Lawrence },
febf5f8b55abb2e6e840488a29a5ef4e20654f67David Lawrence
febf5f8b55abb2e6e840488a29a5ef4e20654f67David Lawrence test_y_on_with_nodelist: function() {
febf5f8b55abb2e6e840488a29a5ef4e20654f67David Lawrence
febf5f8b55abb2e6e840488a29a5ef4e20654f67David Lawrence var clicked = 0,
febf5f8b55abb2e6e840488a29a5ef4e20654f67David Lawrence context,
febf5f8b55abb2e6e840488a29a5ef4e20654f67David Lawrence ex1,
febf5f8b55abb2e6e840488a29a5ef4e20654f67David Lawrence ex2,
febf5f8b55abb2e6e840488a29a5ef4e20654f67David Lawrence obj = {
febf5f8b55abb2e6e840488a29a5ef4e20654f67David Lawrence a: 1
ab023a65562e62b85a824509d829b6fad87e00b1Rob Austein },
ab023a65562e62b85a824509d829b6fad87e00b1Rob Austein nodelist = Y.all('.clickers');
febf5f8b55abb2e6e840488a29a5ef4e20654f67David Lawrence
febf5f8b55abb2e6e840488a29a5ef4e20654f67David Lawrence Y.on('click', function(e, extra1, extra2) {
febf5f8b55abb2e6e840488a29a5ef4e20654f67David Lawrence clicked++;
febf5f8b55abb2e6e840488a29a5ef4e20654f67David Lawrence context = this;
febf5f8b55abb2e6e840488a29a5ef4e20654f67David Lawrence ex1 = extra1;
febf5f8b55abb2e6e840488a29a5ef4e20654f67David Lawrence ex2 = extra2;
febf5f8b55abb2e6e840488a29a5ef4e20654f67David Lawrence }, nodelist, obj, 2, 3);
febf5f8b55abb2e6e840488a29a5ef4e20654f67David Lawrence
febf5f8b55abb2e6e840488a29a5ef4e20654f67David Lawrence Y.Event.simulate(document.getElementById('clicker1'), 'click');
febf5f8b55abb2e6e840488a29a5ef4e20654f67David Lawrence
febf5f8b55abb2e6e840488a29a5ef4e20654f67David Lawrence Y.Assert.areEqual(1, clicked, "click handler didn't work");
febf5f8b55abb2e6e840488a29a5ef4e20654f67David Lawrence Y.Assert.areEqual(1, context.a, "context didn't work");
febf5f8b55abb2e6e840488a29a5ef4e20654f67David Lawrence Y.Assert.areEqual(2, ex1, "extra arg1 didn't work");
febf5f8b55abb2e6e840488a29a5ef4e20654f67David Lawrence Y.Assert.areEqual(3, ex2, "extra arg2 didn't work");
febf5f8b55abb2e6e840488a29a5ef4e20654f67David Lawrence
febf5f8b55abb2e6e840488a29a5ef4e20654f67David Lawrence Y.Event.simulate(document.getElementById('clicker2'), 'click');
febf5f8b55abb2e6e840488a29a5ef4e20654f67David Lawrence
febf5f8b55abb2e6e840488a29a5ef4e20654f67David Lawrence Y.Assert.areEqual(2, clicked, "click handler didn't work");
febf5f8b55abb2e6e840488a29a5ef4e20654f67David Lawrence Y.Assert.areEqual(1, context.a, "context didn't work");
febf5f8b55abb2e6e840488a29a5ef4e20654f67David Lawrence Y.Assert.areEqual(2, ex1, "extra arg1 didn't work");
febf5f8b55abb2e6e840488a29a5ef4e20654f67David Lawrence Y.Assert.areEqual(3, ex2, "extra arg2 didn't work");
febf5f8b55abb2e6e840488a29a5ef4e20654f67David Lawrence },
febf5f8b55abb2e6e840488a29a5ef4e20654f67David Lawrence
450e48205fa8d7069efebd8426c5f7378fd3a907David Lawrence test_y_detach_with_nodelist: function() {
febf5f8b55abb2e6e840488a29a5ef4e20654f67David Lawrence
febf5f8b55abb2e6e840488a29a5ef4e20654f67David Lawrence var clicked = 0,
febf5f8b55abb2e6e840488a29a5ef4e20654f67David Lawrence context,
febf5f8b55abb2e6e840488a29a5ef4e20654f67David Lawrence ex1,
febf5f8b55abb2e6e840488a29a5ef4e20654f67David Lawrence ex2,
febf5f8b55abb2e6e840488a29a5ef4e20654f67David Lawrence obj = {
febf5f8b55abb2e6e840488a29a5ef4e20654f67David Lawrence a: 1
febf5f8b55abb2e6e840488a29a5ef4e20654f67David Lawrence },
febf5f8b55abb2e6e840488a29a5ef4e20654f67David Lawrence nodelist = Y.all('.clickers'),
febf5f8b55abb2e6e840488a29a5ef4e20654f67David Lawrence fn = function(e, extra1, extra2) {
febf5f8b55abb2e6e840488a29a5ef4e20654f67David Lawrence clicked++;
febf5f8b55abb2e6e840488a29a5ef4e20654f67David Lawrence context = this;
febf5f8b55abb2e6e840488a29a5ef4e20654f67David Lawrence ex1 = extra1;
febf5f8b55abb2e6e840488a29a5ef4e20654f67David Lawrence ex2 = extra2;
febf5f8b55abb2e6e840488a29a5ef4e20654f67David Lawrence } ;
febf5f8b55abb2e6e840488a29a5ef4e20654f67David Lawrence
febf5f8b55abb2e6e840488a29a5ef4e20654f67David Lawrence Y.on('click', fn, nodelist, obj, 2, 3);
febf5f8b55abb2e6e840488a29a5ef4e20654f67David Lawrence
febf5f8b55abb2e6e840488a29a5ef4e20654f67David Lawrence Y.Event.simulate(document.getElementById('clicker1'), 'click');
febf5f8b55abb2e6e840488a29a5ef4e20654f67David Lawrence
febf5f8b55abb2e6e840488a29a5ef4e20654f67David Lawrence Y.Assert.areEqual(1, clicked, "click handler didn't work");
febf5f8b55abb2e6e840488a29a5ef4e20654f67David Lawrence Y.Assert.areEqual(1, context.a, "context didn't work");
febf5f8b55abb2e6e840488a29a5ef4e20654f67David Lawrence Y.Assert.areEqual(2, ex1, "extra arg1 didn't work");
febf5f8b55abb2e6e840488a29a5ef4e20654f67David Lawrence Y.Assert.areEqual(3, ex2, "extra arg2 didn't work");
febf5f8b55abb2e6e840488a29a5ef4e20654f67David Lawrence
febf5f8b55abb2e6e840488a29a5ef4e20654f67David Lawrence Y.detach('click', fn, nodelist);
febf5f8b55abb2e6e840488a29a5ef4e20654f67David Lawrence
febf5f8b55abb2e6e840488a29a5ef4e20654f67David Lawrence Y.Event.simulate(document.getElementById('clicker2'), 'click');
febf5f8b55abb2e6e840488a29a5ef4e20654f67David Lawrence
febf5f8b55abb2e6e840488a29a5ef4e20654f67David Lawrence Y.Assert.areEqual(1, clicked, "click handler wasn't removed");
febf5f8b55abb2e6e840488a29a5ef4e20654f67David Lawrence },
febf5f8b55abb2e6e840488a29a5ef4e20654f67David Lawrence
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);
},
test_categories: function() {
var count = 0;
var list = Y.all('.clickers');
list.on('category|click', function(e) {
count++;
});
Y.Event.simulate(document.getElementById('clicker1'), 'click');
Y.Event.simulate(document.getElementById('clicker2'), 'click');
// @TODO FIX
// Y.all('.foo').detach('category|click');
list.detach('category|click');
Y.Assert.areEqual(2, count);
// Y.Event.simulate(document.getElementById('clicker1'), 'click');
// Y.Event.simulate(document.getElementById('clicker2'), 'click');
Y.Assert.areEqual(2, count);
},
"test left and right click, mouseup": function () {
var node = Y.one('#clicker1'),
el = node._node,
fired = {},
typePrefix = 'event:' + Y.stamp(el),
// cribbed from the event-base-ie.js conditional loading
imp = Y.config.doc.implementation,
testIE = !imp || !imp.hasFeature('Events', '2.0'),
handle;
// custom simulation because Y.Event.simulate attempts to
// correct e.button and doesn't accept e.which
function mouseEvent(type, config) {
var key = typePrefix + type,
wrapper = Y.Env.evt.dom_wrappers[key];
config.type = type;
config.target = el;
wrapper.fire(Y.Event.getEvent(config, el));
}
handle = node.on(['mouseup', 'click'], function (e) {
fired[e.type] = true;
Y.Assert.areSame(1, e.button);
Y.Assert.areSame(1, e.which);
});
// FF 5-, Chrome, Opera 11- left mouseup,click
mouseEvent('mouseup', { button: 0, which: 1 });
mouseEvent('click', { button: 0, which: 1 });
if (testIE) {
// IE 6 - 8 left click
mouseEvent('click', { button: 1 });
}
handle.detach();
Y.Assert.isTrue(fired.mouseup);
Y.Assert.isTrue(fired.click);
fired = {};
handle = node.on(['mouseup', 'click'], function (e) {
fired[e.type] = true;
Y.Assert.areSame(3, e.button);
Y.Assert.areSame(3, e.which);
});
// FF, Chrome, Opera, right mouseup
// Not simulating right 'click' because I can't get the
// event to be triggered manually
mouseEvent('mouseup', { button: 2, which: 3 });
if (testIE) {
// IE 6 - 8 left click
mouseEvent('mouseup', { button: 2 });
}
handle.detach();
Y.Assert.isTrue(fired.mouseup);
}
}));
//run all tests
Y.Test.Runner.run();
/* finishing the testing process */
});
</script>
</body>
</html>