Codebase Browser
chromium
Go to App

chromium/third_party/blink/web_tests/fast/forms/time/time-picker-cancel-select-value-with-keyboard.html 

<!DOCTYPE html>
<meta name=fuzzy content="maxDifference=0-3; totalPixels=0-1000">
<script src="../../../resources/testharness.js"></script>
<script src="../../../resources/testharnessreport.js"></script>
<script src="../../../resources/testdriver.js"></script>
<script src="../../../resources/testdriver-vendor.js"></script>
<script src="../resources/common.js"></script>
<script src="../resources/picker-common.js"></script>
<script src="../calendar-picker/resources/calendar-picker-common.js"></script>

<input type="time" id="time" value="14:15:02">
<script>

let t = async_test('Test cancel select value with keyboard in time popup');

function cancelSelectValue() {
  let timeElement = document.getElementById("time");
  assert_equals(timeElement.value, "14:15:02");
  assert_not_equals(internals.pagePopupWindow, null);

  // change hours value
  eventSender.keyDown('ArrowDown');
  eventSender.keyDown('ArrowDown');
  assert_equals(timeElement.value, "16:15:02");

  // move to minutes column
  eventSender.keyDown('ArrowRight');
  // change minutes value
  eventSender.keyDown('ArrowDown');
  eventSender.keyDown('ArrowDown');
  eventSender.keyDown('ArrowDown');
  assert_equals(timeElement.value, "16:18:02");

  // move to seconds column
  eventSender.keyDown('ArrowRight');
  // change seconds value
  eventSender.keyDown('ArrowUp');
  eventSender.keyDown('ArrowUp');
  eventSender.keyDown('ArrowUp');
  eventSender.keyDown('ArrowUp');
  eventSender.keyDown('ArrowUp');
  eventSender.keyDown('ArrowUp');
  assert_equals(timeElement.value, "16:18:56");

  // move to ampm column
  eventSender.keyDown('ArrowRight');
  // change ampm value
  eventSender.keyDown('ArrowDown');
  assert_equals(timeElement.value, "04:18:56");

  // First escape resets popup to original value
  eventSender.keyDown('Escape');
  assert_equals(timeElement.value, "14:15:02");

  // Second escape closes the popup
  eventSender.keyDown('Escape');
  assert_equals(internals.pagePopupWindow, null);

  t.done();
}

t.step(() => {
  openPicker(document.getElementById('time'))
  .then(t.step_func(cancelSelectValue));
});
</script>