blob: ca54f8294cfc2cedcd9757f2e2a36f54778e6daa [file] [log] [blame]
<!DOCTYPE html>
<html>
<body>
<p>To manually test this, select the text and change the foreground color.</p>
<p>The resulting debug message should show the input color.</p>
<div id="editable" contenteditable onbeforeinput=handleInput(event) oninput=handleInput(event)>This is some text</div>
<div id="output"></div>
<script type="text/javascript">
let write = s => output.innerHTML += s + "<br>";
if (window.internals)
testRunner.dumpAsText();
document.getElementById("editable").focus();
if (window.testRunner) {
document.execCommand("SelectAll");
setForeColor("rgb(255, 255, 255)");
setForeColor("rgb(100, 255, 0)");
setForeColor("rgb(0, 0, 0)");
setForeColor("rgb(255, 0, 0)");
}
function setForeColor(color) {
// FIXME: Color is passed twice here for compatibility with both DumpRenderTree and WebKitTestRunner.
testRunner.execCommand("ForeColor", color, color);
}
function handleInput(event)
{
if (event.inputType === "formatFontColor")
write(`Received ${event.type} event with data: "${event.data}"`);
}
</script>
</body>
</html>