diff options
| author | Daniel Baumann <daniel.baumann@progress-linux.org> | 2024-04-19 01:47:29 +0000 |
|---|---|---|
| committer | Daniel Baumann <daniel.baumann@progress-linux.org> | 2024-04-19 01:47:29 +0000 |
| commit | 0ebf5bdf043a27fd3dfb7f92e0cb63d88954c44d (patch) | |
| tree | a31f07c9bcca9d56ce61e9a1ffd30ef350d513aa /testing/web-platform/tests/css/css-tables/caption-side-1.html | |
| parent | Initial commit. (diff) | |
| download | firefox-esr-0ebf5bdf043a27fd3dfb7f92e0cb63d88954c44d.tar.xz firefox-esr-0ebf5bdf043a27fd3dfb7f92e0cb63d88954c44d.zip | |
Adding upstream version 115.8.0esr.upstream/115.8.0esr
Signed-off-by: Daniel Baumann <daniel.baumann@progress-linux.org>
Diffstat (limited to 'testing/web-platform/tests/css/css-tables/caption-side-1.html')
| -rw-r--r-- | testing/web-platform/tests/css/css-tables/caption-side-1.html | 42 |
1 files changed, 42 insertions, 0 deletions
diff --git a/testing/web-platform/tests/css/css-tables/caption-side-1.html b/testing/web-platform/tests/css/css-tables/caption-side-1.html new file mode 100644 index 0000000000..302e51ae23 --- /dev/null +++ b/testing/web-platform/tests/css/css-tables/caption-side-1.html @@ -0,0 +1,42 @@ +<!doctype html> +<script src='/resources/testharness.js'></script> +<script src='/resources/testharnessreport.js'></script> +<link rel='stylesheet' href='./support/base.css' /> +<link rel="help" href="https://drafts.csswg.org/css-tables-3/#caption-side-property"> +<main> + + <h1>Caption-side</h1> + <p>Checks that browsers implement properly the caption-side property</p> + + <hr/> + <p>This should read ABC:</p> + <p> + The first caption (C) should be put on the bottom because it inherits caption-side:bottom from the table;<br/> + The second captin (A) should be put on the top because it has caption-side:top specified; + </p> + <div><table style="caption-side:bottom"><caption>C</caption><tbody><tr><td>B</td></tr></tbody><caption style="caption-side:top">A</caption></table></div> + + <script>void function() { var table; while(table = document.querySelector('.to-remove')) table.parentNode.replaceChild(table.firstChild,table) }();</script> + <script>void function() { var td; while(td = document.querySelector('table.no-td td')) td.parentNode.replaceChild(document.createElement('x-td'),td) }();</script> + <script>void function() { var divs = document.querySelectorAll("main > div"); for(var i = divs.length; i--;) { var div = divs[i]; var pre = document.createElement('pre'); pre.title = pre.textContent = div.innerHTML; div.parentNode.insertBefore(pre, div); }; }();</script> + <hr/> + +</main> + +<script> + + var i = 1; + generate_tests(assert_equals, [ + [ + "Caption-side inherits and reorder captions properly", + document.querySelector("main > div:nth-of-type("+(i++)+") caption:first-child").offsetTop > document.querySelector("main > div:nth-of-type("+(i-1)+") caption:last-child").offsetTop, + true + ], + [ + "Multiple captions can be rendered", + document.querySelector("main > div:nth-of-type("+(i-1)+") table").offsetHeight > 3 * 16, + true + ], + ]) + +</script> |