<!DOCTYPE html>
<script src="../../../resources/testharness.js"></script>
<script src="../../../resources/testharnessreport.js"></script>
<body>
<div contenteditable id="root" class="editing">
<span id="sample">a<img src="../../resources/abe.png">new<br>
nation <i>  </i> <img src="../../resources/abe.png"> conceived<br>
nation<img src="../../resources/abe.png"></span>
</div>
<div id="log"></div>
<script>
test(function() {
    var selection = window.getSelection();
    selection.collapse(sample, 0);
    for (i = 0; i < 31; ++i)
        selection.modify('move', 'forward', 'character');
    assert_true(selection.isCollapsed, 'isCollapsed');
    assert_equals(selection.anchorNode, sample.childNodes[10], 'anchorNode');
    assert_equals(selection.anchorOffset, 7, 'anchorOffset');
});
</script>

</body>