38 lines
1.3 KiB
HTML
38 lines
1.3 KiB
HTML
<!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();
|
|
internals.settings.setInputEventsEnabled(true);
|
|
}
|
|
|
|
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>
|