<!DOCTYPE html> <html> <head> <title> event.data returns the data of the message </title> <script src="/resources/testharness.js"></script> <script src="/resources/testharnessreport.js"></script> </head> <body> <div id=log></div> <script> var description = "Test Description: event.data returns the data of the message."; var t = async_test(description); var PORT = location.port !== "" ? ":" + location.port : ""; var DATA = "STRING"; var TYPE = "string"; var XORIGIN = "{{location[scheme]}}://{{domains[www]}}" + PORT; var SORIGIN = "{{location[scheme]}}://{{host}}" + PORT; var ExpectedResult = [DATA, TYPE, DATA, TYPE]; var ActualResult = []; window.onmessage = t.step_func(function(e) { if (e.data.toString() === "STRING") { ActualResult.push(e.data, typeof(e.data)); if (ActualResult.length >= ExpectedResult.length) { assert_array_equals(ActualResult, ExpectedResult, "ActualResult"); t.done(); } } }); </script> <div style="display:none"> <iframe width="70%" onload="this.contentWindow.postMessage(DATA, XORIGIN)" src="{{location[scheme]}}://{{domains[www]}}:{{location[port]}}/webmessaging/support/ChildWindowPostMessage.htm"></iframe> <iframe width="70%" onload="this.contentWindow.postMessage(DATA, SORIGIN)" src="./support/ChildWindowPostMessage.htm"></iframe> </div> </body> </html>