diff options
Diffstat (limited to 'testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-018.html')
-rw-r--r-- | testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-018.html | 28 |
1 files changed, 28 insertions, 0 deletions
diff --git a/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-018.html b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-018.html new file mode 100644 index 0000000000..39118d610b --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/normal-flow/block-in-inline-insert-018.html @@ -0,0 +1,28 @@ +<!DOCTYPE html> +<meta name="assert" content="Test inserting a block-in-inline in the middle of existing block-in-inline"> +<link rel="help" href="http://www.w3.org/TR/CSS21/visuren.html#anonymous-block-level" /> +<link rel="author" title="Koji Ishii" href="mailto:kojii@chromium.org" /> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> +<body> + <div>1</div> + <span> + <div id="b2">2</div> + <div id="b4">4</div> + </span> +<script> +document.body.offsetTop; + +// Both "2" and "4" are block-in-inline children. +// Insert a block child "3" between them. +const b3 = document.createElement('div'); +b3.appendChild(document.createTextNode('3')); +b4.parentElement.insertBefore(b3, b4); + +// Check if "3" is between "2" and "4". +test(() => { + assert_greater_than(b3.offsetTop, b2.offsetTop); + assert_less_than(b3.offsetTop, b4.offsetTop); +}); +</script> +</body> |