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

#mock-caret {
    height: inherit;
    width: inherit;
    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>