<html>

<head>

<style>
body { font-size: 24px }
.explanation { 
    margin-bottom: 24px;
}
.scenario { margin-bottom: 16px }
.scenario:first-line { font-weight: bold }
.expected-results:first-line { font-weight: bold }
</style>

<script src='../editing.js'></script>

<script>
function editingTest()
{
    moveSelectionForwardByWordCommand(); // cursor after "one"
    moveSelectionForwardByWordCommand(); // cursor after "five"
    moveSelectionForwardByCharacterCommand();
    if (window.eventSender)
        eventSender.keyDown("o", ["ctrlKey"]);
}
</script>

<title>Editing Test for Control-O</title>

</head>

<body onload="runEditingTest()">

<div class="explanation">
<div class="scenario">Tests:<br>Key binding for control-O</div>
<div class="expected-results">Expected results:<br>one five |<br>two three four</div>
</div>

<div contenteditable id="root" class="editing">
<div id="test">one five two three four</div>
</div>

</body>

</html>