Blitz - WPT: white-space-trim-discard-inner-001.xht

wpt / css / css-text / white-space / white-space-trim-discard-inner-001.xht

/css/css-text/white-space/white-space-trim-discard-inner-001.xht

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<title>CSS Test: white-space-trim - discard-inner - basic cases</title>
		<link rel="author" title="Satoshi Umehara" href="mailto:umehara@est.co.jp" />
		<link rel="help" title="CSS Text Level 4: 3.2. White Space Trimming: the ‘white-space-trim’ property" href="https://drafts.csswg.org/css-text-4/#white-space-trim" />
		<link rel="match" href="reference/white-space-trim-discard-inner-001-ref.xht"/>
		<meta name="assert" content="The UA should discard all white space at the beginning of a block and all white space at the end of a block when white-space-trim is set to discard-inner." />
		<style type="text/css">
			<![CDATA[
				.test span {
					white-space-trim: discard-inner;
				}
				/* the CSS below is not part of the test */
				div {
					color: Blue;
				}
			]]>
		</style>
	</head>
	<body>
		<p>
			Test passes if each text positions in the first line match the corresponding positions in the second line.
		</p>
		<div>
			<div class="test">
				[<span>        1        2        </span>]
				[<span>　　3　　4　　</span>]
				[<span>				5				6				</span>]
				[<span>

7

8

</span>]
			</div>
			<div>
				[<span>1        2</span>]
				[<span>　　3　　4　　</span>]
				[<span>5				6</span>]
				[<span>7

8</span>]
			</div>
		</div>
	</body>
</html>

/css/css-text/white-space/reference/white-space-trim-discard-inner-001-ref.xht

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<title>CSS Test: white-space-trim - discard-inner - basic cases Reftest Reference</title>
		<link rel="author" title="Satoshi Umehara" href="mailto:umehara@est.co.jp" />
		<style type="text/css">
			<![CDATA[
				span {
					color: Blue;
				}
			]]>
		</style>
	</head>
	<body>
		<p>
			Test passes if each text positions in the first line match the corresponding positions in the second line.
		</p>
			<div>
				[<span>1        2</span>]
				[<span>　　3　　4　　</span>]
				[<span>5				6</span>]
				[<span>7

8</span>]
			</div>
			<div>
				[<span>1        2</span>]
				[<span>　　3　　4　　</span>]
				[<span>5				6</span>]
				[<span>7

8</span>]
			</div>
	</body>
</html>