page_with_input_field.html | Explore in Territory

<!DOCTYPE html>
<html>
<head>
<script src="./result_queue.js"></script>
<script>

var resultQueue = new ResultQueue();

function focusInputField() {
  var inputField = document.getElementById("text-field");
  inputField.focus();
  return resultQueue.pop();
}

function getInputFieldText() {
  var inputField = document.getElementById("text-field");
  return inputField.value;
}

async function waitForBlur() {
  while (true) {
    const result = await resultQueue.pop();
    if (result == "input-blur") {
      return true;
    }
  }
}

async function waitForInput() {
  while (true) {
    const result = await resultQueue.pop();
    if (result != "input-focus" && result != "input-blur") {
      return result;
    }
  }
}

function onInputFocus() {
  resultQueue.push("input-focus");
}

function onInputBlur() {
  resultQueue.push("input-blur");
}

</script>
</head>

<body>
This page has a cross-site iframe and a text input field.
<input type='text' id='text-field'
       onfocus="onInputFocus()" onblur="onInputBlur()"
       style="width: 120px;height: 20px;"><br>
<iframe id='subframe' src="/cross-site/b.com/page_with_blur.html"></iframe>
</body>
</html>
chromium/content/test/data/page_with_input_field.html
