LayoutTests/editing/execCommand/indent-nested-lists-1.html - WebKit - Git at Google

 <html>
 <body>
 <div>
 This tests indenting "three".  You should see numbers 1 and 2 before "three" and "four" respectively.
 <ol id="e" contenteditable="true">
 <li>one</li>
 <li>two</li>
 <li id="test">three</li>
 <ol><li>four</li></ol>
 </ol>
 </div>

 <ul>
 <li>Before:<span id="c1"></span></li>
 <li>After:<span id="c2"></span></li>
 </ul>

 <script type="text/javascript">

 if (window.testRunner) {
     testRunner.dumpEditingCallbacks();
     testRunner.dumpAsText();
 }

 var e = document.getElementById('e');

 document.getElementById('c1').appendChild(document.createTextNode(e.innerHTML));

 var s = window.getSelection();
 var r = document.createRange();
 r.selectNode(document.getElementById('test'));
 s.removeAllRanges();
 s.addRange(r);
 document.execCommand("Indent", false, "");

 document.getElementById('c2').appendChild(document.createTextNode(e.innerHTML));

 </script>
	<html>
	<body>
	<div>
	This tests indenting "three". You should see numbers 1 and 2 before "three" and "four" respectively.
	<ol id="e" contenteditable="true">
	<li>one</li>
	<li>two</li>
	<li id="test">three</li>
	<ol><li>four</li></ol>
	</ol>
	</div>

	<ul>
	<li>Before:<span id="c1"></span></li>
	<li>After:<span id="c2"></span></li>
	</ul>

	<script type="text/javascript">

	if (window.testRunner) {
	testRunner.dumpEditingCallbacks();
	testRunner.dumpAsText();
	}

	var e = document.getElementById('e');

	document.getElementById('c1').appendChild(document.createTextNode(e.innerHTML));

	var s = window.getSelection();
	var r = document.createRange();
	r.selectNode(document.getElementById('test'));
	s.removeAllRanges();
	s.addRange(r);
	document.execCommand("Indent", false, "");

	document.getElementById('c2').appendChild(document.createTextNode(e.innerHTML));

	</script>