summaryrefslogtreecommitdiffstats
path: root/testing/web-platform/tests/css/cssom-view/table-with-border-client-width-height.html
diff options
context:
space:
mode:
Diffstat (limited to 'testing/web-platform/tests/css/cssom-view/table-with-border-client-width-height.html')
-rw-r--r--testing/web-platform/tests/css/cssom-view/table-with-border-client-width-height.html31
1 files changed, 31 insertions, 0 deletions
diff --git a/testing/web-platform/tests/css/cssom-view/table-with-border-client-width-height.html b/testing/web-platform/tests/css/cssom-view/table-with-border-client-width-height.html
new file mode 100644
index 0000000000..4e9a5deed2
--- /dev/null
+++ b/testing/web-platform/tests/css/cssom-view/table-with-border-client-width-height.html
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<title>CSSOM Test: Table with its own specified border's clientWidth/Height</title>
+<link rel="help" href="https://www.w3.org/TR/CSS2/tables.html#model" />
+<link rel="help" href="https://www.w3.org/TR/CSS2/tables.html#separated-borders" />
+<link rel="help" href="https://drafts.csswg.org/cssom-view/#extension-to-the-element-interface" />
+<script src=/resources/testharness.js></script>
+<script src=/resources/testharnessreport.js></script>
+<style>
+ table {
+ border: 8px solid #faa;
+ }
+</style>
+<table>
+ <tbody>
+ <tr>
+ <td>a</td>
+ <td>b</td>
+ </tr>
+ <tr>
+ <td>c</td>
+ <td>d</td>
+ </tr>
+ </tbody>
+</table>
+<script type="text/javascript">
+ var table = document.getElementsByTagName('table')[0];
+ test(function() {
+ assert_equals(table.clientWidth, table.offsetWidth);
+ assert_equals(table.clientHeight, table.offsetHeight);
+ }, "Table's clientWidth/Height and OffsetWidth/Height should be the same");
+</script>