379e0306e00b6f0add52f96907da048c03a9f2a1Todd Kloots <div id="mod-header" class="hd"><h3 class="title">H3 - Title</h3></div>
5889c2819167de6bb3c1d1a1e3a5e6af060e8a95Adam Moore <p>simple paragraph with a link <a href="#"id="firstlink">simple link</a></p>
5889c2819167de6bb3c1d1a1e3a5e6af060e8a95Adam Moore <p>another paragraph with a complex link <a href="#" id="secondlink"><strong>strong within link</strong><img alt="fake image" id="fakeimage" /> - complex <span id="spanwithinlink">link</span></a></p>
03fb873fb498b91f5def3bb608de5d01374f1e07Todd Kloots <li id="list-2-li-1"><em><em>Item One</em></em></li>
03fb873fb498b91f5def3bb608de5d01374f1e07Todd Kloots <li id="list-3-li-1"><em>Item Three - One</em></li>
843835871d7c3555ad4cbaf4a74edfbdd73c566cLuke Smith <li id="list-3-li-2"><em>Item Three - Two</em></li>
843835871d7c3555ad4cbaf4a74edfbdd73c566cLuke Smith <li id="list-3-li-3"><em>Item Three - Three</em></li>
03fb873fb498b91f5def3bb608de5d01374f1e07Todd Kloots <div id="div-1-1-1" class="div-c"><em>Item One</em></div>
03fb873fb498b91f5def3bb608de5d01374f1e07Todd Kloots <div id="div-1-2-1-1" class="div-c"><em>Item Two - Two</em></div>
d69a25328a811b474cc18569e7c6017f01441b78Luke Smith <p>Div B <em id="b2" class="remove">I'm a span!</em></p>
472cb5998fc636f7d3cb6e3780dba7986a75e912Luke Smith filter: (window.location.search.match(/[?&]filter=([^&]+)/) || [])[1] || 'min',
472cb5998fc636f7d3cb6e3780dba7986a75e912Luke Smith allowRollup: false,
45e6f13936658ddeb74bff8dde445a67419a1995Luke Smith lazyEventFacade: true,
cb4f4f79feb7498d1f3406b88fb62209e5f5a444Adam Moore logExclude: { Dom: true, Selector: true, Node: true, attribute: true, base: true, event: true, widget: true}
288cb1eb48cf1e1756380d500de92f74ac32ec60Luke Smith }).use('console', 'test', 'event', 'event-simulate', 'window-focus', function (Y) {
5923a4c5f9d5f357cd461ff95cb29475eecf8e3dLuke Smith var suite = new Y.Test.Suite("Delegate");
3215b14029b163463e7225627b6781e4a049f3d8Caridy // creating the console...
20abfc50d1764b9719bc040738ad7f68caff0f4fTodd Kloots (new Y.Console()).render();
2eff92f57a91f6814c032c57c474c61cadf70d42Luke Smith function click(id) {
2eff92f57a91f6814c032c57c474c61cadf70d42Luke Smith Y.Event.simulate(document.getElementById(id), 'click');
3215b14029b163463e7225627b6781e4a049f3d8Caridy // starting the testing process
3215b14029b163463e7225627b6781e4a049f3d8Caridy // add the test cases and suites
3215b14029b163463e7225627b6781e4a049f3d8Caridy name: "Event Delegate Tests",
f7e6d1f5238cf0d7efc4bef09f54305af12c08abLuke Smith test_simple_delegate_for_anchors: function() {
abf248eeaac94371535d800391168fff8d32bb44Adam Moore var foo = false, t, ct, boundEl;
c2e6a0e082fcb34905724d27cc7f6be467e1a6bcAdam Moore // the detach prefix broke when delegate from converted
c2e6a0e082fcb34905724d27cc7f6be467e1a6bcAdam Moore // from a custom event to a function (the function should
c2e6a0e082fcb34905724d27cc7f6be467e1a6bcAdam Moore // simply delegated to the custom event)
c2e6a0e082fcb34905724d27cc7f6be467e1a6bcAdam Moore // Y.delegate('foo|click', function(e) {
42a76975bee344dcbf51edcc380b921ef3251fb7Todd Kloots Y.delegate('click', function(e) {
3215b14029b163463e7225627b6781e4a049f3d8Caridy foo = true;
42a76975bee344dcbf51edcc380b921ef3251fb7Todd Kloots }, '#mod1', 'a');
2eff92f57a91f6814c032c57c474c61cadf70d42Luke Smith click('firstlink');
3215b14029b163463e7225627b6781e4a049f3d8Caridy Y.Assert.isTrue(foo, "simple delegation fails, mod1 should pickup the event and test target [firstlink]");
7b4d1363155303b5bfb852e5639b851bbd4dc255Luke Smith // Y.Assert.areEqual(t, Y.one('#firstlink'), "event delegate works but the target is an incorrect node, should be the matching node");
7b4d1363155303b5bfb852e5639b851bbd4dc255Luke Smith Y.Assert.areEqual(ct, Y.one('#firstlink'), "event delegate works but the currentTarget is an incorrect node, should be the matching node");
7b4d1363155303b5bfb852e5639b851bbd4dc255Luke Smith Y.Assert.areEqual(t, Y.one('#firstlink'), "event delegate works but the target is an incorrect node, should be the actual click target");
7b4d1363155303b5bfb852e5639b851bbd4dc255Luke Smith Y.Assert.areEqual(boundEl, Y.one('#mod1'), "event delegate works but the container property should be the bound element");
379e0306e00b6f0add52f96907da048c03a9f2a1Todd Kloots test_multiple_selectors: function () {
379e0306e00b6f0add52f96907da048c03a9f2a1Todd Kloots var foo = false, t, ct, boundEl;
42a76975bee344dcbf51edcc380b921ef3251fb7Todd Kloots Y.delegate('click', function(e) {
42a76975bee344dcbf51edcc380b921ef3251fb7Todd Kloots }, '#mod1', '.hd,.bd');
2eff92f57a91f6814c032c57c474c61cadf70d42Luke Smith click('mod-header');
7b4d1363155303b5bfb852e5639b851bbd4dc255Luke Smith Y.Assert.areEqual(ct, Y.one('#mod-header'), "event delegate works but the matched element is an incorrect node, should be the matching node");
2eff92f57a91f6814c032c57c474c61cadf70d42Luke Smith click('mod-body');
7b4d1363155303b5bfb852e5639b851bbd4dc255Luke Smith Y.Assert.areEqual(ct, Y.one('#mod-body'), "event delegate works but the matched element is an incorrect node, should be the matching node");
2eff92f57a91f6814c032c57c474c61cadf70d42Luke Smith test_filter_function: function () {
2eff92f57a91f6814c032c57c474c61cadf70d42Luke Smith var count = 0,
2eff92f57a91f6814c032c57c474c61cadf70d42Luke Smith handle = Y.delegate('click', function (e) {
2eff92f57a91f6814c032c57c474c61cadf70d42Luke Smith }, '#mod1', function (target, e) {
2eff92f57a91f6814c032c57c474c61cadf70d42Luke Smith return target.get('tagName').toLowerCase() === 'a';
2eff92f57a91f6814c032c57c474c61cadf70d42Luke Smith click('spanwithinlink');
2eff92f57a91f6814c032c57c474c61cadf70d42Luke Smith test_filter_function_for_focus: function () {
2eff92f57a91f6814c032c57c474c61cadf70d42Luke Smith var count = 0,
288cb1eb48cf1e1756380d500de92f74ac32ec60Luke Smith handle = Y.delegate('focus', function (e) {
288cb1eb48cf1e1756380d500de92f74ac32ec60Luke Smith }, '#mod1', function (target, e) {
288cb1eb48cf1e1756380d500de92f74ac32ec60Luke Smith return target.get('tagName').toLowerCase() === 'a';
288cb1eb48cf1e1756380d500de92f74ac32ec60Luke Smith Y.one('#spanwithinlink').focus();
288cb1eb48cf1e1756380d500de92f74ac32ec60Luke Smith Y.one('#fakeimage').focus();
288cb1eb48cf1e1756380d500de92f74ac32ec60Luke Smith Y.one('#secondlink').focus();
288cb1eb48cf1e1756380d500de92f74ac32ec60Luke Smith Y.log("Window is not focused. Can't properly test.",
288cb1eb48cf1e1756380d500de92f74ac32ec60Luke Smith "warn", "TestRunner");
379e0306e00b6f0add52f96907da048c03a9f2a1Todd Kloots test_document_as_container: function () {
379e0306e00b6f0add52f96907da048c03a9f2a1Todd Kloots var foo = false, t, ct, boundEl;
42a76975bee344dcbf51edcc380b921ef3251fb7Todd Kloots Y.delegate('click', function(e) {
7b4d1363155303b5bfb852e5639b851bbd4dc255Luke Smith }, Y.one('#mod1').get('ownerDocument'), 'a');
2eff92f57a91f6814c032c57c474c61cadf70d42Luke Smith click('firstlink');
379e0306e00b6f0add52f96907da048c03a9f2a1Todd Kloots Y.Assert.isTrue(foo, "simple delegation fails, mod1 should pickup the event and test target [firstlink]");
7b4d1363155303b5bfb852e5639b851bbd4dc255Luke Smith Y.Assert.areEqual(ct, Y.one('#firstlink'), "event delegate works but the currentTarget is an incorrect node, should be the matching node");
7b4d1363155303b5bfb852e5639b851bbd4dc255Luke Smith Y.Assert.areEqual(t, Y.one('#firstlink'), "event delegate works but the target is an incorrect node, should be the actual click target");
7b4d1363155303b5bfb852e5639b851bbd4dc255Luke Smith Y.Assert.areEqual(boundEl, Y.one('#mod1').get('ownerDocument'), "event delegate works but the container property should be the bound element");
3215b14029b163463e7225627b6781e4a049f3d8Caridy test_checking_delegation_target: function(){
abf248eeaac94371535d800391168fff8d32bb44Adam Moore var foo = false, t, ct, boundEl;
42a76975bee344dcbf51edcc380b921ef3251fb7Todd Kloots Y.delegate('click', function(e) {
3215b14029b163463e7225627b6781e4a049f3d8Caridy foo = true;
42a76975bee344dcbf51edcc380b921ef3251fb7Todd Kloots }, '#mod1', 'a');
2eff92f57a91f6814c032c57c474c61cadf70d42Luke Smith click('fakeimage');
3215b14029b163463e7225627b6781e4a049f3d8Caridy Y.Assert.isTrue(foo, "delegation fails for an image within an anchor, mod1 should pickup the event and test target [secondlink]");
3215b14029b163463e7225627b6781e4a049f3d8Caridy // in this case, the target should be the anchor, and not the image
7b4d1363155303b5bfb852e5639b851bbd4dc255Luke Smith // Y.Assert.areEqual(t, Y.one('#secondlink'), "event delegate works but the target is an incorrect node, should be the matching node");
abf248eeaac94371535d800391168fff8d32bb44Adam Moore // this has been changed. the target is unchanged, the anchor is
7b4d1363155303b5bfb852e5639b851bbd4dc255Luke Smith Y.Assert.areEqual(ct, Y.one('#secondlink'), "event delegate works but the currentTarget is an incorrect node, should be the matching node");
7b4d1363155303b5bfb852e5639b851bbd4dc255Luke Smith Y.Assert.areEqual(t, Y.one('#fakeimage'), "event delegate works but the target is an incorrect node, should be the actual click target");
7b4d1363155303b5bfb852e5639b851bbd4dc255Luke Smith Y.Assert.areEqual(boundEl, Y.one('#mod1'), "event delegate works but the container property should be the bound element");
3215b14029b163463e7225627b6781e4a049f3d8Caridy test_including_container_in_selector: function(){
3215b14029b163463e7225627b6781e4a049f3d8Caridy var foo = false, t;
42a76975bee344dcbf51edcc380b921ef3251fb7Todd Kloots Y.delegate('click', function(e) {
3215b14029b163463e7225627b6781e4a049f3d8Caridy foo = true;
42a76975bee344dcbf51edcc380b921ef3251fb7Todd Kloots }, '#mod1', '#mod1 a');
2eff92f57a91f6814c032c57c474c61cadf70d42Luke Smith click('firstlink');
3215b14029b163463e7225627b6781e4a049f3d8Caridy Y.Assert.isFalse(foo, "delegation fails, the container (specified in the on) can not be part of the selectors");
3215b14029b163463e7225627b6781e4a049f3d8Caridy test_targeting_container_without_selectors: function(){
3215b14029b163463e7225627b6781e4a049f3d8Caridy var foo = false, t;
42a76975bee344dcbf51edcc380b921ef3251fb7Todd Kloots Y.delegate('click', function(e) {
3215b14029b163463e7225627b6781e4a049f3d8Caridy foo = true;
42a76975bee344dcbf51edcc380b921ef3251fb7Todd Kloots }, '#mod1');
2eff92f57a91f6814c032c57c474c61cadf70d42Luke Smith click('firstlink');
3215b14029b163463e7225627b6781e4a049f3d8Caridy Y.Assert.isFalse(foo, "delegation fails, delegation without at least one selector should never trigger an event");
3215b14029b163463e7225627b6781e4a049f3d8Caridy test_multiple_selectors_one_match: function(){
3215b14029b163463e7225627b6781e4a049f3d8Caridy var foo = false, t;
42a76975bee344dcbf51edcc380b921ef3251fb7Todd Kloots Y.delegate('click', function(e) {
3215b14029b163463e7225627b6781e4a049f3d8Caridy foo = true;
42a76975bee344dcbf51edcc380b921ef3251fb7Todd Kloots }, '#mod1', 'a,a span');
2eff92f57a91f6814c032c57c474c61cadf70d42Luke Smith click('firstlink');
3215b14029b163463e7225627b6781e4a049f3d8Caridy Y.Assert.isTrue(foo, "multiple selectors fails, delegate should be able to match different selectors");
7b4d1363155303b5bfb852e5639b851bbd4dc255Luke Smith Y.Assert.areEqual(t, Y.one('#firstlink'), "event delegate works but the target is an incorrect node, should be the matching selector");
3215b14029b163463e7225627b6781e4a049f3d8Caridy test_multiple_delegate_matches: function(){
abf248eeaac94371535d800391168fff8d32bb44Adam Moore var foo1 = false, foo2 = false, t1, t2, ct1, ct2;
42a76975bee344dcbf51edcc380b921ef3251fb7Todd Kloots Y.delegate('click', function(e) {
3215b14029b163463e7225627b6781e4a049f3d8Caridy foo1 = true;
42a76975bee344dcbf51edcc380b921ef3251fb7Todd Kloots }, '#mod1', 'a');
42a76975bee344dcbf51edcc380b921ef3251fb7Todd Kloots Y.delegate('click', function(e) {
3215b14029b163463e7225627b6781e4a049f3d8Caridy foo2 = true;
42a76975bee344dcbf51edcc380b921ef3251fb7Todd Kloots }, '#mod1', 'a span');
2eff92f57a91f6814c032c57c474c61cadf70d42Luke Smith click('spanwithinlink');
3215b14029b163463e7225627b6781e4a049f3d8Caridy Y.Assert.isTrue(foo1, "first match fail, delegate should be able to match [a]");
762404fab9a26ffe78629af69b947a582b2ebf1aCaridy Y.Assert.isTrue(foo2, "second match fail, delegate should be able to match [a span]");
7b4d1363155303b5bfb852e5639b851bbd4dc255Luke Smith Y.Assert.areEqual(ct1, Y.one('#secondlink'), "event delegate works but the currentTarget is an incorrect node, should be the matching selector");
7b4d1363155303b5bfb852e5639b851bbd4dc255Luke Smith Y.Assert.areEqual(t1, Y.one('#spanwithinlink'), "event delegate works but the target is an incorrect node, should be the clicked node");
7b4d1363155303b5bfb852e5639b851bbd4dc255Luke Smith Y.Assert.areEqual(ct2, Y.one('#spanwithinlink'), "event delegate works but the target is an incorrect node, should be the matching selector");
7b4d1363155303b5bfb852e5639b851bbd4dc255Luke Smith Y.Assert.areEqual(t2, Y.one('#spanwithinlink'), "event delegate works but the target is an incorrect node, should be the clicked");
762404fab9a26ffe78629af69b947a582b2ebf1aCaridy test_bubble_up_after_delegate: function(){
7b4d1363155303b5bfb852e5639b851bbd4dc255Luke Smith var foo1 = false,
7b4d1363155303b5bfb852e5639b851bbd4dc255Luke Smith foo2 = false,
7b4d1363155303b5bfb852e5639b851bbd4dc255Luke Smith t1, t2, ct1, ct2, container1, container2, this1, this2;
42a76975bee344dcbf51edcc380b921ef3251fb7Todd Kloots Y.delegate('click', function(e) {
762404fab9a26ffe78629af69b947a582b2ebf1aCaridy foo1 = true;
7b4d1363155303b5bfb852e5639b851bbd4dc255Luke Smith this1 = this;
42a76975bee344dcbf51edcc380b921ef3251fb7Todd Kloots }, '#mod1', 'a');
762404fab9a26ffe78629af69b947a582b2ebf1aCaridy Y.on('click', function(e) {
762404fab9a26ffe78629af69b947a582b2ebf1aCaridy foo2 = true;
7b4d1363155303b5bfb852e5639b851bbd4dc255Luke Smith this2 = this;
762404fab9a26ffe78629af69b947a582b2ebf1aCaridy }, '#doc');
2eff92f57a91f6814c032c57c474c61cadf70d42Luke Smith click('spanwithinlink');
762404fab9a26ffe78629af69b947a582b2ebf1aCaridy Y.Assert.isTrue(foo1, "first match fail, delegate should be able to match [a]");
762404fab9a26ffe78629af69b947a582b2ebf1aCaridy Y.Assert.isTrue(foo2, "second match fail, the event doesn't bubble up after the delegate routine");
7b4d1363155303b5bfb852e5639b851bbd4dc255Luke Smith // Y.Assert.areEqual(t1, Y.one('#secondlink'), "event delegate works but the target is an incorrect node, should be the matching selector");
7b4d1363155303b5bfb852e5639b851bbd4dc255Luke Smith Y.Assert.areEqual(ct1, Y.one('#secondlink'), "event delegate works but the currentTarget is an incorrect node, should be the matching selector");
7b4d1363155303b5bfb852e5639b851bbd4dc255Luke Smith Y.Assert.areEqual(t1, Y.one('#spanwithinlink'), "event delegate works but the target is an incorrect node, should be the actual target");
7b4d1363155303b5bfb852e5639b851bbd4dc255Luke Smith Y.Assert.areEqual(t2, Y.one('#spanwithinlink'), "event delegate works but it doesn't restore e.target to the original value.");
762404fab9a26ffe78629af69b947a582b2ebf1aCaridy test_bubble_up_after_delegate_halt: function(){
762404fab9a26ffe78629af69b947a582b2ebf1aCaridy var foo1 = false, foo2 = false;
42a76975bee344dcbf51edcc380b921ef3251fb7Todd Kloots Y.delegate('click', function(e) {
762404fab9a26ffe78629af69b947a582b2ebf1aCaridy foo1 = true;
42a76975bee344dcbf51edcc380b921ef3251fb7Todd Kloots }, '#mod1', 'a');
762404fab9a26ffe78629af69b947a582b2ebf1aCaridy Y.on('click', function(e) {
762404fab9a26ffe78629af69b947a582b2ebf1aCaridy foo2 = true;
762404fab9a26ffe78629af69b947a582b2ebf1aCaridy }, '#doc');
2eff92f57a91f6814c032c57c474c61cadf70d42Luke Smith click('spanwithinlink');
762404fab9a26ffe78629af69b947a582b2ebf1aCaridy Y.Assert.isTrue(foo1, "first match fail, delegate should be able to match [a]");
762404fab9a26ffe78629af69b947a582b2ebf1aCaridy Y.Assert.isFalse(foo2, "the listener for 'doc' got executed, which means that e.halt fails during the delegate routine");
03fb873fb498b91f5def3bb608de5d01374f1e07Todd Kloots test_direct_descendant_combinator: function () {
03fb873fb498b91f5def3bb608de5d01374f1e07Todd Kloots var matchID = null;
03fb873fb498b91f5def3bb608de5d01374f1e07Todd Kloots Y.one("#list-2").delegate("click", function (e) {
03fb873fb498b91f5def3bb608de5d01374f1e07Todd Kloots matchID = this.get("id");
2eff92f57a91f6814c032c57c474c61cadf70d42Luke Smith click('list-3-li-1');
03fb873fb498b91f5def3bb608de5d01374f1e07Todd Kloots Y.Assert.areEqual('list-2-li-3', matchID, "The currentTarget is an incorrect node, should be the matching node.");
03fb873fb498b91f5def3bb608de5d01374f1e07Todd Kloots matchID = null;
03fb873fb498b91f5def3bb608de5d01374f1e07Todd Kloots Y.one("#div-1").delegate("click", function (e) {
03fb873fb498b91f5def3bb608de5d01374f1e07Todd Kloots matchID = this.get("id");
03fb873fb498b91f5def3bb608de5d01374f1e07Todd Kloots }, ">.div-b");
2eff92f57a91f6814c032c57c474c61cadf70d42Luke Smith click('div-1-1-1');
03fb873fb498b91f5def3bb608de5d01374f1e07Todd Kloots Y.Assert.areEqual('div-1-1', matchID, "The currentTarget is an incorrect node, should be the matching node.");
03fb873fb498b91f5def3bb608de5d01374f1e07Todd Kloots matchID = null;
2eff92f57a91f6814c032c57c474c61cadf70d42Luke Smith click('div-1-2-1');
03fb873fb498b91f5def3bb608de5d01374f1e07Todd Kloots Y.Assert.isNull(matchID, "The currentTarget is an incorrect node, should be the matching node.");
14017741ef334485c65013d129608513161db7c2Luke Smith test_multiple_matches_in_subtree: function () {
14017741ef334485c65013d129608513161db7c2Luke Smith var ids = [];
14017741ef334485c65013d129608513161db7c2Luke Smith Y.delegate('click', function (e) {
14017741ef334485c65013d129608513161db7c2Luke Smith }, '#div-1', 'div');
14017741ef334485c65013d129608513161db7c2Luke Smith Y.Event.simulate(Y.one('#div-1-2-1-1 em')._node, 'click');
030b855bbf1937a46e1e2b88025d61e72a205469Luke Smith Y.Assert.areSame(4, ids.length, "Delegate handler should have fired three times, once for each div in #div-1");
d69a25328a811b474cc18569e7c6017f01441b78Luke Smith Y.Assert.areSame('div-1-2-1-1', ids[0], "First delegate callback should be from the deepest div in the subtree");
14017741ef334485c65013d129608513161db7c2Luke Smith Y.Assert.areSame('div-1-2-1', ids[1]);
d69a25328a811b474cc18569e7c6017f01441b78Luke Smith Y.Assert.areSame('div-1-2', ids[2]);
030b855bbf1937a46e1e2b88025d61e72a205469Luke Smith Y.Assert.areSame('div-1', ids[3]);
fb83a09fe023a741781ee955f4e9538d3cbe21a2Luke Smith test_removing_parent_in_subscriber: function () {
fb83a09fe023a741781ee955f4e9538d3cbe21a2Luke Smith var count = 0;
fb83a09fe023a741781ee955f4e9538d3cbe21a2Luke Smith Y.one('#a').delegate('click', function (e) {
fb83a09fe023a741781ee955f4e9538d3cbe21a2Luke Smith this.get('parentNode').remove();
fb83a09fe023a741781ee955f4e9538d3cbe21a2Luke Smith }, '.remove');
d69a25328a811b474cc18569e7c6017f01441b78Luke Smith click('b2');
f8f5d63799c8f2045a569d778b0139cf7672ad82Todd Kloots test_successful_purge: function () {
f8f5d63799c8f2045a569d778b0139cf7672ad82Todd Kloots var bHandler1Called = false,
f8f5d63799c8f2045a569d778b0139cf7672ad82Todd Kloots bHandler2Called = false;
42a76975bee344dcbf51edcc380b921ef3251fb7Todd Kloots Y.delegate('click', function(e) {
f8f5d63799c8f2045a569d778b0139cf7672ad82Todd Kloots bHandler1Called = true;
42a76975bee344dcbf51edcc380b921ef3251fb7Todd Kloots }, '#mod1', 'a');
f8f5d63799c8f2045a569d778b0139cf7672ad82Todd Kloots // Test #1: Make sure first handler is not called after
2eff92f57a91f6814c032c57c474c61cadf70d42Luke Smith click('firstlink');
f8f5d63799c8f2045a569d778b0139cf7672ad82Todd Kloots Y.Assert.isFalse(bHandler1Called, "No delegated listeners should be called after a call to Y.Event.purgeElement");
f8f5d63799c8f2045a569d778b0139cf7672ad82Todd Kloots // Test #2: Make sure second handler is called after
42a76975bee344dcbf51edcc380b921ef3251fb7Todd Kloots Y.delegate('click', function(e) {
f8f5d63799c8f2045a569d778b0139cf7672ad82Todd Kloots bHandler2Called = true;
42a76975bee344dcbf51edcc380b921ef3251fb7Todd Kloots }, '#mod1', 'a');
2eff92f57a91f6814c032c57c474c61cadf70d42Luke Smith click('firstlink');
f8f5d63799c8f2045a569d778b0139cf7672ad82Todd Kloots Y.Assert.isFalse(bHandler1Called, "The first listener should not be be called.");
f8f5d63799c8f2045a569d778b0139cf7672ad82Todd Kloots Y.Assert.isTrue(bHandler2Called, "The second delegated listener should be called.");
86f93a1b47c3b420a6d9595af8954ec21fb4e413Adam Moore bHandler1Called = false;
86f93a1b47c3b420a6d9595af8954ec21fb4e413Adam Moore bHandler2Called = false;
f8f5d63799c8f2045a569d778b0139cf7672ad82Todd Kloots // Test #3: Make sure first handler is not called after
f8f5d63799c8f2045a569d778b0139cf7672ad82Todd Kloots // calling Y.Event.purgeElement and passing in a type
f8f5d63799c8f2045a569d778b0139cf7672ad82Todd Kloots Y.Event.purgeElement('#mod1', false, 'click');
2eff92f57a91f6814c032c57c474c61cadf70d42Luke Smith click('firstlink');
f8f5d63799c8f2045a569d778b0139cf7672ad82Todd Kloots Y.Assert.isFalse(bHandler2Called, "The second listener should not be be called.");
f8f5d63799c8f2045a569d778b0139cf7672ad82Todd Kloots // Test #4: Make sure that it is possible to delegate
f8f5d63799c8f2045a569d778b0139cf7672ad82Todd Kloots // a listener to a new element with the same id of
f8f5d63799c8f2045a569d778b0139cf7672ad82Todd Kloots // an element that used to exist in the DOM.
f8f5d63799c8f2045a569d778b0139cf7672ad82Todd Kloots bHandler1Called = false;
f8f5d63799c8f2045a569d778b0139cf7672ad82Todd Kloots bHandler2Called = false;
f8f5d63799c8f2045a569d778b0139cf7672ad82Todd Kloots Y.delegate("click", function () {
f8f5d63799c8f2045a569d778b0139cf7672ad82Todd Kloots bHandler1Called = true;
f8f5d63799c8f2045a569d778b0139cf7672ad82Todd Kloots }, "#list-1", ">li");
f8f5d63799c8f2045a569d778b0139cf7672ad82Todd Kloots Y.one("#container").setContent('<ul id="list-1"><li id="item-1"><em>Item Type One</em></li><li id="item-2"><em>Item Type Two</em></li><li id="item-3"><em>Item Type Three</em></li></ul>');
f8f5d63799c8f2045a569d778b0139cf7672ad82Todd Kloots Y.delegate("click", function () {
f8f5d63799c8f2045a569d778b0139cf7672ad82Todd Kloots bHandler2Called = true;
f8f5d63799c8f2045a569d778b0139cf7672ad82Todd Kloots }, "#list-1", ">li");
2eff92f57a91f6814c032c57c474c61cadf70d42Luke Smith click('item-1');
f8f5d63799c8f2045a569d778b0139cf7672ad82Todd Kloots Y.Assert.isFalse(bHandler1Called, "The first listener should not be be called.");
f8f5d63799c8f2045a569d778b0139cf7672ad82Todd Kloots Y.Assert.isTrue(bHandler2Called, "The second delegated listener should be called.");
f8f5d63799c8f2045a569d778b0139cf7672ad82Todd Kloots test_successful_detach: function () {
f8f5d63799c8f2045a569d778b0139cf7672ad82Todd Kloots var bHandler1Called = false,
f8f5d63799c8f2045a569d778b0139cf7672ad82Todd Kloots bHandler2Called = false;
42a76975bee344dcbf51edcc380b921ef3251fb7Todd Kloots var handle = Y.delegate('click', function(e) {
f8f5d63799c8f2045a569d778b0139cf7672ad82Todd Kloots bHandler1Called = true;
42a76975bee344dcbf51edcc380b921ef3251fb7Todd Kloots }, '#mod1', 'a');
f8f5d63799c8f2045a569d778b0139cf7672ad82Todd Kloots // Test #1: Make sure first handler is not called after
f8f5d63799c8f2045a569d778b0139cf7672ad82Todd Kloots // being detached
2eff92f57a91f6814c032c57c474c61cadf70d42Luke Smith click('firstlink');
f8f5d63799c8f2045a569d778b0139cf7672ad82Todd Kloots Y.Assert.isFalse(bHandler1Called, "Listener should not be called after being detached.");
f8f5d63799c8f2045a569d778b0139cf7672ad82Todd Kloots // Test #2: Make sure second handler is called after
f8f5d63799c8f2045a569d778b0139cf7672ad82Todd Kloots // detaching the first.
42a76975bee344dcbf51edcc380b921ef3251fb7Todd Kloots Y.delegate('click', function(e) {
f8f5d63799c8f2045a569d778b0139cf7672ad82Todd Kloots bHandler2Called = true;
42a76975bee344dcbf51edcc380b921ef3251fb7Todd Kloots }, '#mod1', 'a');
2eff92f57a91f6814c032c57c474c61cadf70d42Luke Smith click('firstlink');
f8f5d63799c8f2045a569d778b0139cf7672ad82Todd Kloots Y.Assert.isFalse(bHandler1Called, "The first listener should not be be called.");
f8f5d63799c8f2045a569d778b0139cf7672ad82Todd Kloots Y.Assert.isTrue(bHandler2Called, "The second delegated listener should be called.");
f8f5d63799c8f2045a569d778b0139cf7672ad82Todd Kloots // Test #3: Make sure that it is possible to delegate
f8f5d63799c8f2045a569d778b0139cf7672ad82Todd Kloots // a listener to a new element with the same id of
f8f5d63799c8f2045a569d778b0139cf7672ad82Todd Kloots // an element that used to exist in the DOM.
f8f5d63799c8f2045a569d778b0139cf7672ad82Todd Kloots bHandler1Called = false;
f8f5d63799c8f2045a569d778b0139cf7672ad82Todd Kloots bHandler2Called = false;
f8f5d63799c8f2045a569d778b0139cf7672ad82Todd Kloots handle = Y.delegate("click", function () {
f8f5d63799c8f2045a569d778b0139cf7672ad82Todd Kloots bHandler1Called = true;
f8f5d63799c8f2045a569d778b0139cf7672ad82Todd Kloots }, "#list-1", ">li");
f8f5d63799c8f2045a569d778b0139cf7672ad82Todd Kloots Y.one("#container").setContent('<ul id="list-1"><li id="item-1"><em>Item Type One</em></li><li id="item-2"><em>Item Type Two</em></li><li id="item-3"><em>Item Type Three</em></li></ul>');
f8f5d63799c8f2045a569d778b0139cf7672ad82Todd Kloots Y.delegate("click", function () {
f8f5d63799c8f2045a569d778b0139cf7672ad82Todd Kloots bHandler2Called = true;
f8f5d63799c8f2045a569d778b0139cf7672ad82Todd Kloots }, "#list-1", ">li");
2eff92f57a91f6814c032c57c474c61cadf70d42Luke Smith click('item-1');
f8f5d63799c8f2045a569d778b0139cf7672ad82Todd Kloots Y.Assert.isFalse(bHandler1Called, "The first listener should not be be called.");
f8f5d63799c8f2045a569d778b0139cf7672ad82Todd Kloots Y.Assert.isTrue(bHandler2Called, "The second delegated listener should be called.");
2e1e0e58ec1a5d8545873797f2d53be9af429999Luke Smith "Y.delegate('cat|type') should subscribe event": function () {
2e1e0e58ec1a5d8545873797f2d53be9af429999Luke Smith var count = 0,
2e1e0e58ec1a5d8545873797f2d53be9af429999Luke Smith handle = Y.delegate(cat + "|click", function () {
2e1e0e58ec1a5d8545873797f2d53be9af429999Luke Smith }, '#container', 'li');
2e1e0e58ec1a5d8545873797f2d53be9af429999Luke Smith click('item-1');
2e1e0e58ec1a5d8545873797f2d53be9af429999Luke Smith click('item-1');
2e1e0e58ec1a5d8545873797f2d53be9af429999Luke Smith Y.Assert.areSame(1, count, "category sub did not detach with handle");
2e1e0e58ec1a5d8545873797f2d53be9af429999Luke Smith "node.delegate('cat|type') should subscribe event": function () {
2e1e0e58ec1a5d8545873797f2d53be9af429999Luke Smith var count = 0,
2e1e0e58ec1a5d8545873797f2d53be9af429999Luke Smith handle = Y.one('#container').delegate(cat + "|click", function () {
2e1e0e58ec1a5d8545873797f2d53be9af429999Luke Smith click('item-1');
2e1e0e58ec1a5d8545873797f2d53be9af429999Luke Smith click('item-1');
2e1e0e58ec1a5d8545873797f2d53be9af429999Luke Smith Y.Assert.areSame(1, count, "category sub did not detach with handle");
2e1e0e58ec1a5d8545873797f2d53be9af429999Luke Smith "node.detach('cat|type', fn) should detach delegate": function () {
2e1e0e58ec1a5d8545873797f2d53be9af429999Luke Smith var count = 0,
2e1e0e58ec1a5d8545873797f2d53be9af429999Luke Smith target = Y.one("#container"),
2e1e0e58ec1a5d8545873797f2d53be9af429999Luke Smith function increment() {
2e1e0e58ec1a5d8545873797f2d53be9af429999Luke Smith handle = target.delegate(cat + "|click", increment, 'li');
2e1e0e58ec1a5d8545873797f2d53be9af429999Luke Smith click('item-1');
2e1e0e58ec1a5d8545873797f2d53be9af429999Luke Smith target.detach(cat + '|click', increment);
2e1e0e58ec1a5d8545873797f2d53be9af429999Luke Smith click('item-1');
2e1e0e58ec1a5d8545873797f2d53be9af429999Luke Smith "node.detach('cat|type') should detach delegate": function () {
2e1e0e58ec1a5d8545873797f2d53be9af429999Luke Smith var count = 0,
2e1e0e58ec1a5d8545873797f2d53be9af429999Luke Smith target = Y.one("#container"),
2e1e0e58ec1a5d8545873797f2d53be9af429999Luke Smith function increment() {
2e1e0e58ec1a5d8545873797f2d53be9af429999Luke Smith handle = target.delegate(cat + "|click", increment, 'li');
2e1e0e58ec1a5d8545873797f2d53be9af429999Luke Smith click('item-1');
2e1e0e58ec1a5d8545873797f2d53be9af429999Luke Smith target.detach(cat + '|click');
2e1e0e58ec1a5d8545873797f2d53be9af429999Luke Smith click('item-1');
2e1e0e58ec1a5d8545873797f2d53be9af429999Luke Smith "node.detach('cat|*') should detach delegate": function () {
2e1e0e58ec1a5d8545873797f2d53be9af429999Luke Smith var count = 0,
2e1e0e58ec1a5d8545873797f2d53be9af429999Luke Smith target = Y.one("#container"),
2e1e0e58ec1a5d8545873797f2d53be9af429999Luke Smith function increment() {
2e1e0e58ec1a5d8545873797f2d53be9af429999Luke Smith handle = target.delegate(cat + "|click", increment, 'li');
2e1e0e58ec1a5d8545873797f2d53be9af429999Luke Smith click('item-1');
2e1e0e58ec1a5d8545873797f2d53be9af429999Luke Smith click('item-1');
030b855bbf1937a46e1e2b88025d61e72a205469Luke Smith testPassingObjectForMultipleSubscriptions: function () {
030b855bbf1937a46e1e2b88025d61e72a205469Luke Smith var clickOk = false,
030b855bbf1937a46e1e2b88025d61e72a205469Luke Smith mousedownOk = false;
030b855bbf1937a46e1e2b88025d61e72a205469Luke Smith function clicked() {
030b855bbf1937a46e1e2b88025d61e72a205469Luke Smith clickOk = true;
030b855bbf1937a46e1e2b88025d61e72a205469Luke Smith function mousedowned() {
030b855bbf1937a46e1e2b88025d61e72a205469Luke Smith mousedownOk = true;
030b855bbf1937a46e1e2b88025d61e72a205469Luke Smith Y.one('#div-1').delegate({
030b855bbf1937a46e1e2b88025d61e72a205469Luke Smith click: clicked,
030b855bbf1937a46e1e2b88025d61e72a205469Luke Smith mousedown: mousedowned
030b855bbf1937a46e1e2b88025d61e72a205469Luke Smith Y.Event.simulate(document.getElementById('em-1-2-1-1'), 'mousedown');
030b855bbf1937a46e1e2b88025d61e72a205469Luke Smith click('em-1-2-1-1');
030b855bbf1937a46e1e2b88025d61e72a205469Luke Smith testThisObjOverrideWithObjectSubscription: function () {
030b855bbf1937a46e1e2b88025d61e72a205469Luke Smith var thisObj;
030b855bbf1937a46e1e2b88025d61e72a205469Luke Smith Y.one('#div-1').delegate({
030b855bbf1937a46e1e2b88025d61e72a205469Luke Smith click: function () {
030b855bbf1937a46e1e2b88025d61e72a205469Luke Smith thisObj = this;
030b855bbf1937a46e1e2b88025d61e72a205469Luke Smith }, 'em', { foo: true });
030b855bbf1937a46e1e2b88025d61e72a205469Luke Smith click('em-1-2-1-1');
030b855bbf1937a46e1e2b88025d61e72a205469Luke Smith testPassingExtraArgsWithObjectSubscription: function () {
030b855bbf1937a46e1e2b88025d61e72a205469Luke Smith Y.one('#div-1').delegate({
030b855bbf1937a46e1e2b88025d61e72a205469Luke Smith click: function (e, extraArg) {
030b855bbf1937a46e1e2b88025d61e72a205469Luke Smith arg = extraArg;
030b855bbf1937a46e1e2b88025d61e72a205469Luke Smith }, 'em', null, "extra arg");
030b855bbf1937a46e1e2b88025d61e72a205469Luke Smith click('em-1-2-1-1');
030b855bbf1937a46e1e2b88025d61e72a205469Luke Smith Y.Assert.areSame("extra arg", arg);
030b855bbf1937a46e1e2b88025d61e72a205469Luke Smith testDetachingObjectSubscriptionViaHandle: function () {
030b855bbf1937a46e1e2b88025d61e72a205469Luke Smith var count = 0,
030b855bbf1937a46e1e2b88025d61e72a205469Luke Smith handle = Y.one('#div-1').delegate({
030b855bbf1937a46e1e2b88025d61e72a205469Luke Smith click: function (e, extraArg) {
030b855bbf1937a46e1e2b88025d61e72a205469Luke Smith click('em-1-2-1-1');
030b855bbf1937a46e1e2b88025d61e72a205469Luke Smith click('em-1-2-1-1');
030b855bbf1937a46e1e2b88025d61e72a205469Luke Smith testPassingArrayForMultipleSubscriptions: function () {
030b855bbf1937a46e1e2b88025d61e72a205469Luke Smith var count = 0;
030b855bbf1937a46e1e2b88025d61e72a205469Luke Smith Y.one('#div-1').delegate(['click', 'mousedown'], function () {
030b855bbf1937a46e1e2b88025d61e72a205469Luke Smith Y.Event.simulate(document.getElementById('em-1-2-1-1'), 'mousedown');
030b855bbf1937a46e1e2b88025d61e72a205469Luke Smith click('em-1-2-1-1');
3215b14029b163463e7225627b6781e4a049f3d8Caridy * Other things that I consider should be tested in the future:
3215b14029b163463e7225627b6781e4a049f3d8Caridy * - stopping the event, verifying the event ourside of the container
3215b14029b163463e7225627b6781e4a049f3d8Caridy * - stopping the event and verify what happen with multiple matches
f7e6d1f5238cf0d7efc4bef09f54305af12c08abLuke Smith "Y.delegate.compileFilter should return a function": function () {
f7e6d1f5238cf0d7efc4bef09f54305af12c08abLuke Smith Y.Assert.isFunction(Y.delegate.compileFilter('.test'));
f7e6d1f5238cf0d7efc4bef09f54305af12c08abLuke Smith "filter should return true for matching descendant": function () {
f7e6d1f5238cf0d7efc4bef09f54305af12c08abLuke Smith var filter = Y.delegate.compileFilter('em'),
f7e6d1f5238cf0d7efc4bef09f54305af12c08abLuke Smith container = Y.one('#container'),
f7e6d1f5238cf0d7efc4bef09f54305af12c08abLuke Smith em = Y.one('#container em');
f7e6d1f5238cf0d7efc4bef09f54305af12c08abLuke Smith currentTarget: container
f7e6d1f5238cf0d7efc4bef09f54305af12c08abLuke Smith "filter should return false if no descendant matches": function () {
f7e6d1f5238cf0d7efc4bef09f54305af12c08abLuke Smith var filter = Y.delegate.compileFilter('em'),
f7e6d1f5238cf0d7efc4bef09f54305af12c08abLuke Smith container = Y.one('#list-2'),
f7e6d1f5238cf0d7efc4bef09f54305af12c08abLuke Smith em = Y.one('#container em');
f7e6d1f5238cf0d7efc4bef09f54305af12c08abLuke Smith currentTarget: container
f7e6d1f5238cf0d7efc4bef09f54305af12c08abLuke Smith "filter should return true if the currentTarget is the target and it matches": function () {
f7e6d1f5238cf0d7efc4bef09f54305af12c08abLuke Smith // Bug #2531734
f7e6d1f5238cf0d7efc4bef09f54305af12c08abLuke Smith var filter = Y.delegate.compileFilter('div'),
f7e6d1f5238cf0d7efc4bef09f54305af12c08abLuke Smith container = Y.one('#container');
f7e6d1f5238cf0d7efc4bef09f54305af12c08abLuke Smith Y.Assert.isTrue(filter(container, {
f7e6d1f5238cf0d7efc4bef09f54305af12c08abLuke Smith target: container,
f7e6d1f5238cf0d7efc4bef09f54305af12c08abLuke Smith currentTarget: container
5923a4c5f9d5f357cd461ff95cb29475eecf8e3dLuke Smith name: "Bugs",
5923a4c5f9d5f357cd461ff95cb29475eecf8e3dLuke Smith // Existing unfixed bugs
843835871d7c3555ad4cbaf4a74edfbdd73c566cLuke Smith //test_filter_function_for_focus_from_body: 2529142,
843835871d7c3555ad4cbaf4a74edfbdd73c566cLuke Smith //"stopPropagation should stop multiple matches": 2529388
5923a4c5f9d5f357cd461ff95cb29475eecf8e3dLuke Smith test_filter_function_for_focus_from_body: function () {
5923a4c5f9d5f357cd461ff95cb29475eecf8e3dLuke Smith var count = 0,
288cb1eb48cf1e1756380d500de92f74ac32ec60Luke Smith handle = Y.one('body').delegate('focus', function (e) {
288cb1eb48cf1e1756380d500de92f74ac32ec60Luke Smith }, '#firstlink');
288cb1eb48cf1e1756380d500de92f74ac32ec60Luke Smith Y.one('#firstlink').focus();
288cb1eb48cf1e1756380d500de92f74ac32ec60Luke Smith Y.log("Window is not focused. Can't properly test.",
288cb1eb48cf1e1756380d500de92f74ac32ec60Luke Smith "warn", "TestRunner");
843835871d7c3555ad4cbaf4a74edfbdd73c566cLuke Smith "stopPropagation should stop multiple matches": function () {
843835871d7c3555ad4cbaf4a74edfbdd73c566cLuke Smith var count = 0,
843835871d7c3555ad4cbaf4a74edfbdd73c566cLuke Smith stop = false,
843835871d7c3555ad4cbaf4a74edfbdd73c566cLuke Smith halt = false,
843835871d7c3555ad4cbaf4a74edfbdd73c566cLuke Smith handle = Y.delegate('click', function (e) {
843835871d7c3555ad4cbaf4a74edfbdd73c566cLuke Smith } else if (stop) {
843835871d7c3555ad4cbaf4a74edfbdd73c566cLuke Smith }, '#doc', 'ul');
843835871d7c3555ad4cbaf4a74edfbdd73c566cLuke Smith click('list-3-li-2');
843835871d7c3555ad4cbaf4a74edfbdd73c566cLuke Smith stop = true;
843835871d7c3555ad4cbaf4a74edfbdd73c566cLuke Smith click('list-3-li-2');
843835871d7c3555ad4cbaf4a74edfbdd73c566cLuke Smith halt = true;
843835871d7c3555ad4cbaf4a74edfbdd73c566cLuke Smith click('list-3-li-2');
3215b14029b163463e7225627b6781e4a049f3d8Caridy //run all tests