<!DOCTYPE html>
<html>
<head>
<script type="application/javascript" src="/tests/SimpleTest/EventUtils.js"></script>
<script>
function doIs(arg1, arg2, arg3) {
window.parent.postMessage("t " + encodeURIComponent(arg1) + " " +
encodeURIComponent(arg2) + " " +
encodeURIComponent(arg3), "*");
}
function $(arg) { return document.getElementById(arg); }
window.addEventListener("message",
function(evt) {
var t = $("target");
if (evt.data == "start") {
doIs(t.value, "Test", "Shouldn't have lost our initial value");
t.focus();
sendString("Foo");
doIs(t.value, "FooTest", "Typing should work");
window.parent.postMessage("c", "*");
} else {
doIs(evt.data, "continue", "Unexpected message");
doIs(t.value, "FooTest", "Shouldn't have lost our typed value");
sendString("Bar");
doIs(t.value, "FooBarTest", "Typing should still work");
window.parent.postMessage("f", "*");
}
},
"false");
</script>
</head>
<body>
<input id="target" value="Test">
</body>
</html>