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

 <!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>
	<!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>