<html>
<head>
<title></title>
</head>
<body>
<p>This tests that calling input-method functions sends Composition Events and Text Events introduced in DOM Level 3.</p>
<p>To test manually, enable an IME, input CJK characters, and see this page doesn't show 'FAILED' lines.</p>
<input id="test" type="text"/>
<ul id="console"></ul>
<script language="javascript" type="text/javascript">
function log(str) {
   var li = document.createElement('li');
   li.appendChild(document.createTextNode(str));
   var console = document.getElementById('console');
   console.appendChild(li);
}

function logEvent(e) {
    var target = e.target;
    var type = e.type;
    if (e.type == 'compositionstart' || e.type == 'compositionupdate' || e.type == 'compositionend' || e.type == 'textInput')
        log('SUCCESS: ' + target.tagName + ' - ' + e.type + ' - "' + e.data + '"');
    else
        log('FAILED: ' + target.tagName + ' - ' + e.type + ' - "' + e.data + '"');
}

var test = document.getElementById('test');
test.focus();

if (window.testRunner) {
    testRunner.dumpAsText();

    // Add event listeners to the <input> node.
    test.addEventListener("compositionstart", logEvent, false);
    test.addEventListener("compositionupdate", logEvent, false);
    test.addEventListener("compositionend", logEvent, false);
    test.addEventListener("textInput", logEvent, false);

    // Case 1: Compose a text and commit it.
    textInputController.setMarkedText('1', 0, 1);
    textInputController.setMarkedText('2', 0, 1);
    textInputController.setMarkedText('3', 0, 1);
    textInputController.insertText('4');

    // Case 2: Compose a text but cancel it.
    textInputController.setMarkedText('5', 0, 1);
    textInputController.setMarkedText('6', 0, 1);
    textInputController.setMarkedText('7', 0, 1);
    textInputController.setMarkedText('', 0, 0);

    // Case 3: Insert a text without composition.
    textInputController.insertText('8');

    // Case 4: Compose a text and commit it by removing the mark.
    // Only Mac and Chromium ports support unmarkText.
    if (textInputController.unmarkText) {
        textInputController.setMarkedText('9', 0, 1);
        textInputController.unmarkText();
    }

    // Case 5: Compose a text on selection and commit it.
    test.value = 'I have a pen';
    test.selectionStart = 2;
    test.selectionEnd = 6;
    textInputController.setMarkedText('lost', 0, 1);
    textInputController.insertText('made');
    if (test.value == 'I made a pen')
        log('SUCCESS: ' + test.value);
    else
        log('FAILURE: ' + test.value + ' is not "I made a pen".');
}
</script>
</body>
</html>