<!DOCTYPE html>
<html>
<head>
<style>
#test-container {
    height: 50px;
    width: 50px;
}

#mock-caret {
    width: 50px;
    height: 100px;
    position: absolute;
    top: 136px;
    left: 8px;
    background-color: green;
}
</style>
</head>
<body>
<p>This tests that the text insertion point color represents the caret-color of the inner-most focused element regardless whether the background color of the inner-most focused element cannot be visibly differentiated from the background color of its root editable element.</p>
<div id="test-container">
    <div id="mock-caret"></div>
</div>
</body>
</html>
