Added tests/wpt/web-platform-tests/cssom-view/offsetPropertiesInline.…

…html
servo · Jan 13, 2017 · a61a263 · a61a263
1 parent 18793af
commit a61a263
Show file tree

Hide file tree

Showing 2 changed files with 84 additions and 0 deletions.
diff --git a/tests/wpt/metadata/MANIFEST.json b/tests/wpt/metadata/MANIFEST.json
@@ -15831,6 +15831,10 @@
         "path": "cssom-view/negativeMargins.html",
         "url": "/cssom-view/negativeMargins.html"
       },
+      {
+        "path": "cssom-view/offsetPropertiesInline.html",
+        "url": "/cssom-view/offsetPropertiesInline.html"
+      },
       {
         "path": "cssom-view/scrolling-no-browsing-context.html",
         "url": "/cssom-view/scrolling-no-browsing-context.html"

diff --git a/tests/wpt/web-platform-tests/cssom-view/offsetPropertiesInline.html b/tests/wpt/web-platform-tests/cssom-view/offsetPropertiesInline.html
@@ -0,0 +1,80 @@
+<!DOCTYPE html>
+<meta charset=utf-8>
+<title>cssom-view - offsetParent, offsetTop, offsetLeft, offsetWidth, and offsetHeight on inline elements</title>
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<style>
+  #real-offset-parent {
+    font: 10px/1 Ahem;
+    margin: 0;
+    border: none;
+    padding: 0;
+  }
+  #real-offset-parent, #decoy-offset-parent {
+    position: relative;
+  }
+</style>
+<body>
+<div id="real-offset-parent">
+  <span id="inline-1">ABC</span>
+  <span id="inline-2">ABC<br />ABC</span>
+  <span id="inline-3">ABC</span>
+</div>
+<div id="decoy-offset-parent"></div>
+<script>
+  setup({ explicit_done: true });
+  window.onload = function() {
+    var realOffsetParent = document.getElementById('real-offset-parent');
+    var inline1 = document.getElementById('inline-1');
+    var inline2 = document.getElementById('inline-2');
+    var inline3 = document.getElementById('inline-3');
+
+    test(function() {
+      assert_equals(inline1.offsetParent, realOffsetParent,
+        "offsetParent of #inline-1 should be #real-offset-parent.");
+      assert_equals(inline2.offsetParent, realOffsetParent,
+        "offsetParent of #inline-2 should be #real-offset-parent.");
+      assert_equals(inline3.offsetParent, realOffsetParent,
+        "offsetParent of #inline-3 should be #real-offset-parent.");
+    }, "offsetParent");
+
+    test(function() {
+      assert_equals(inline1.offsetTop, 0,
+        "offsetTop of #inline-1 should be 0.");
+      assert_equals(inline2.offsetTop, 0,
+        "offsetTop of #inline-2 should be 0.");
+      assert_equals(inline3.offsetTop, 10,
+        "offsetTop of #inline-3 should be 10.");
+    }, "offsetTop");
+
+    test(function() {
+      assert_equals(inline1.offsetLeft, 0,
+        "offsetLeft of #inline-1 should be 0.");
+      assert_equals(inline2.offsetLeft, 40,
+        "offsetLeft of #inline-2 should be 40.");
+      assert_equals(inline3.offsetLeft, 40,
+        "offsetLeft of #inline-3 should be 40.");
+    }, "offsetLeft");
+
+    test(function() {
+      assert_equals(inline1.offsetWidth, 30,
+        "offsetWidth of #inline-1 should be 30.");
+      assert_equals(inline2.offsetWidth, 70,
+        "offsetWidth of #inline-2 should be 70.");
+      assert_equals(inline3.offsetWidth, 30,
+        "offsetWidth of #inline-3 should be 30.");
+    }, "offsetWidth");
+
+    test(function() {
+      assert_equals(inline1.offsetHeight, 10,
+        "offsetHeight of #inline-1 should be 10.");
+      assert_equals(inline2.offsetHeight, 20,
+        "offsetHeight of #inline-2 should be 20.");
+      assert_equals(inline3.offsetHeight, 10,
+        "offsetHeight of #inline-3 should be 10.");
+    }, "offsetHeight");
+
+    done();
+  };
+</script>
+</body>