forked from mirrors/gecko-dev
0d460e3432
This is split from the previous changeset since if we include dom/ the file size is too large for phabricator to handle. This is an autogenerated commit to handle scripts loading mochitest harness files, in the simple case where the script src is on the same line as the tag. This was generated with https://bug1544322.bmoattachments.org/attachment.cgi?id=9058170 using the `--part 2` argument. Differential Revision: https://phabricator.services.mozilla.com/D27457 --HG-- extra : moz-landing-system : lando
244 lines
No EOL
8.9 KiB
HTML
244 lines
No EOL
8.9 KiB
HTML
|
|
<!DOCTYPE HTML>
|
|
<html>
|
|
<!--
|
|
https://bugzilla.mozilla.org/show_bug.cgi?id=962251
|
|
-->
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<title>Test for Bug 962251</title>
|
|
<script src="/tests/SimpleTest/SimpleTest.js"></script>
|
|
<link rel="stylesheet" type="text/css" href="/tests/SimpleTest/test.css"/>
|
|
<script type="application/javascript">
|
|
|
|
SimpleTest.waitForExplicitFinish();
|
|
|
|
function Test_ElementsInTheSameDocument() {
|
|
var button1 = document.getElementById("button1");
|
|
var button2 = document.getElementById("button2");
|
|
|
|
button1.focus();
|
|
is(button1.id, document.activeElement.id, "How did we call focus on button1 and it did" +
|
|
" not become the active element?");
|
|
|
|
var getBlurEvent = false;
|
|
button1.addEventListener("blur", function(aEvent) {
|
|
is(aEvent.target.id, "button1", "Button1 should lose focus.");
|
|
ok(aEvent.relatedTarget, "The relatedTarget should not be null.");
|
|
is(aEvent.relatedTarget.id, "button2", "The relatedTarget should be button2.");
|
|
getBlurEvent = true;
|
|
}, {once: true});
|
|
|
|
button2.addEventListener("focus", function(aEvent) {
|
|
ok(getBlurEvent, "Must get blur event first.");
|
|
is(aEvent.target.id, "button2", "Button2 should be focused.");
|
|
ok(aEvent.relatedTarget, "The relatedTarget should not be null.");
|
|
is(aEvent.relatedTarget.id, "button1", "The relatedTarget should be button1.");
|
|
button2.blur();
|
|
}, {once: true});
|
|
|
|
button2.addEventListener("blur", function(aEvent) {
|
|
is(aEvent.target.id, "button2", "Button2 should lose focus.");
|
|
ok(aEvent.relatedTarget === null, "The relatedTarget should be null.");
|
|
runTests();
|
|
}, {once: true});
|
|
|
|
button2.focus();
|
|
}
|
|
|
|
function Test_ElementsInDifferentDocument() {
|
|
var button2 = document.getElementById("button2");
|
|
button2.focus();
|
|
button2.addEventListener("blur", function(aEvent) {
|
|
is(aEvent.target.id, "button2", "Button2 should lose focus.");
|
|
ok(aEvent.relatedTarget === null, "The relatedTarget should be null, since it's in another document.");
|
|
}, {once: true});
|
|
|
|
var iframe = document.createElement("iframe");
|
|
iframe.id = "iframe";
|
|
iframe.src = "iframe_bug962251.html";
|
|
window.addEventListener("message", function(aEvent) {
|
|
if (aEvent.data == "runNextTest") {
|
|
runTests();
|
|
}
|
|
}, {once: true});
|
|
document.getElementById("content").appendChild(iframe);
|
|
}
|
|
|
|
function Test_FocusEventOnWindow() {
|
|
var iframe1 = document.createElement("iframe");
|
|
iframe1.id = "iframe1";
|
|
iframe1.src = "about:blank";
|
|
|
|
document.getElementById("content").appendChild(iframe1);
|
|
document.getElementById("button2").focus();
|
|
var iframe = document.getElementById("iframe");
|
|
var expectedEventTarget = [iframe.contentDocument, iframe.contentWindow];
|
|
var expectedEventTarget1 = [iframe1.contentDocument, iframe1.contentWindow];
|
|
iframe.contentWindow.addEventListener("focus", function onFocus(aEvent) {
|
|
var eventTarget = expectedEventTarget.shift();
|
|
ok(aEvent.target === eventTarget, "Get expected focus event target.");
|
|
ok(aEvent.relatedTarget === null, "relatedTarget should be null.");
|
|
if (!expectedEventTarget.length) {
|
|
iframe.contentWindow.removeEventListener("focus", onFocus, true);
|
|
runTests();
|
|
}
|
|
}, true);
|
|
iframe1.contentWindow.addEventListener("focus", function onFocus(aEvent) {
|
|
var eventTarget = expectedEventTarget1.shift();
|
|
ok(aEvent.target === eventTarget, "Get expected focus event target.");
|
|
ok(aEvent.relatedTarget === null, "relatedTarget should be null.");
|
|
if (!expectedEventTarget1.length) {
|
|
iframe1.contentWindow.removeEventListener("focus", onFocus, true);
|
|
// Append items for blur event listener
|
|
expectedEventTarget1.push(iframe1.contentDocument);
|
|
expectedEventTarget1.push(iframe1.contentWindow);
|
|
iframe.contentWindow.focus();
|
|
}
|
|
}, true);
|
|
iframe1.contentWindow.addEventListener("blur", function onBlur(aEvent) {
|
|
var eventTarget = expectedEventTarget1.shift();
|
|
ok(aEvent.target === eventTarget, "Get expected blur event target.");
|
|
ok(aEvent.relatedTarget === null, "relatedTarget should be null.");
|
|
if (!expectedEventTarget1.length) {
|
|
iframe1.contentWindow.removeEventListener("blur", onBlur, true);
|
|
}
|
|
}, true);
|
|
iframe1.contentWindow.focus();
|
|
}
|
|
|
|
function Test_SetFocusInBlurEvent() {
|
|
var button1 = document.getElementById("button1");
|
|
var button2 = document.getElementById("button2");
|
|
var button3 = document.getElementById("button3");
|
|
|
|
button1.focus();
|
|
is(button1.id, document.activeElement.id, "document.activeElement.id is button1");
|
|
|
|
button1.addEventListener("blur", function(aEvent) {
|
|
info("button1 blur");
|
|
is(aEvent.relatedTarget.id, button2.id, "relatedTarget.id should be button2.");
|
|
button3.focus();
|
|
}, {once: true});
|
|
button1.addEventListener("focus", function(aEvent) {
|
|
info("button1 focus");
|
|
}, {once: true});
|
|
|
|
button2.addEventListener("blur", function(aEvent) {
|
|
info("button2 blur");
|
|
}, {once: true});
|
|
button2.addEventListener("focus", function(aEvent) {
|
|
info("button2 focus");
|
|
}, {once: true});
|
|
|
|
button3.addEventListener("blur", function(aEvent) {
|
|
info("button3 blur");
|
|
}, {once: true});
|
|
button3.addEventListener("focus", function(aEvent) {
|
|
info("button3 focus");
|
|
ok(aEvent.relatedTarget === null, "aEvent.relatedTarget is null.");
|
|
runTests();
|
|
}, {once: true});
|
|
|
|
button2.focus();
|
|
}
|
|
|
|
function Test_ListenFocusBlurEventOnWindow1() {
|
|
var button2 = document.getElementById("button2");
|
|
button2.focus();
|
|
|
|
var iframe = document.getElementById("iframe");
|
|
var input = iframe.contentDocument.getElementById("textinput");
|
|
var expectedEventTarget = [button2, document, window];
|
|
var expectedEventTarget1 = [iframe.contentDocument, iframe.contentWindow, input];
|
|
window.addEventListener("blur", function onBlur(aEvent) {
|
|
var item = expectedEventTarget.shift();
|
|
ok(aEvent.target === item, "Get an expected blur event.");
|
|
ok(aEvent.relatedTarget === null, "relatedTarget should be null.");
|
|
if (!expectedEventTarget.length) {
|
|
iframe.contentWindow.removeEventListener("blur", onBlur, true);
|
|
}
|
|
}, true);
|
|
iframe.contentWindow.addEventListener("focus", function onFocus(aEvent) {
|
|
var item = expectedEventTarget1.shift();
|
|
ok(aEvent.target === item, "Get an expected focus event.");
|
|
ok(aEvent.relatedTarget === null, "relatedTarget should be null.");
|
|
if (!expectedEventTarget1.length) {
|
|
iframe.contentWindow.removeEventListener("focus", onFocus, true);
|
|
runTests();
|
|
}
|
|
}, true);
|
|
|
|
input.focus();
|
|
}
|
|
|
|
function Test_ListenFocusBlurEventOnWindow2() {
|
|
var iframe = document.getElementById("iframe");
|
|
var input = iframe.contentDocument.getElementById("textinput");
|
|
var input1 = iframe.contentDocument.getElementById("textinput1");
|
|
|
|
ok(iframe.contentDocument.activeElement === input, "Current focused element should be input.");
|
|
iframe.contentWindow.addEventListener("focus", function(aEvent) {
|
|
ok(aEvent.target === input1, "Input1 is focused.");
|
|
ok(aEvent.relatedTarget === input, "relatedTarget should be input.");
|
|
runTests();
|
|
}, {capture: true, once: true});
|
|
iframe.contentWindow.addEventListener("blur", function(aEvent) {
|
|
ok(aEvent.target === input, "Input is not focused.");
|
|
ok(aEvent.relatedTarget === input1, "relatedTarget should be input1.");
|
|
}, {capture: true, once: true});
|
|
|
|
input1.focus();
|
|
}
|
|
|
|
function Test_ListenFocusBlurEventOnWindow3() {
|
|
var iframe = document.getElementById("iframe");
|
|
var input1 = iframe.contentDocument.getElementById("textinput1");
|
|
|
|
ok(iframe.contentDocument.activeElement === input1, "Current focused element should be input1.");
|
|
iframe.contentWindow.addEventListener("blur", function(aEvent) {
|
|
ok(aEvent.target === input1, "Input1 is not focused.");
|
|
ok(aEvent.relatedTarget === null, "relatedTarget should be null.");
|
|
runTests();
|
|
}, {capture: true, once: true});
|
|
|
|
input1.blur();
|
|
}
|
|
|
|
var tests = [
|
|
Test_ElementsInTheSameDocument,
|
|
Test_ElementsInDifferentDocument,
|
|
Test_FocusEventOnWindow,
|
|
Test_SetFocusInBlurEvent,
|
|
Test_ListenFocusBlurEventOnWindow1,
|
|
Test_ListenFocusBlurEventOnWindow2,
|
|
Test_ListenFocusBlurEventOnWindow3
|
|
];
|
|
|
|
function runTests()
|
|
{
|
|
if (!tests.length) {
|
|
SimpleTest.finish();
|
|
return;
|
|
}
|
|
|
|
var test = tests.shift();
|
|
window.setTimeout(function () {
|
|
test();
|
|
});
|
|
}
|
|
|
|
</script>
|
|
</head>
|
|
<body onload="runTests();">
|
|
<a target="_blank" href="https://bugzilla.mozilla.org/show_bug.cgi?id=962251">Mozilla Bug 962251</a>
|
|
<p id="display"></p>
|
|
<div id="content">
|
|
<button id="button1">1</button>
|
|
<button id="button2">2</button>
|
|
<button id="button3">3</button>
|
|
</div>
|
|
<pre id="test">
|
|
</pre>
|
|
</body>
|
|
</html> |