summaryrefslogtreecommitdiffstats
path: root/dom/base/test/test_anonymousContent_append_after_reflow.html
diff options
context:
space:
mode:
Diffstat (limited to 'dom/base/test/test_anonymousContent_append_after_reflow.html')
-rw-r--r--dom/base/test/test_anonymousContent_append_after_reflow.html35
1 files changed, 35 insertions, 0 deletions
diff --git a/dom/base/test/test_anonymousContent_append_after_reflow.html b/dom/base/test/test_anonymousContent_append_after_reflow.html
new file mode 100644
index 0000000000..0bdca2c502
--- /dev/null
+++ b/dom/base/test/test_anonymousContent_append_after_reflow.html
@@ -0,0 +1,35 @@
+<!DOCTYPE HTML>
+<html>
+<!-- https://bugzilla.mozilla.org/show_bug.cgi?id=1020244 -->
+<meta charset="utf-8">
+<title>Test for Bug 1020244 - Make sure anonymous content still works after a reflow (after the canvasframe has been reconstructed)</title>
+<script src="/tests/SimpleTest/SimpleTest.js"></script>
+<link rel="stylesheet" href="/tests/SimpleTest/test.css"/>
+<div>
+ <div id="test-element" style="color:red;">text content</div>
+</div>
+<script>
+ info("Inserting anonymous content into the document frame");
+ let chromeDocument = SpecialPowers.wrap(document);
+ let anonymousContent = chromeDocument.insertAnonymousContent();
+ let testElement = document.querySelector("div");
+ anonymousContent.root.appendChild(testElement.cloneNode(true));
+
+ info("Modifying the style of an element in the anonymous content");
+ anonymousContent.root.getElementById("test-element").style.color = "green";
+
+ info("Toggling the display style on the document element to force reframing");
+ // Note that we force sync reflows to make sure the canvasframe is recreated
+ // synchronously.
+ document.documentElement.style.display = "none";
+ let forceFlush = document.documentElement.offsetHeight;
+ document.documentElement.style.display = "block";
+ forceFlush = document.documentElement.offsetHeight;
+
+ info("Checking that the anonymous content can be retrieved still");
+ let color = anonymousContent.root.getElementById("test-element").style.color;
+ is(color, "green", "The anonymous content still exists after reflow");
+
+ info("Removing the anonymous content");
+ chromeDocument.removeAnonymousContent(anonymousContent);
+</script>