blob: b7b8ee99d0521aa79accbed069dfb55d2fd807ce [file] [log] [blame]
<!DOCTYPE html>
<html>
<head>
<script src="../../resources/js-test-pre.js"></script>
</head>
<body>
<textarea id="plain" onbeforeinput=handlePlainInput(event) oninput=handlePlainInput(event)></textarea>
<div id="rich" contenteditable onbeforeinput=handleRichInput(event) oninput=handleRichInput(event)></div>
<script type="text/javascript">
description(`To manually test this, type in both the rich contenteditable and plain textarea and/or insert candidates/autocorrections.
Both elements should have data when typing normally, but only the plain textarea should have data when inserting a replacement.`);
(function() {
if (!window.internals || !window.eventSender || !window.testRunner)
return;
document.querySelector("#plain").focus();
simulateTypingWithReplacement(false);
document.querySelector("#rich").focus();
simulateTypingWithReplacement(true);
})();
function simulateTypingWithReplacement(isRich)
{
eventSender.keyDown("h", []);
eventSender.keyDown("e", []);
eventSender.keyDown("l", []);
eventSender.keyDown("o", []);
internals.handleAcceptedCandidate("hello", 0, 4);
}
function handleRichInput(event)
{
if (event.inputType === "insertText" || event.inputType === "insertReplacementText")
debug(`Rich contenteditable received '${event.type}' with inputType: '${event.inputType}' and data: '${event.data}'`);
}
function handlePlainInput(event)
{
if (event.inputType === "insertText" || event.inputType === "insertReplacementText")
debug(`Plain textarea received '${event.type}' with inputType: '${event.inputType}' and data: '${event.data}'`);
}
</script>
<script src="../../resources/js-test-post.js"></script>
</body>
</html>