<!DOCTYPE html>
<html>
<body>
<div id="test" contenteditable="true">
&#x1F3C3;&#x1F3FD;&zwj;&#x2642;&#xFE0F;&#x1F3C3;&#x1F3FD;&zwj;&#x2642;&#x1F3C3;&#x1F3FD;&#x1F3C3;&#x1F3FE;&zwj;&#x2640;&#xFE0F;&#x1F3C3;&#x1F3FE;&zwj;&#x2640;&#x1F3C3;&#x1F3FE;&zwj;&#x2642;&#xFE0F;&#x1F3C3;&#x1F3FE;&zwj;&#x2642;&#x1F3C3;&#x1F3FE;&#x1F3C3;&#x1F3FF;&zwj;&#x2640;&#xFE0F;&#x1F3C3;&#x1F3FF;&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>