test_beaconFrame.html

Enable keyboard shortcuts

<!DOCTYPE HTML>

<html>

<!--

https://bugzilla.mozilla.org/show_bug.cgi?id=936340

-->

<head>

  <title>Test for beacon</title>

  <script src="/tests/SimpleTest/SimpleTest.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=936340">Mozilla Bug 936340</a>

<p id="display"></p>

<div id="content">

</div>

<pre id="test">

<script class="testbody" type="text/javascript">

// not enabled by default yet.

SimpleTest.waitForExplicitFinish();

SpecialPowers.pushPrefEnv({'set': [["beacon.enabled", true]]}, runNextTest);

function getBeaconServerStatus(callback) {

    var request = new XMLHttpRequest();

    request.open("GET", "http://mochi.test:8888/tests/dom/tests/mochitest/beacon/beacon-handler.sjs?getLastBeacon", true);

    request.onload = function() {

        if (request.readyState === request.DONE) {

            callback(request.responseText);

};

    request.send(null);

function createIframeWithData(data, mimetype, convert) {

    beaconConvert = convert;

    var frame = document.createElement("IFRAME");

    frame.setAttribute("src", "beacon-frame.html");

    frame.id = "frame";

    frame.setAttribute("data", data.toString());

    frame.setAttribute("mimetype", mimetype);

    var c = document.getElementById("content");

    c.appendChild(frame);

function beaconSent(result) {

    // This function gets called from beacon-frame.html in the inner frame

    // Check that the beacon was actually sent

    ok(result, "Beacon was not sent")

    // remove the frame.

    var frame = document.getElementById("frame");

    var data = frame.getAttribute("data");

    var mimetype = frame.getAttribute("mimetype");

    var c = document.getElementById("content");

    c.removeChild(frame);

    getBeaconServerStatus( function(response) {

      console.log(response);

        var result = JSON.parse(response);

        is(result.data, data, "Beacon status should match expected.  is: " + result.data + " should be: " + data);

        is(result.mimetype, mimetype, "Beacon mimetype should match expected.  is: " + result.mimetype + " should be: " + mimetype);

        runNextTest();

});

function runNextTest() {

    var test = tests.shift();

    setTimeout(test, 0);

var beaconConvert = function() {};

function stringToArrayBuffer(input) {

    var buffer = new ArrayBuffer(input.length * 2);

    var array = new Uint16Array(buffer);

    // dumbly copy over the bytes

    for (var i = 0, len = input.length; i < len; i++) {

        array[i] = input.charCodeAt(i);

    return array;

function stringToBlob(input) {

    var blob = new Blob([input], {type : 'text/html'});

    return blob;

function stringToFormData(input) {

    var formdata = new FormData();

    formdata.append(input, new Blob(['hi']));

    return formdata;

function identity(data) {

    return data;

var tests = [

    function() { createIframeWithData("hi!", "text/plain;charset=UTF-8", identity); },

    function() { createIframeWithData("123", "", stringToArrayBuffer); },

    function() { createIframeWithData("abc", "text/html", stringToBlob); },

    function() { createIframeWithData("qwerty", "multipart/form-data", stringToFormData); },

    function() { SimpleTest.finish(); },

];

</script>

</pre>

</body>

</html>