chromium/src/third_party/blink/web_tests/http/tests/devtools/unit/tabbed-pane.js

(async function() {
  TestRunner.addResult("This tests if the TabbedPane is keyboard navigable.");

  class FocusableWidget extends UI.Widget {
    constructor(name) {
      super();
      this.element.tabIndex = -1;
      this.element.textContent = name;
      this.setDefaultFocusedElement(this.element);
    }
  }

  var tabbedPane = new UI.TabbedPane();
  tabbedPane.show(UI.inspectorView.element);
  TestRunner.addSnifferPromise(tabbedPane, '_innerUpdateTabElements').then(tabsAdded);
  for (var i = 0; i < 10; i++)
    tabbedPane.appendTab(i.toString(), 'Tab ' + i, new FocusableWidget('Widget ' + i));

  function tabsAdded() {
    tabbedPane._currentTab.tabElement.focus();
    dumpFocus();
    TestRunner.addResult('Moving right and wrapping around');
    for (var i = 0; i < 20; i++)
      right();
    TestRunner.addResult('Moving left and focusing widgets')
    for (var i = 0; i < 10; i++) {
      left();
      enter();
      tabbedPane._currentTab.tabElement.focus();
    }
    TestRunner.completeTest();
  }

  function right() {
    var element = document.deepActiveElement();
    if (element)
      element.dispatchEvent(TestRunner.createKeyEvent('ArrowRight'));
    dumpFocus();
  }

  function left() {
    var element = document.deepActiveElement();
    if (element)
      element.dispatchEvent(TestRunner.createKeyEvent('ArrowLeft'));
    dumpFocus();
  }

  function enter() {
    var element = document.deepActiveElement();
    if (element)
      element.dispatchEvent(TestRunner.createKeyEvent('Enter'));
    dumpFocus();
  }


  function dumpFocus() {
    var element = document.deepActiveElement();
    if (!element) {
      TestRunner.addResult("null");
      return;
    }
    TestRunner.addResult(element.textContent);
  }

})();