blob: 1f324db84cad17dd22d08b66fd21f2d0b76ed0ed [file] [log] [blame]
<!DOCTYPE html>
<html>
<head>
<script src="../../resources/js-test-pre.js"></script>
</head>
<body>
<div id="editable" contenteditable onbeforeinput=handleInput(event) oninput=handleInput(event)></div>
<script type="text/javascript">
description("To manually test this, change the foreground color and check the resulting debug messages.");
document.getElementById("editable").focus();
if (window.testRunner) {
// FIXME: The value argument is passed twice here for compatibility with DumpRenderTree. We should address
// this if we require more editing tests that need to pass arguments to the editing command.
testRunner.execCommand("ForeColor", "rgb(255, 255, 255)", "rgb(255, 255, 255)");
testRunner.execCommand("ForeColor", "rgb(100, 255, 0)", "rgb(100, 255, 0)");
testRunner.execCommand("ForeColor", "rgb(0, 0, 0)", "rgb(0, 0, 0)");
testRunner.execCommand("ForeColor", "rgb(255, 0, 0)", "rgb(255, 0, 0)");
}
function handleInput(event)
{
debug(`event.type = ${event.type}`);
debug(`event.inputType = ${event.inputType}`);
debug(`event.data = ${event.data}`);
}
</script>
<script src="../../resources/js-test-post.js"></script>
</body>
</html>