gesture-tapHighlight-with-box-shadow.html

<!DOCTYPE html>
<link rel="stylesheet" href="resources/link-highlight-style.css">
<style>
#main {
    width:100px;
    height:200px;
    overflow-y:auto;
    box-shadow: 0 4px 8px #d6d6d6;
}
</style>

<script>
  function runTest() {
    var clientRect = document.getElementById('item1').getBoundingClientRect();
    x = (clientRect.left + clientRect.right) / 2;
    y = (clientRect.top + clientRect.bottom) / 2;

    if (window.eventSender)
      eventSender.gestureShowPress(x, y);
  }

  window.onload = runTest;
</script>
<div id="main">
    <a id="item1" href='#'>Item Link 1</a>
    <a id="item2" href='#'>Item Link 2</a>
    <a id="item3" href='#'>Item Link 3</a>
    <a id="item4" href='#'>Item Link 4</a>
    <a id="item5" href='#'>Item Link 5</a>
    <a id="item6" href='#'>Item Link 6</a>
    <a id="item7" href='#'>Item Link 7</a>
    <a id="item8" href='#'>Item Link 8</a>
    <a id="item9" href='#'>Item Link 9</a>
    <a id="item10" href='#'>Item Link 10</a>
    <a id="item11" href='#'>Item Link 11</a>
    <a id="item12" href='#'>Item Link 12</a>
    <a id="item13" href='#'>Item Link 13</a>
    <a id="item14" href='#'>Item Link 14</a>
    <a id="item15" href='#'>Item Link 15</a>
    <a id="item16" href='#'>Item Link 16</a>
</div>

chromium/third_party/blink/web_tests/compositing/gestures/gesture-tapHighlight-with-box-shadow.html