LayoutTests/fast/lists/calc-width-with-space.html - WebKit - Git at Google

 <head>
 <style>
      ol { margin: 0px; }
 </style>
 <script>
 function run()
 {
     // Check if the two divs aren't overflowed by checking they have
     // the same height.
     var ref = document.getElementById("ref");
     var test = document.getElementById("test");
     var result = document.getElementById("result");
     if (ref.scrollHeight == test.scrollHeight)
         result.appendChild(document.createTextNode("SUCCESS"));
     else
         result.appendChild(document.createTextNode("FAILED"));
 }

 if (window.testRunner)
     testRunner.dumpAsText();
 </script>
 </head>

 <body onload="run();">

 These two lines should look same as spaces after a list marker should
 be ignored. There are 18 characters in each line. As they are 20px
 width, the total width should be 360px + a few pixels for table.
 If the space character after the list marker in "test" isn't ignored,
 the number of characters become 19 and 370px div will be overflowed.
 Note that this test requires Ahem font.

 <div style="height: 20px; overflow-y: scroll;" id="ref">
 <table style="width: 370px; font: 20px Ahem;">
  <tr>
   <td><ol><li>XpX XpX</ol></td>
   <td><ol><li>XpX XpX</ol></td>
  </tr>
 </table>
 </div>

 <div style="height: 20px; overflow-y: scroll;" id="test">
 <table style="width: 370px; font: 20px Ahem;">
  <tr>
   <td><ol><li> XpX XpX</ol></td>
   <td><ol><li>XpX XpX</ol></td>
  </tr>
 </table>
 </div>

 <div id="result">
 </div>

 </body>
	<head>
	<style>
	ol { margin: 0px; }
	</style>
	<script>
	function run()
	{
	// Check if the two divs aren't overflowed by checking they have
	// the same height.
	var ref = document.getElementById("ref");
	var test = document.getElementById("test");
	var result = document.getElementById("result");
	if (ref.scrollHeight == test.scrollHeight)
	result.appendChild(document.createTextNode("SUCCESS"));
	else
	result.appendChild(document.createTextNode("FAILED"));
	}

	if (window.testRunner)
	testRunner.dumpAsText();
	</script>
	</head>

	<body onload="run();">

	These two lines should look same as spaces after a list marker should
	be ignored. There are 18 characters in each line. As they are 20px
	width, the total width should be 360px + a few pixels for table.
	If the space character after the list marker in "test" isn't ignored,
	the number of characters become 19 and 370px div will be overflowed.
	Note that this test requires Ahem font.

	<div style="height: 20px; overflow-y: scroll;" id="ref">
	<table style="width: 370px; font: 20px Ahem;">
	<tr>
	<td><ol><li>XpX XpX</ol></td>
	<td><ol><li>XpX XpX</ol></td>
	</tr>
	</table>
	</div>

	<div style="height: 20px; overflow-y: scroll;" id="test">
	<table style="width: 370px; font: 20px Ahem;">
	<tr>
	<td><ol><li> XpX XpX</ol></td>
	<td><ol><li>XpX XpX</ol></td>
	</tr>
	</table>
	</div>

	<div id="result">
	</div>

	</body>