select-tab-navigation.tentative.html

Enable keyboard shortcuts

This WPT test may be referenced by the following Test IDs:
- /html/semantics/forms/the-select-element/select-tab-navigation.tentative.html - WPT Dashboard Interop Dashboard

<!DOCTYPE html>

<script src="/resources/testharness.js"></script>

<script src="/resources/testharnessreport.js"></script>

<script src="/resources/testdriver.js"></script>

<script src="/resources/testdriver-actions.js"></script>

<script src="/resources/testdriver-vendor.js"></script>

<input id="input1">

<select id="select">

  <option>one</option>

  <option>two</option>

  <option>three</option>

</select>

<input id="input3">

<style>

  select, ::picker(select) {

    appearance: base-select;

</style>

<script>

promise_test(async () => {

  const TAB_KEY = "\uE004";

  const input1 = document.getElementById("input1");

  const select = document.getElementById("select");

  input1.focus();

  assert_equals(document.activeElement.id, "input1", "input1 should be active");

  await test_driver.send_keys(input1, TAB_KEY);

  assert_equals(document.activeElement.id, "select", "select should be active");

  await test_driver.send_keys(select, TAB_KEY);

  assert_equals(document.activeElement.id, "input3", "input3 should be active");

}, "Check that <select> occupies just one slot in tab navigation.");

</script>