blob: 523a572460f8ab74b13561b6e915f3c6fe0a2cfc [file] [log] [blame]
<!DOCTYPE html>
<script src="../../resources/js-test.js"></script>
<style>
.grid { display: grid; }
.intrinsicSize { height: -webkit-min-content; }
.fixedSize { height: 1px; }
</style>
<div id="targetAuto" class="grid" contentEditable>T</div>
<div id="targetFixed" class="grid fixedSize" contentEditable>T</div>
<div id="targetIntrinsic" class="grid intrinsicSize" contentEditable>T</div>
<script>
var targetDiv;
function runEditTest(id) {
targetDiv = document.getElementById(id);
targetDiv.focus();
// Move cursor to the end of line.
getSelection().modify('move', 'forward', 'lineboundary');
document.execCommand("insertText", false, "EST");
shouldBeEqualToString("targetDiv.innerText", "TEST");
document.execCommand("delete");
document.execCommand("delete");
document.execCommand("delete");
document.execCommand("delete");
shouldBeEmptyString("targetDiv.innerText");
document.execCommand("insertText", false, "TEST");
shouldBeEqualToString("targetDiv.innerText", "TEST");
}
runEditTest('targetAuto');
runEditTest('targetFixed');
runEditTest('targetIntrinsic');
</script>