1
    2
    3
    4
    5
    6
    7
    8
    9
   10
   11
   12
   13
   14
   15
   16
   17
   18
   19
   20
   21
   22
   23
   24
   25
   26
   27
   28
   29
   30
   31
   32
   33
   34
   35
   36
   37
   38
   39
   40
   41
   42
   43
   44
   45
   46
   47
   48
   49
   50
   51
   52
   53
   54
   55
   56
   57


content / test / data / page_with_input_field.html [blame]

<!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>