<!doctype html>
<script src="../../resources/testharness.js"></script>
<script src="../../resources/testharnessreport.js"></script>
<script src="../assert_selection.js"></script>
<script>
selection_test(
[
'<div contenteditable>',
'abc',
'<b contenteditable="false" id="base">DEF</b>',
'ghi<span id="extent">JKL</span>mno',
'</div>',
],
selection => selection.setBaseAndExtent(
selection.document.getElementById('base'), 0,
selection.document.getElementById('extent'), 0),
[
'<div contenteditable>',
'abc',
// Note: WebKit yields "^DEF|".
'<b contenteditable="false" id="base">^DEF</b>',
'ghi<span id="extent">|JKL</span>mno',
'</div>',
],
'Select non-editable to editable');
</script>