LayoutTests/fast/forms/menulist-no-renderer-for-unexpected-children.html - WebKit - Git at Google

 <!DOCTYPE html>
 <script src="../../resources/js-test-pre.js"></script>
 <select size="2">
   <option>PASS</option>FAIL
 </select>
 <script>
 description('Check that a select control does not render children that are not &lt;option&gt; or &lt;optgroup&gt;.');

 var select = document.querySelector('select');

 var div = select.appendChild(document.createElement('div'));
 div.innerText = 'FAIL';
 div.style.background = 'red';

 // innerText uses the render tree, and the "FAIL" text (from either the initial
 // HTML or the dynamially inserted <div>) should not be in the render tree, thus
 // not appear.
 shouldBeEqualToString('select.innerText', '');
 </script>
 <script src="../../resources/js-test-post.js"></script>
	<!DOCTYPE html>
	<script src="../../resources/js-test-pre.js"></script>
	<select size="2">
	<option>PASS</option>FAIL
	</select>
	<script>
	description('Check that a select control does not render children that are not <option> or <optgroup>.');

	var select = document.querySelector('select');

	var div = select.appendChild(document.createElement('div'));
	div.innerText = 'FAIL';
	div.style.background = 'red';

	// innerText uses the render tree, and the "FAIL" text (from either the initial
	// HTML or the dynamially inserted <div>) should not be in the render tree, thus
	// not appear.
	shouldBeEqualToString('select.innerText', '');
	</script>
	<script src="../../resources/js-test-post.js"></script>