<!DOCTYPE html>
<html>
<body>
<div id="test" contenteditable="true">
&#x1F468;&zwj;&#x1F467;&zwj;&#x1F467;&#x1F469;&zwj;&#x1F466;&#x1F469;&zwj;&#x1F466;&zwj;&#x1F466;&#x1F469;&zwj;&#x1F467;&#x1F469;&zwj;&#x1F467;&zwj;&#x1F466;&#x1F469;&zwj;&#x1F467;&zwj;&#x1F467;&#x1F3F3;&#xFE0F;&zwj;&#x1F308;&#x1F3F3;&zwj;&#x1F308;&#x1F3C3;&#x1F3FB;&zwj;&#x2640;&#xFE0F;&#x1F3C3;&#x1F3FB;&zwj;&#x2640;
</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>