snav-checkbox-radio.html | Explore in Territory

<!DOCTYPE html>
<script src='../../resources/testharness.js'></script>
<script src='../../resources/testharnessreport.js'></script>
<script src='resources/snav-testharness.js'></script>

<div>
  <input type='checkbox' id='cb' name='checkbox' checked=''>
  <label for='checkbox'>checkbox</label>
</div>

<div>
  <input type='radio' name='r' value='A' id='a' checked=''> A<br>
  <input type='radio' name='r' value='B' id='b'> B<br>
  <input type='radio' name='r' value='C' id='c'> C
</div>

<script>
  snav.assertSnavEnabledAndTestable();
  let cb = document.getElementById('cb');
  let a = document.getElementById('a');
  let b = document.getElementById('b');
  let c = document.getElementById('c');

  test(() => {
    snav.triggerMove('Down'); // Move interest to cb.

    assert_true(cb.checked);

    eventSender.keyDown('Enter');

    assert_false(cb.checked);

    assert_true(a.checked);
    assert_false(b.checked);
    assert_false(c.checked);

    snav.triggerMove('Down');
    snav.triggerMove('Down'); // Move interest to b.

    eventSender.keyDown('Enter');

    assert_false(a.checked);
    assert_true(b.checked);
    assert_false(c.checked);

  }, 'Ensure press enter key on checkbox and radio change the check state.');

</script>
chromium/third_party/blink/web_tests/fast/spatial-navigation/snav-checkbox-radio.html
