gecko-dev/dom/tests/mochitest/whatwg/test_postMessage.html

167 lines
4.2 KiB
HTML

<!DOCTYPE html>
<html>
<!--
https://bugzilla.mozilla.org/show_bug.cgi?id=postMessage
-->
<head>
<title>Basic postMessage tests</title>
<script type="text/javascript" src="/tests/SimpleTest/SimpleTest.js"></script>
<script type="text/javascript" src="browserFu.js"></script>
<link rel="stylesheet" type="text/css" href="/tests/SimpleTest/test.css" />
</head>
<body>
<a target="_blank" href="https://bugzilla.mozilla.org/show_bug.cgi?id=postMessage">Mozilla Bug 387706</a>
<p id="display"></p>
<div id="content" style="display: none"></div>
<iframe src="http://mochi.test:8888/tests/dom/tests/mochitest/whatwg/postMessage_helper.html"
name="otherSameDomain"></iframe>
<iframe src="http://example.org:8000/tests/dom/tests/mochitest/whatwg/postMessage_helper.html"
name="otherCrossDomain"></iframe>
<pre id="test">
<script class="testbody" type="application/javascript">
/** Test for Bug 387706 **/
SimpleTest.waitForExplicitFinish();
/** Variable for receivers to attempt to get. */
window.privateVariable = 17;
/** For sentinel finish, if necessary in deficient browsers. */
var finished = false;
/** Ends testing if it isn't already done. */
function finish()
{
if (!finished)
{
finished = true;
SimpleTest.finish();
}
}
/** Receives MessageEvents. */
function messageReceiver(evt)
{
try
{
ok(evt instanceof MessageEvent, "umm, how did we get this?");
is(evt.lastEventId, "",
"postMessage creates events with empty lastEventId");
is(evt.type, "message", "expected events of type 'message'");
if (isMozilla)
{
ok(evt.isTrusted === false, "shouldn't have been a trusted event");
}
var data = evt.data;
// Check for the message we send to ourselves; it can't be
// counted as a test, and it's conceptually distinct from
// the other cases, so just return after handling it.
if (data === "post-to-self")
{
respondToSelf(evt);
return;
}
switch (evt.data)
{
case "post-to-self-response":
receiveSelf(evt);
break;
case "post-to-other-same-domain-response":
receiveOtherSameDomain(evt);
break;
case "post-to-other-cross-domain-response":
receiveOtherCrossDomain(evt);
// All the tests have executed, so we're done.
finish();
break;
default:
ok(false, "unexpected message: " + evt.data);
finish();
break;
}
}
catch (e)
{
ok(false, "error processing event with data '" + evt.data + "': " + e);
finish();
}
}
/******************
* SELF-RESPONDER *
******************/
function respondToSelf(evt)
{
is(evt.origin, "http://mochi.test:8888", "event has wrong origin");
is(evt.source, window, "we posted this message!");
evt.source.postMessage("post-to-self-response", evt.origin);
}
/*************
* RECEIVERS *
*************/
function receiveSelf(evt)
{
is(evt.origin, "http://mochi.test:8888", "event has wrong origin");
is(evt.source, window, "we posted this message!");
window.frames.otherSameDomain.postMessage("post-to-other-same-domain",
"http://mochi.test:8888");
}
function receiveOtherSameDomain(evt)
{
is(evt.origin, "http://mochi.test:8888",
"same-domain response event has wrong origin");
is(evt.source, window.frames.otherSameDomain,
"wrong source for same-domain message!");
window.frames.otherCrossDomain.postMessage("post-to-other-cross-domain",
"http://example.org:8000");
}
function receiveOtherCrossDomain(evt)
{
is(evt.origin, "http://example.org:8000",
"same-domain response event has wrong origin");
// can't use |is| here, because ok tries to get properties on its arguments
// for creating a formatted logging message
ok(evt.source === window.frames.otherCrossDomain,
"wrong source for cross-domain message!");
}
/**************
* TEST SETUP *
**************/
function start()
{
window.postMessage("post-to-self", "http://mochi.test:8888");
}
window.addEventListener("load", start, false);
window.addEventListener("message", messageReceiver, false);
</script>
</pre>
</body>
</html>