diff options
Diffstat (limited to 'testing/web-platform/tests/css/css-writing-modes/bidi-line-break-001.html')
-rw-r--r-- | testing/web-platform/tests/css/css-writing-modes/bidi-line-break-001.html | 56 |
1 files changed, 56 insertions, 0 deletions
diff --git a/testing/web-platform/tests/css/css-writing-modes/bidi-line-break-001.html b/testing/web-platform/tests/css/css-writing-modes/bidi-line-break-001.html new file mode 100644 index 0000000000..f46b56b76c --- /dev/null +++ b/testing/web-platform/tests/css/css-writing-modes/bidi-line-break-001.html @@ -0,0 +1,56 @@ +<!DOCTYPE html> +<title>Test implicit bidi controls do not affect line breaking</title> +<link rel="help" href="https://drafts.csswg.org/css-writing-modes-3/#unicode-bidi"> +<link rel="author" title="Koji Ishii" href="mailto:kojii@chromium.org"> +<style> +html { + font-size: 10px; + line-height: 1; +} +.isolate { + unicode-bidi: isolate; +} +.embed { + unicode-bidi: embed; +} +</style> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> +<body> +<div id=log></div> +<div id="container"> + <div style="width: 4ch" data-expected-height="20"> + <span class="isolate" dir="ltr">00</span> <span class="isolate" dir="ltr">00</span> + </div> + <div style="width: 4ch" data-expected-height="20"> + <span class="embed" dir="ltr">00</span> <span class="embed" dir="ltr">00</span> + </div> + + <div style="width: 4ch" data-expected-height="20"> + <span dir="ltr">00</span> <span dir="ltr">00</span> + </div> + <div style="width: 4ch" data-expected-height="20"> + <bdi dir="ltr">00</bdi> <bdi dir="ltr">00</bdi> + </div> + <div style="width: 4ch" data-expected-height="20"> + <bdo dir="ltr">00</bdo> <bdo dir="ltr">00</bdo> + </div> + + <div style="width: 4ch" data-expected-height="20"> + <span class="isolate" dir="ltr">00 </span><span class="isolate" dir="ltr">00</span> + </div> + <div style="width: 4ch" data-expected-height="20"> + <span class="embed" dir="ltr">00 </span><span class="embed" dir="ltr">00</span> + </div> +</div> +<script> +run(); +function run() { + for (let node of document.getElementById('container').children) { + test(() => { + assert_approx_equals(node.offsetHeight, 20, 1); + }, node.innerHTML); + } +} +</script> +</body> |