gecko/browser/devtools/inspector/test/browser_inspector_invalidate.js

/* Any copyright is dedicated to the Public Domain.
   http://creativecommons.org/publicdomain/zero/1.0/ */

function test() {
  let doc;
  let div;
  let inspector;

  function createDocument() {
    div = doc.createElement("div");
    div.setAttribute("style", "width: 100px; height: 100px; background:yellow;");
    doc.body.appendChild(div);

    openInspector(aInspector => {
      inspector = aInspector;
      inspector.toolbox.highlighter.showBoxModel(getNodeFront(div)).then(runTest);
    });
  }

  function runTest() {
    let outline = getHighlighterOutline();
    is(outline.style.width, "100px", "outline has the right width");

    div.style.width = "200px";
    function pollTest() {
      if (outline.style.width == "100px") {
        setTimeout(pollTest, 10);
        return;
      }
      is(outline.style.width, "200px", "outline updated");
      finishUp();
    }
    setTimeout(pollTest, 10);
  }

  function finishUp() {
    inspector.toolbox.highlighter.hideBoxModel().then(() => {
      doc = div = inspector = null;
      gBrowser.removeCurrentTab();
      finish();
    });
  }

  waitForExplicitFinish();
  gBrowser.selectedTab = gBrowser.addTab();
  gBrowser.selectedBrowser.addEventListener("load", function() {
    gBrowser.selectedBrowser.removeEventListener("load", arguments.callee, true);
    doc = content.document;
    waitForFocus(createDocument, content);
  }, true);

  content.location = "data:text/html,basic tests for inspector";
}