LayoutTests/editing/deleting/delete-emoji-3.html - WebKit - Git at Google

 <!DOCTYPE html>
 <html>
 <body>
 <div id="test" contenteditable="true">
 &#x1F3C3;&#x1F3FB;&zwj;&#x2642;&#xFE0F;&#x1F3C3;&#x1F3FB;&zwj;&#x2642;&#x1F3C3;&#x1F3FB;&#x1F3C3;&#x1F3FC;&zwj;&#x2640;&#xFE0F;&#x1F3C3;&#x1F3FC;&zwj;&#x2640;&#x1F3C3;&#x1F3FC;&zwj;&#x2642;&#xFE0F;&#x1F3C3;&#x1F3FC;&zwj;&#x2642;&#x1F3C3;&#x1F3FC;&#x1F3C3;&#x1F3FD;&zwj;&#x2640;&#xFE0F;&#x1F3C3;&#x1F3FD;&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>
	<!DOCTYPE html>
	<html>
	<body>
	<div id="test" contenteditable="true">
	🏃🏻&zwj;♂️🏃🏻&zwj;♂🏃🏻🏃🏼&zwj;♀️🏃🏼&zwj;♀🏃🏼&zwj;♂️🏃🏼&zwj;♂🏃🏼🏃🏽&zwj;♀️🏃🏽&zwj;♀
	</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>