diff options
Diffstat (limited to 'dom/base/test/test_anonymousContent_append_after_reflow.html')
| -rw-r--r-- | dom/base/test/test_anonymousContent_append_after_reflow.html | 40 |
1 files changed, 40 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 000000000..b88de89d5 --- /dev/null +++ b/dom/base/test/test_anonymousContent_append_after_reflow.html @@ -0,0 +1,40 @@ +<!DOCTYPE HTML> +<html> +<!-- https://bugzilla.mozilla.org/show_bug.cgi?id=1020244 --> +<head> + <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 type="application/javascript" src="/tests/SimpleTest/SimpleTest.js"></script> + <link rel="stylesheet" type="text/css" href="/tests/SimpleTest/test.css"/> +</head> +<body> +<div> + <div id="test-element" style="color:red;">text content</div> +</div> +<script type="application/javascript;version=1.8"> + info("Inserting anonymous content into the document frame"); + let chromeDocument = SpecialPowers.wrap(document); + let testElement = document.querySelector("div"); + let anonymousContent = chromeDocument.insertAnonymousContent(testElement); + + info("Modifying the style of an element in the anonymous content"); + let style = anonymousContent.setAttributeForElement("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"); + style = anonymousContent.getAttributeForElement("test-element", "style"); + is(style, "color:green;", "The anonymous content still exists after reflow"); + + info("Removing the anonymous content"); + chromeDocument.removeAnonymousContent(anonymousContent); +</script> +</body> +</html> |