test_custom_content_inheritance.html

Enable keyboard shortcuts

<!doctype html>

<title>Test for custom content inheritance</title>

<style>

  html { color: red !important; }

</style>

<script src="/tests/SimpleTest/SimpleTest.js"></script>

<script>

onload = function() {

  let doc = SpecialPowers.wrap(document);

  let div = doc.createElement('div');

  div.id = "test-id";

  ok(!!doc.insertAnonymousContent,

     "Must have the insertAnonymousContent API");

  let content = doc.insertAnonymousContent();

  ok(!!content, "Must have anon content");

  content.root.appendChild(div);

  let color = SpecialPowers.wrap(window).getComputedStyle(div).color;

  ok(!!color, "Should be able to get a color");

  isnot(color, getComputedStyle(document.documentElement).color,

        "Custom anon content shouldn't inherit from the root element");

  SimpleTest.finish();

};

SimpleTest.waitForExplicitFinish();

</script>