summaryrefslogtreecommitdiffstats
path: root/layout/style/test/test_reframe_input.html
diff options
context:
space:
mode:
Diffstat (limited to 'layout/style/test/test_reframe_input.html')
-rw-r--r--layout/style/test/test_reframe_input.html48
1 files changed, 48 insertions, 0 deletions
diff --git a/layout/style/test/test_reframe_input.html b/layout/style/test/test_reframe_input.html
new file mode 100644
index 0000000000..2887548abf
--- /dev/null
+++ b/layout/style/test/test_reframe_input.html
@@ -0,0 +1,48 @@
+<!doctype html>
+<meta charset="utf-8">
+<title>Test for bug 1658302: We don't reframe for placeholder attribute value changes.</title>
+<link rel="author" href="mailto:emilio@crisal.io" title="Emilio Cobos Álvarez">
+<script src="/tests/SimpleTest/SimpleTest.js"></script>
+<input id="input">
+<textarea id="textarea"></textarea>
+<script>
+SimpleTest.waitForExplicitFinish();
+const utils = SpecialPowers.DOMWindowUtils;
+
+function expectReframe(shouldHaveReframed, callback) {
+ document.documentElement.offsetTop;
+ const previousConstructCount = utils.framesConstructed;
+ const previousReflowCount = utils.framesReflowed;
+
+ callback();
+
+ document.documentElement.offsetTop;
+ isnot(previousReflowCount, utils.framesReflowed, "We should have reflowed");
+ (shouldHaveReframed ? isnot : is)(previousConstructCount,
+ utils.framesConstructed,
+ `We should ${shouldHaveReframed ? "" : "not"} have reframed`);
+}
+
+for (const control of document.querySelectorAll("input, textarea")) {
+ // Creating the placeholder attribute reframes right now.
+ //
+ // TODO: Could be avoided with some more work.
+ expectReframe(true, () => {
+ control.placeholder = "foo";
+ });
+
+ // Incrementally changing it should not reframe, just reflow.
+ expectReframe(false, () => {
+ control.placeholder = "bar";
+ });
+
+ // Removing the placeholder attribute reframes right now.
+ //
+ // TODO: Could maybe be avoided with some more work.
+ expectReframe(true, () => {
+ control.removeAttribute("placeholder");
+ });
+}
+
+SimpleTest.finish();
+</script>