test_bug1346623.html

Enable keyboard shortcuts

<!DOCTYPE HTML>

<html>

<head>

  <title>Test for bug 1346623</title>

  <script src="chrome://mochikit/content/tests/SimpleTest/SimpleTest.js"></script>

  <script src="chrome://mochikit/content/tests/SimpleTest/EventUtils.js"></script>

  <link rel="stylesheet" type="text/css" href="chrome://mochikit/content/tests/SimpleTest/test.css"/>

</head>

<body onload="startTest();">

<a target="_blank" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1346623">Mozilla Bug 1346623</a>

<div id="display">

</div>

<pre id="test">

<script type="application/javascript">

var winUtils = window.windowUtils;

function startTest() {

  // load some styles at the agent level

  var css = `

    #ac-parent { color: green; }

    #ac-child.abc { }

`;

  var sheetURL = "data:text/css," + encodeURIComponent(css);

  winUtils.loadSheetUsingURIString(sheetURL, winUtils.AGENT_SHEET);

  // add canvas anonymous content

  var bq = document.createElement("blockquote");

  bq.id = "ac-parent";

  bq.textContent = "This blockquote text should be green.";

  var div = document.createElement("div");

  div.id = "ac-child";

  div.textContent = " This div text should be green.";

  bq.appendChild(div);

  var ac = document.insertAnonymousContent();

  ac.root.appendChild(bq);

  document.body.offsetWidth;

  is(getComputedStyle(div).color, "rgb(0, 128, 0)",

     "color before reframing");

  // reframe the root

  document.documentElement.style.display = "flex";

  document.body.offsetWidth;

  // restyle the div

  div.className = "abc";

  document.body.offsetWidth;

  is(getComputedStyle(div).color, "rgb(0, 128, 0)",

     "color after reframing");

  SimpleTest.finish();

SimpleTest.waitForExplicitFinish();

</script>

</pre>

</body>

</html>