focus-navigation-slot-nested.html

Enable keyboard shortcuts

This WPT test may be referenced by the following Test IDs:
- /shadow-dom/focus-navigation/focus-navigation-slot-nested.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-vendor.js"></script>

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

<script src="resources/shadow-dom.js"></script>

<script src="resources/focus-utils.js"></script>

<div id="log"></div>

<!--

This test case is based on the crbug.com/618587 reproduction case:

http://jsbin.com/bonudiwagu/1/edit?html,output

-->

<input id='i0'>

<div id='x-foo'>

  <template data-mode='open'>

    <input id='inner-before'>

    <slot></slot>

    <input id='inner-after'>

  </template>

  <div id='nested'>

    <template data-mode='open'>

      <input id='nested-x'>

      <slot></slot>

      <input id='nested-y'>

    </template>

    <input id='light'>

  </div>

</div>

<input id='i1'>

<script>

promise_test(async () => {

  var xFoo = document.querySelector('#x-foo');

  convertTemplatesToShadowRootsWithin(xFoo);

  var elements = [

    'i0',

    'x-foo/inner-before',

    'nested/nested-x',

    'light',

    'nested/nested-y',

    'x-foo/inner-after',

    'i1'

];

  await assert_focus_navigation_bidirectional(elements);

}, 'Focus controller should treat each slot as a focus scope.');

</script>