Blitz - WPT: word-break-keep-all-006.html

wpt / css / css-text / word-break / word-break-keep-all-006.html

/css/css-text/word-break/word-break-keep-all-006.html

<!doctype html>
<meta charset=utf-8>
<title>CSS-Text test: word-break keep-all does not affect punctuation</title>
<link rel="author" title="Florian Rivoal" href="https://florian.rivoal.net">
<meta name=flags content="">
<meta name=assert content="word-break:keep-all does not affect rules governing the soft wrap opportunities created by punctuation">
<link rel="match" href="reference/word-break-keep-all-005-ref.html">
<link rel=help href="https://drafts.csswg.org/css-text-3/#propdef-word-break">
<style>
div {
  width: 4em;
  word-break: keep-all;
}
span { color: transparent }
</style>

<p>This test passes if the four characters below are arranged in a two-by-two square.
<div>字字<span>、</span>字字</div>
<!--
U+3001 : IDEOGRAPHIC COMMA is made transparent for visual simplicity,
the change in color has no effect on layout.

If keep-all has no effect at all, breaks are allowed everywhere
(except before U+3001, but this has no incidence in this case)
and the result will be:
  字字、字
  字

If keep-all correctly suppresses wrapping opportunities between CJK ideographs
but also incorrectly suppresses the wrapping opportunity after U+3001,
no wrapping is possible, and the result will be:
  字字、字字
-->

/css/css-text/word-break/reference/word-break-keep-all-005-ref.html

<!doctype html>
<meta charset=utf-8>
<title>CSS-Text reference file</title>
<link rel="author" title="Florian Rivoal" href="https://florian.rivoal.net">

<p>This test passes if the four characters below are arranged in a two-by-two square.
<div>字字<br>字字</div>