diff options
Diffstat (limited to 'testing/web-platform/tests/css/css-text/word-space-transform/word-space-transform-010.html')
-rw-r--r-- | testing/web-platform/tests/css/css-text/word-space-transform/word-space-transform-010.html | 50 |
1 files changed, 50 insertions, 0 deletions
diff --git a/testing/web-platform/tests/css/css-text/word-space-transform/word-space-transform-010.html b/testing/web-platform/tests/css/css-text/word-space-transform/word-space-transform-010.html new file mode 100644 index 0000000000..b91f2d2499 --- /dev/null +++ b/testing/web-platform/tests/css/css-text/word-space-transform/word-space-transform-010.html @@ -0,0 +1,50 @@ +<!DOCTYPE html> +<meta charset="utf-8"> +<title>CSS Text level 4 Test: word-space-transform and forced line breaks</title> +<link rel="author" title="Florian Rivoal" href="http://florian.rivoal.net/"> +<link rel="help" href="https://drafts.csswg.org/css-text-4/#word-space-transform"> +<link rel="match" href="reference/word-space-transform-010-ref.html"> +<meta name="assert" content="must not replace instances of U+200B immediately preceding or following a forced line break (ignoring any intervening inline box boundaries, and associated margin/border/padding)"> +<style> +div { + font-size: 2em; + border: solid blue; + float: left; + margin: 1px; +} +.pad { padding: 0 1em; } +.spad { padding: 0 0.5em; } +.margin { margin: 0 1em; } +.smargin { margin: 0 0.5em; } +.border { border: solid transparent; border-width: 0 1em; } +.sborder { border: solid transparent; border-width: 0 0.5em; } +.test { + word-space-transform: ideographic-space; +} +</style> + +<p>Test passes if the all boxes below are identical. + +<div class="test pad"><wbr>あ<wbr>い<wbr></div> +<div class="test pad">​あ​い​</div> +<div class="test pad"><span><wbr>あ<wbr>い<wbr><span></div> +<div class="test pad"><span>​あ​い​</span></div> +<div class="test pad"><span></span><wbr>あ<wbr>い<wbr><span></span></div> +<div class="test pad"><span></span>​あ​い​<span></span></div> + +<div class="test"><span class=pad><wbr>あ<wbr>い<wbr><span></div> +<div class="test"><span class=pad>​あ​い​</span></div> +<div class="test"><span class=spad></span><wbr>あ<wbr>い<wbr><span class=spad></span></div> +<div class="test"><span class=spad></span>​あ​い​<span class=spad></span></div> + +<div class="test"><span class=margin><wbr>あ<wbr>い<wbr><span></div> +<div class="test"><span class=margin>​あ​い​</span></div> +<div class="test"><span class=smargin></span><wbr>あ<wbr>い<wbr><span class=smargin></span></div> +<div class="test"><span class=smargin></span>​あ​い​<span class=smargin></span></div> + +<div class="test"><span class=border><wbr>あ<wbr>い<wbr><span></div> +<div class="test"><span class=border>​あ​い​</span></div> +<div class="test"><span class=sborder></span><wbr>あ<wbr>い<wbr><span class=sborder></span></div> +<div class="test"><span class=sborder></span>​あ​い​<span class=sborder></span></div> + +<div id=ref class=pad>あ い</div> |