hover-on-moving-mouse-checkbox-to-parent-label.html

<!DOCTYPE html>
<html>
<head>
<script src="../resources/common.js"></script>
<script>
function startTest() {
    var label = document.getElementById("label");
    var checkbox = document.getElementById("checkbox");
    // Move mouse to checkbox.
    hoverOverElement(checkbox);
    // Move mouse to text after checkbox.
    hoverOverElement(label);
}
</script>
<style>
input[type=checkbox]:hover {
    box-shadow: inset 5px 5px 5px rgba(0,255,0,1.0);
}
</style>
</head>
<body onload="startTest()">
<label id="label"><input id="checkbox" type="checkbox" /> Test</label>
</body>
</html>

chromium/third_party/blink/web_tests/fast/forms/label/hover-on-moving-mouse-checkbox-to-parent-label.html