<!DOCTYPE html>

<div id="0">Click handler</div>
<div id="1">Keydown handler</div>
<div id="2">Keypress handler</div>
<div id="3">Keyup handler</div>
<div id="4">Mouseover handler</div>
<div id="5">Mouseenter handler</div>
<div id="6" tabindex="-1">Negative tabindex with click handler</div>

<script src="../../resources/testharness.js"></script>
<script src="../../resources/testharnessreport.js"></script>
<script src="resources/snav-testharness.js"></script>
<script>
  const divs = document.getElementsByTagName("div");
  const noop = () => { };
  divs[0].addEventListener('click', noop);
  divs[1].addEventListener('keydown', noop);
  divs[2].addEventListener('keypress', noop);
  divs[3].addEventListener('keyup', noop);
  divs[4].addEventListener('mouseover', noop);
  divs[5].addEventListener('mouseenter', noop);
  divs[6].addEventListener('click', noop);

  var resultMap = [
    ["Down", "0"],
    ["Down", "1"],
    ["Down", "2"],
    ["Down", "3"],
    ["Down", "4"],
    ["Down", "5"],
    ["Down", "5"]
  ];

  // Start at a known place.
  snav.assertFocusMoves(resultMap);
</script>