datetimelocal-multiple-fields-value-set-24hr.html

<!DOCTYPE html>
<body>
<script src="../../../resources/testharness.js"></script>
<script src="../../../resources/testharnessreport.js"></script>
<script src="../resources/common.js"></script>
<script>

input = document.createElement('input');
input.type = 'datetime-local';
input.step = '60';
document.body.appendChild(input);

function testTimeRollover(key1, key2, expected) {
  test(() => {
    input.value = "2020-08-21T00:00:00";
    input.focus();
    for (let i = 0; i < 3; i++)
      eventSender.keyDown('ArrowRight');
    eventSender.keyDown(key1);
    eventSender.keyDown(key2);
    assert_equals(input.value, '2020-08-21T' + expected);
    input.blur();
  }, `Putting ${key1} ${key2} to the hour field should set ${expected}`);
}

testTimeRollover('0', '1', '01:00');
testTimeRollover('1', '2', '00:00');
testTimeRollover('1', '3', '13:00');
testTimeRollover('1', '9', '19:00');
// 20+ is 2:--am
testTimeRollover('2', '3', '02:03');

</script>
</body>

chromium/third_party/blink/web_tests/fast/forms/datetimelocal-multiple-fields/datetimelocal-multiple-fields-value-set-24hr.html