pdf.js/test/test_slave.html

<html>
<head>
  <title>pdf.js test slave</title>
  <style type="text/css"></style>
  <script type="text/javascript" src="/pdf.js"></script>
  <script type="text/javascript" src="/fonts.js"></script>
  <script type="text/javascript" src="/glyphlist.js"></script>
  <script type="application/javascript">
var browser, canvas, currentTask, currentTaskIdx, failure, manifest, pdfDoc, stdout;

function queryParams() {
    var qs = window.location.search.substring(1);
    var kvs = qs.split("&");
    var params = { };
    for (var i = 0; i < kvs.length; ++i) {
        var kv = kvs[i].split("=");
        params[unescape(kv[0])] = unescape(kv[1]);
    }
    return params;
}

function load() {
  var params = queryParams();
  browser = params.browser;
  manifestFile = params.manifestFile;

  canvas = document.createElement("canvas");
  // 8.5x11in @ 100% ... XXX need something better here
  canvas.width = 816;
  canvas.height = 1056;
  canvas.mozOpaque = true;
  stdout = document.getElementById("stdout");

  log("Harness thinks this browser is '"+ browser +"'\n");
  log("Fetching manifest "+ manifestFile +"...");

  var r = new XMLHttpRequest();
  r.open("GET", manifestFile, false);
  r.onreadystatechange = function(e) {
    if (r.readyState == 4) {
      log("done\n");

      manifest = JSON.parse(r.responseText);
      currentTaskIdx = 0, nextTask();
    }
  };
  r.send(null);
}

function nextTask() {
  if (currentTaskIdx == manifest.length) {
    return done();
  }
  currentTask = manifest[currentTaskIdx];
  currentTask.round = 0;

  log("Loading file "+ currentTask.file +"\n");

  var r = new XMLHttpRequest();
  r.open("GET", currentTask.file);
  r.mozResponseType = r.responseType = "arraybuffer";
  r.onreadystatechange = function() {
    if (r.readyState == 4) {
      var data = r.mozResponseArrayBuffer || r.mozResponse ||
                 r.responseArrayBuffer || r.response;
      pdfDoc = new PDFDoc(new Stream(data));
      currentTask.pageNum = 1, nextPage();
    }    
  };
  r.send(null);
}

function nextPage() {
  if (currentTask.pageNum > pdfDoc.numPages) {
    if (++currentTask.round < currentTask.rounds) {
      log("  Round "+ (1 + currentTask.round) +"\n");
      currentTask.pageNum = 1;
    } else {
      ++currentTaskIdx, nextTask();
      return;
    }
  }

  failure = '';
  log("    loading page "+ currentTask.pageNum +"... ");

  var ctx = canvas.getContext("2d");
  clear(ctx);

  var fonts = [];
  var gfx = new CanvasGraphics(ctx);
  try {
    currentPage = pdfDoc.getPage(currentTask.pageNum);
    currentPage.compile(gfx, fonts);
  } catch(e) {
    failure = 'compile: '+ e.toString();
  }

  var fontLoaderTimer = null;
  function checkFontsLoaded() {
    if (!FontLoader.bind(fonts)) {
      fontLoaderTimer = window.setTimeout(checkFontsLoaded, 10);
      return;
    }
    snapshotCurrentPage(gfx);
  }

  if (failure) {
    // Skip font loading if there was a failure, since the fonts might
    // be in an inconsistent state.
    snapshotCurrentPage(gfx);
  } else {
    checkFontsLoaded();
  }
}

function snapshotCurrentPage(gfx) {
  log("done, snapshotting... ");

  if (!failure) {
    try {
      currentPage.display(gfx);
    } catch(e) {
      failure = 'render: '+ e.toString();
    }
  }

  sendTaskResult(canvas.toDataURL("image/png"));
  log("done"+ (failure ? " (failed!)" : "") +"\n");

  // Set up the next request
  backoff = (inFlightRequests > 0) ? inFlightRequests * 10 : 0;
  setTimeout(function() {
      ++currentTask.pageNum, nextPage();
    },
    backoff
  );
}

function quitApp() {
  log("Done!");
  document.body.innerHTML = "Tests are finished.  <h1>CLOSE ME!</h1>";
  if (window.SpecialPowers)
    SpecialPowers.quitApplication();
  else
    window.close();
}

function done() {
  if (inFlightRequests > 0) {
    document.getElementById("inFlightCount").innerHTML = inFlightRequests;
    setTimeout(done, 100);
  } else {
    setTimeout(quitApp, 100);
  }
}

var inFlightRequests = 0;
function sendTaskResult(snapshot) {
  var result = { browser: browser,
                 id: currentTask.id,
                 numPages: pdfDoc.numPages,
                 failure: failure,
                 file: currentTask.file,
                 round: currentTask.round,
                 page: currentTask.pageNum,
                 snapshot: snapshot };

  var r = new XMLHttpRequest();
  // (The POST URI is ignored atm.)
  r.open("POST", "/submit_task_results", true);
  r.setRequestHeader("Content-Type", "application/json");
  r.onreadystatechange = function(e) {
    if (r.readyState == 4) {
      inFlightRequests--;
    }
  }
  document.getElementById("inFlightCount").innerHTML = inFlightRequests++;
  r.send(JSON.stringify(result));
}

function clear(ctx) {
  var ctx = canvas.getContext("2d");
  ctx.save();
  ctx.fillStyle = "rgb(255, 255, 255)";
  ctx.fillRect(0, 0, canvas.width, canvas.height);
  ctx.restore();
}

function log(str) {
  stdout.innerHTML += str;
  window.scrollTo(0, stdout.getBoundingClientRect().bottom);
}
  </script>
</head>

<body onload="load();">
  <pre style="width:800; height:800; overflow: scroll;"id="stdout"></pre>
  <p>Inflight requests: <span id="inFlightCount"></span></p>
</body>

</html>