<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<body style="margin: 0px;">
<div id="container" style="position: relative;">
<span id="target" style="direction: rtl !important; unicode-bidi: embed;">👍🏾</span>
</div>
This test makes sure that emoji with Fitzpatrick modifier are drawn as a single glyph. The test passes if this text you are reading right now is the only text on the page.
<script>
var fudge = 6;
var container = document.getElementById("container");
var target = document.getElementById("target");
var cover = document.createElement("div");
cover.style.position = "absolute";
cover.style.left = target.offsetLeft.toString() + "px";
cover.style.top = (target.offsetTop - fudge).toString() + "px";
cover.style.width = target.offsetWidth.toString() + "px";
cover.style.height = (target.offsetHeight + fudge).toString() + "px";
cover.style.backgroundColor = "white";
container.appendChild(cover);
</script>
</body>
</html>