diff options
Diffstat (limited to 'testing/web-platform/tests/css/css-tables/collapsed-border-color-change-with-compositing.html')
-rw-r--r-- | testing/web-platform/tests/css/css-tables/collapsed-border-color-change-with-compositing.html | 29 |
1 files changed, 29 insertions, 0 deletions
diff --git a/testing/web-platform/tests/css/css-tables/collapsed-border-color-change-with-compositing.html b/testing/web-platform/tests/css/css-tables/collapsed-border-color-change-with-compositing.html new file mode 100644 index 0000000000..f7b19676bd --- /dev/null +++ b/testing/web-platform/tests/css/css-tables/collapsed-border-color-change-with-compositing.html @@ -0,0 +1,29 @@ +<!doctype HTML> +<html class=reftest-wait> +<link rel="author" title="Chris Harrelson" href="mailto:chrishtr@chromium.org"> +<link rel="help" href="https://www.w3.org/TR/CSS2/tables.html#borders"> +<link rel="help" href="https://drafts.csswg.org/css-will-change/#will-change"> +<link rel="match" href="collapsed-border-color-change-with-compositing-ref.html"> +<script src="/common/reftest-wait.js"></script> +<style> + td { border: 3px solid black; } + .composited { will-change: transform; } +</style> +<table style="border-collapse: collapse"> + <tr class=composited> + <td id=target style="border-color: red">First</td> + <td >Second</td> + </tr> + <tr class=composited> + <td>Third</td> + <td>Fourth</td> + </tr> +</table> +</html> +<script> + onload = () => requestAnimationFrame(() => + requestAnimationFrame(() => { + target.style.borderColor = 'green'; + document.documentElement.classList.remove('reftest-wait'); + })); +</script> |