1 files changed, 32 insertions, 0 deletions
diff --git a/testing/web-platform/tests/cssom-view/negativeMargins.html b/testing/web-platform/tests/cssom-view/negativeMargins.html
new file mode 100644
index 000000000..0616e8b49
--- /dev/null
+++ b/testing/web-platform/tests/cssom-view/negativeMargins.html
@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<meta charset=utf-8>
+<title>cssom-view - elementFromPoint and elementsFromPoint dealing with negative margins</title>
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<body>
+<div id="outer" style="background:yellow">
+  <div id="inner" style="width:100px; height:100px; margin-bottom:-100px; background:lime;"></div>
+  Hello
+</div>
+<script>
+ setup({explicit_done:true});
+ window.onload = function () {
+   var outer = document.getElementById('outer');
+   var inner = document.getElementById('inner');
+   var outerRect = outer.getBoundingClientRect();
+   test(function () {
+     assert_equals(document.elementFromPoint(outerRect.left + 1,
+                                             outerRect.top + 1),
+                   outer,
+                   "elementFromPoint should get outer element");
+   });
+   test(function () {
+     assert_array_equals(document.elementsFromPoint(outerRect.left + 1,
+                                                    outerRect.top + 1),
+                         [inner, outer, document.body, document.querySelector('html')],
+                         "elementsFromPoint should get sequence [inner, outer, body, html]");
+   });
+   done();
+ };
+</script>
+</body>