customevent.html revision eab87f0881fdf3e80c2a1af9224c50f0bf033644
194N/A<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
194N/A<html>
194N/A<head>
194N/A<title>YUI Event Tests</title>
194N/A</head>
194N/A
194N/A<body class="yui-skin-sam">
194N/A<h1>Event Tests</h1>
194N/A<p><input type="button" value="Run Tests" id="btnRun" disabled="true" /></p>
194N/A
194N/A<script type="text/javascript" src="/build/yui/yui.js"></script>
194N/A<script type="text/javascript">
194N/A
194N/A(function() {
194N/A YUI({
194N/A base: "/build/",
194N/A filter: "debug",
194N/A useConsole: true,
194N/A // logInclude: ['event', 'test']
194N/A logExclude: {Dom: true, Selector: true, Node: true, attribute: true, base: true, event: true, widget: true}
194N/A }).use("dump", "test", "console", "event-custom", function(Y) {
194N/A
194N/A var button = Y.get('#btnRun');
194N/A
194N/A // Set up the page
194N/A button.set("disabled", false);
194N/A Y.on("click", function() {
194N/A Y.Test.Runner.run();
194N/A }, button);
194N/A
194N/A var myConsole = new Y.Console().render();
194N/A
194N/A var testEventTarget = new Y.Test.Case({
194N/A name: "Event.Target tests",
194N/A
194N/A testAugment: function() {
194N/A
194N/A var fired = false;
194N/A
194N/A var O = function(id) {
194N/A this.id = id;
194N/A Y.log('O constructor executed ' + id);
194N/A }
194N/A
194N/A O.prototype = {
194N/A oOo: function(ok) {
194N/A Y.log('oOo');
194N/A }
194N/A }
194N/A
194N/A // pass configuration info into Event.Target with the following
194N/A // construct
194N/A Y.augment(O, Y.Event.Target, null, null, {
194N/A emitFacade: true
194N/A });
194N/A
194N/A var o = new O(),
194N/A handle = o.on('testAugment', function(e, arg1, arg2) {
194N/A Y.Assert.isTrue(this instanceof O);
194N/A Y.Assert.isTrue(e instanceof Y.Event.Facade);
194N/A Y.Assert.isTrue(e.foo === 'afoo');
194N/A Y.Assert.isTrue(e.details[1] === 1);
194N/A Y.Assert.isTrue(arg1 === 1);
194N/A Y.Assert.isTrue(arg2 === 2);
194N/A fired = true;
194N/A });
194N/A
194N/A o.fire('testAugment', { foo: 'afoo' }, 1, 2);
194N/A
194N/A Y.Assert.isTrue(fired);
194N/A
194N/A handle.detach();
194N/A
194N/A // if the first argument is not an object, the
194N/A // event facade is moved in front of the args rather
194N/A // than overwriting existing object.
194N/A o.on('testAugment', function(e, arg1, arg2) {
194N/A Y.Assert.areEqual(1, arg1);
194N/A Y.Assert.areEqual(2, arg2);
194N/A });
194N/A
194N/A o.fire('testAugment', 1, 2);
194N/A
194N/A },
194N/A
194N/A testExtend: function() {
194N/A
194N/A var fired = false;
194N/A
194N/A var Base = function() {
194N/A Y.log('Base constructor executed');
194N/A arguments.callee.superclass.constructor.apply(this, arguments);
194N/A }
194N/A
194N/A Y.extend(Base, Y.Event.Target, {
194N/A base: function() {
194N/A Y.log('all your base...');
194N/A }
194N/A });
194N/A
194N/A var b = new Base();
194N/A b.on('testExtend', function(arg1, arg2) {
194N/A Y.Assert.isTrue(this instanceof Base);
194N/A Y.Assert.isTrue(arg1 === 1);
194N/A Y.Assert.isTrue(arg2 === 2);
194N/A fired = true;
194N/A });
194N/A
194N/A b.fire('testExtend', 1, 2);
194N/A
194N/A Y.Assert.isTrue(fired);
194N/A },
194N/A
194N/A testPrefix: function() {
194N/A
194N/A var fired1 = false,
194N/A fired2 = false;
194N/A
194N/A var O = function(id) {
194N/A this.id = id;
194N/A Y.log('O constructor executed ' + id);
194N/A }
194N/A
194N/A O.prototype = {
194N/A oOo: function(ok) {
194N/A Y.log('oOo');
194N/A }
194N/A }
194N/A
194N/A // pass configuration info into Event.Target with the following
194N/A // construct
194N/A Y.augment(O, Y.Event.Target, null, null, {
194N/A emitFacade: true,
194N/A prefix: 'prefix'
194N/A });
194N/A
var o = new O();
o.on('testPrefix', function(e, arg1, arg2) {
Y.Assert.isTrue(this instanceof O);
fired1 = true;
});
o.on('prefix:testPrefix', function(e, arg1, arg2) {
Y.Assert.isTrue(this instanceof O);
fired2 = true;
});
o.fire('testPrefix', { foo: 'afoo' }, 1, 2);
Y.Assert.isTrue(fired1);
// Y.Assert.isTrue(fired2);
fired1 = false;
fired2 = false;
o.fire('prefix:testPrefix', { foo: 'afoo' }, 1, 2);
Y.Assert.isTrue(fired1);
Y.Assert.isTrue(fired2);
},
testDetachKey: function() {
var fired1 = false,
fired2 = false;
Y.on('handle, test:event', function() {
fired1 = true;
});
// one listener
Y.fire('test:event');
Y.Assert.isTrue(fired1);
Y.Assert.isFalse(fired2);
Y.detach('handle, test:event');
fired1 = false;
fired2 = false;
Y.on('handle, test:event', function() {
fired2 = true;
});
// first lisener detached, added a new listener
Y.fire('test:event');
Y.Assert.isFalse(fired1);
Y.Assert.isTrue(fired2);
Y.detach('handle,test:event');
fired1 = false;
fired2 = false;
Y.after('handle, test:event', function() {
Y.Assert.isTrue(fired1);
fired2 = true;
});
// comma or pipe
Y.on('handle|test:event', function() {
Y.Assert.isFalse(fired2);
fired1 = true;
});
// testing on and after order
Y.fire('test:event');
fired1 = false;
fired2 = false;
// spaces after the comma or lack thereof should have
// no effect on the addition or removal of listeners
Y.detach('handle,test:event');
// added both an on listener and an after listener,
// then detached both
Y.fire('test:event');
Y.Assert.isFalse(fired1);
Y.Assert.isFalse(fired2);
},
testChain: function() {
var fired1 = false,
fired2 = false,
fired3 = false,
fired4 = false,
fired5 = false;
// should be executed once, after f2
var f1 = function() {
Y.Assert.isTrue(fired2);
fired1 = true;
};
// should be executed once, before f1
var f2 = function() {
Y.Assert.isFalse(fired1);
fired2 = true;
};
// should be executed once, different event from f1 and f2
var f3 = function() {
fired3 = true;
};
// detached before fired, should not executed
var f4 = function() {
fired4 = true;
};
// should fire once, preserving the custom prefix rather
// than using the configured event target prefix
var f5 = function() {
fired5 = true;
};
// configure chaining via global default or on the event target
YUI({ /* chain: true */ }).use('*', function(Y2) {
var o = new Y2.EventTarget({
prefix: 'foo',
chain : true
});
// without event target prefix manipulation (incomplete now)
// @TODO an error here is throwing an uncaught exception rather than failing the test
// Y2.after('p:e', f1).on('p:e', f2).on('p:e2', f3).on('detach, p:e', f4).detach('detach, p:e').fire('p:e').fire('p:e2');
// with event target prefix manipulation ('e' is the same event as 'foo:e',
// but 'pre:e' is a different event only accessible by using that exact name)
o.after('e', f1).on('foo:e', f2).on('foo:e2', f3).on('detach, e', f4).detach('detach,e').fire('foo:e').fire('e2').on('pre:e', f5).fire('pre:e');
Y.Assert.isTrue(fired1); // verifies chaining, on/after order, and adding the event target prefix
Y.Assert.isTrue(fired2); // verifies chaining, on/after order, and accepting the prefix in the event name
Y.Assert.isTrue(fired3); // verifies no interaction between events, and prefix manipulation
Y.Assert.isFalse(fired4); // verifies detach works (regardless of spaces after comma)
Y.Assert.isTrue(fired5); // verifies custom prefix
});
}
});
Y.Test.Runner.add(testEventTarget);
Y.Test.Runner.run();
});
})();
</script>
</body>
</html>