1 files changed, 24 insertions, 0 deletions
diff --git a/layout/style/test/test_custom_content_inheritance.html b/layout/style/test/test_custom_content_inheritance.html
new file mode 100644
index 0000000000..625f1ad9c3
--- /dev/null
+++ b/layout/style/test/test_custom_content_inheritance.html
@@ -0,0 +1,24 @@
+<!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>