<!DOCTYPE html>
<html>
<body>
<div id="test" contenteditable="true">
&#x1F48B;&#x200D;&#x1F468;&#x261D;&#xFE0F;&#x1F3FB;&#x270D;&#x1F3FE;&#x26F9;&#x1F3FE;&#x1F590;&#x1F3FE;&#x1F595;&#x1F3FE;&#x1F918;&#x1F3FE;&#x1F441;&#x200D;&#x1F5E8;&#x1F3CB;&#x1F3FE;&#x1F468;&zwj;&#x1F466;&#x1F468;&zwj;&#x1F466;&zwj;&#x1F466;&#x1F468;&zwj;&#x1F467;&#x1F468;&zwj;&#x1F467;&zwj;&#x1F466;
</div>
<script src="../../resources/dump-as-markup.js"></script>
<script>
Markup.description("This test verifies that deletions are correct over emoji groups and emoji with variations");
var testElement = document.getElementById('test');
getSelection().setBaseAndExtent(testElement.firstChild, testElement.firstChild.length, testElement.firstChild, testElement.firstChild.length);
Markup.dump("test");
while (testElement.firstChild.length) {
    document.execCommand("Delete");
    Markup.dump("test");
}

</script>
</body>
</html>