diff options
Diffstat (limited to 'testing/web-platform/tests/css/css-tables/dynamic-rowspan-change.html')
-rw-r--r-- | testing/web-platform/tests/css/css-tables/dynamic-rowspan-change.html | 45 |
1 files changed, 45 insertions, 0 deletions
diff --git a/testing/web-platform/tests/css/css-tables/dynamic-rowspan-change.html b/testing/web-platform/tests/css/css-tables/dynamic-rowspan-change.html new file mode 100644 index 0000000000..c02f84b4a5 --- /dev/null +++ b/testing/web-platform/tests/css/css-tables/dynamic-rowspan-change.html @@ -0,0 +1,45 @@ +<!doctype html> +<script src='/resources/testharness.js'></script> +<script src='/resources/testharnessreport.js'></script> +<script src='/resources/check-layout-th.js'></script> +<link rel="author" href="mailto:atotic@chromium.org"> +<link rel="help" href="https://html.spec.whatwg.org/multipage/tables.html#the-td-element"> +<meta name="assert" content="Dynamic changes to rowspan/colspan relayout the table" /> +<style> + main table { + border-spacing:0; + } + main td { + background: green; + width:50px; + height:50px; + padding: 0; + } +</style> + +<main> + <table data-expected-width="100"> + <tr> + <td id="rowspan_target"></td> + </tr> + <tr> + <td></td> + </tr> + </table> +<br> + <table data-expected-width="150"> + <col style="width:50px"> + <col style="width:50px"> + <tr> + <td id="colspan_target"></td> + <td></td> + </tr> + </table> +</main> + +<script> + document.body.offsetTop; + document.querySelector("#rowspan_target").setAttribute("rowspan", "2"); + document.querySelector("#colspan_target").setAttribute("colspan", "2"); + checkLayout("main table"); +</script> |