summaryrefslogtreecommitdiffstats
path: root/layout/reftests/details-summary/mouse-click-move-summary-to-different-details.html
diff options
context:
space:
mode:
Diffstat (limited to 'layout/reftests/details-summary/mouse-click-move-summary-to-different-details.html')
-rw-r--r--layout/reftests/details-summary/mouse-click-move-summary-to-different-details.html35
1 files changed, 35 insertions, 0 deletions
diff --git a/layout/reftests/details-summary/mouse-click-move-summary-to-different-details.html b/layout/reftests/details-summary/mouse-click-move-summary-to-different-details.html
new file mode 100644
index 000000000..1e6c04505
--- /dev/null
+++ b/layout/reftests/details-summary/mouse-click-move-summary-to-different-details.html
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<!-- Any copyright is dedicated to the Public Domain.
+ - http://creativecommons.org/publicdomain/zero/1.0/ -->
+
+<html class="reftest-wait">
+ <script>
+ function runTest() {
+ // Both Chrome and Safari do not add the 'open' attribute to details1
+ // element, but Firefox does add 'open' to details1 since summary2 had been
+ // moved to details1 before receiving the 'click' event.
+ var details1 = document.getElementById("details1");
+ var summary2 = document.getElementById("summary2");
+
+ document.body.addEventListener("click", function () {
+ // Move summary2 into details1 at capture phase, and summary2 will be the
+ // main summary of details1 at target phase.
+ details1.insertBefore(summary2, details1.children[0]);
+ }, true);
+
+ summary2.dispatchEvent(new MouseEvent("click"));
+
+ document.documentElement.removeAttribute("class");
+ }
+ </script>
+ <body onload="runTest();">
+ <details id="details1">
+ <summary id="summary1">Summary 1</summary>
+ <p>This is the details 1.</p>
+ </details>
+ <details>
+ <summary id="summary2">Summary 2</summary>
+ <p>This is the details 2.</p>
+ </details>
+ </body>
+</html>