focusblur.html revision 9a76bc095233b0cb0be3a913f5913bfc72c38b6c
0N/A<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
2362N/A<html>
0N/A<head>
0N/A <title>YUI focus/blur synth Tests</title>
0N/A
0N/A <script src="/build/yui/yui-debug.js"></script>
2362N/A <script src="window-focus.js"></script>
0N/A</head>
2362N/A<body class="yui3-skin-sam">
0N/A
0N/A <div id="container">
0N/A <button id="button-1">Click Me!</button>
0N/A <a id="anchor-1" href="http://www.yahoo.com">Click Me!</a>
0N/A <input type="text" id="text-1">
0N/A </div>
0N/A
0N/A <script>
0N/A YUI({
0N/A filter: (window.location.search.match(/[?&]filter=([^&]+)/) || [])[1] || 'min',
0N/A allowRollup: false,
2362N/A lazyEventFacade: true
2362N/A }).use('console', 'test', 'event', 'event-simulate', 'window-focus', function (Y) {
2362N/A
0N/A var Assert = Y.Assert;
0N/A
0N/A new Y.Console({ /*useBrowserConsole: true*/ }).render();
0N/A
0N/A Y.Test.Runner.add(new Y.Test.Case({
0N/A name: "Event Focus And Blur Test",
0N/A
0N/A _should: {
0N/A fail: {
0N/A //test_purge_focus: 2528244, // fixed
0N/A //test_purge_blur: 2528244 // fixed
0N/A }
0N/A },
0N/A
0N/A tearDown: function () {
0N/A Y.one('#container').purge(true);
0N/A },
0N/A
0N/A test_add_focus: function(){
0N/A
0N/A var foo = false,
0N/A target,
0N/A boundEl,
0N/A
0N/A onFocus = function(e) {
0N/A
0N/A foo = true;
0N/A boundEl = this;
0N/A target = e.target;
0N/A
0N/A };
0N/A
0N/A Y.on('focus', onFocus, '#container');
0N/A
0N/A Y.one('#button-1').focus();
0N/A
0N/A if (Y.isWindowInFocus()) {
0N/A Assert.isTrue(foo, "simple focus fails, container should pickup the focus event");
0N/A Assert.areEqual(Y.one('#button-1'), target, "the target is the incorrect node, should be the actual focus target");
1667N/A Assert.areEqual(Y.one('#container'), boundEl, "the default scope should be the bound element");
1667N/A
1667N/A foo = false;
1667N/A target = null;
1667N/A boundEl = null;
1667N/A
1667N/A Y.one('#text-1').focus();
2157N/A Y.one('#button-1').focus();
2157N/A
2157N/A Assert.isTrue(foo, "simple focus fails, container should pickup the focus event");
2157N/A Assert.areEqual(Y.one('#button-1'), target, "the target is the incorrect node, should be the actual focus target");
0N/A Assert.areEqual(Y.one('#container'), boundEl, "the default scope should be the bound element");
0N/A
0N/A Y.one('#button-1').blur();
0N/A } else {
0N/A Y.log("Window is not focused.", "warn", "TestRunner");
0N/A }
},
test_remove_focus: function () {
var foo = false,
onFocus = function(e) {
foo = true;
};
var handle = Y.on('focus', onFocus, '#container');
if (Y.isWindowInFocus()) {
Y.one('#button-1').focus();
Assert.isTrue(foo, "simple focus fails, container should pickup the focus event");
handle.detach();
Y.one('#button-1').blur();
foo = false;
Y.one('#button-1').focus();
Assert.isFalse(foo, "container should not pickup the focus event after listener is removed");
Y.one('#button-1').blur();
} else {
Y.log("Window is not focused.", "warn", "TestRunner");
}
},
test_purge_focus: function () {
var foo = false,
onFocus = function(e) {
foo = true;
};
if (Y.isWindowInFocus()) {
Y.on('focus', onFocus, '#container');
Y.one('#button-1').focus();
Assert.isTrue(foo, "simple focus fails, container should pickup the focus event");
Y.Event.purgeElement('#container', false, 'focus');
Y.one('#button-1').blur();
foo = false;
Y.one('#button-1').focus();
Assert.isFalse(foo, "container should not pickup the focus event after listener has been purged");
} else {
Y.log("Window is not focused.", "warn", "TestRunner");
}
},
test_bubble_order: function () {
var from = [],
doc = Y.one(Y.config.doc),
body = Y.one('body'),
container = Y.one('#container');
function onFocus(e) {
from.push(this);
}
if (Y.isWindowInFocus()) {
container.on('focus', onFocus);
doc.on('focus', onFocus);
body.on('focus', onFocus);
Y.one('#anchor-1').focus();
Y.ArrayAssert.itemsAreSame([container, body, doc], from, "Incorrect bubble order");
} else {
Y.log("Window is not focused.", "warn", "TestRunner");
}
},
test_add_blur: function () {
var foo = false,
target,
boundEl,
onBlur = function(e) {
foo = true;
boundEl = this;
target = e.target;
};
if (Y.isWindowInFocus()) {
Y.on('blur', onBlur, '#container');
Y.one('#button-1').focus();
Y.one('#button-1').blur();
Assert.isTrue(foo, "simple blur fails, container should pickup the focus event");
Assert.areEqual(target, Y.one('#button-1'), "the target is the incorrect node, should be the actual blur target");
Assert.areEqual(boundEl, Y.one('#container'), "the default scope should be the bound element");
foo = false;
target = null;
boundEl = null;
Y.one('#button-1').focus();
Y.one('#text-1').focus();
Assert.isTrue(foo, "simple blur fails, container should pickup the focus event");
Assert.areEqual(target, Y.one('#button-1'), "the target is the incorrect node, should be the actual blur target");
Assert.areEqual(boundEl, Y.one('#container'), "the default scope should be the bound element");
} else {
Y.log("Window is not focused.", "warn", "TestRunner");
}
},
test_remove_blur: function () {
var foo = false,
onBlur = function(e) {
foo = true;
};
if (Y.isWindowInFocus()) {
var handle = Y.on('blur', onBlur, '#container');
Y.one('#button-1').focus();
Y.one('#button-1').blur();
Assert.isTrue(foo, "simple focus fails, container should pickup the focus event");
foo = false;
handle.detach();
Y.one('#button-1').focus();
Y.one('#text-1').focus();
Assert.isFalse(foo, "container should not pickup the blur event after listener has been removed");
} else {
Y.log("Window is not focused.", "warn", "TestRunner");
}
},
test_purge_blur: function () {
var foo = false,
onBlur = function(e) {
foo = true;
};
if (Y.isWindowInFocus()) {
Y.on('blur', onBlur, '#container');
Y.one('#button-1').focus();
Y.one('#button-1').blur();
Assert.isTrue(foo, "simple focus fails, container should pickup the focus event");
foo = false;
Y.Event.purgeElement('#container', false, 'blur');
Y.one('#button-1').focus();
Y.one('#text-1').focus();
Assert.isFalse(foo, "container should not pickup the blur event after listener has been purged");
} else {
Y.log("Window is not focused.", "warn", "TestRunner");
}
}
}));
Y.Test.Runner.setName("EventFocusBlur");
Y.Test.Runner.run();
});
</script>
</body>
</html>