<?xml version="1.0"?>
<?xml-stylesheet href="chrome://global/skin" type="text/css"?>
<?xml-stylesheet href="chrome://mochikit/content/tests/SimpleTest/test.css"
                 type="text/css"?>

<?xml-stylesheet href="chrome://browser/content/browser.css"
                 type="text/css"?>

<window xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
        title="Accessible focus testing">

  <script type="application/javascript"
          src="chrome://mochikit/content/tests/SimpleTest/SimpleTest.js" />
  <script type="application/javascript"
          src="chrome://mochikit/content/tests/SimpleTest/EventUtils.js"/>

  <script type="application/javascript"
          src="../common.js" />
  <script type="application/javascript"
          src="../states.js" />
  <script type="application/javascript"
          src="../events.js" />

  <script type="application/javascript"
          src="../treeview.js" />

  <script type="application/javascript">
  <![CDATA[
    ////////////////////////////////////////////////////////////////////////////
    // Invokers

    function setTreeView(aTreeID, aView)
    {
      this.DOMNode = getNode(aTreeID);

      this.eventSeq = [
        new invokerChecker(EVENT_REORDER, this.DOMNode)
      ];

      this.invoke = function setTreeView_invoke()
      {
        this.DOMNode.treeBoxObject.view = aView;
      }

      this.getID = function setTreeView_getID()
        { return "set tree view for " + prettyName(aTreeID); }
    };

    function takeFocusInvoker(aID, aArgConverterFunc)
    {
      this.targetFunc = aArgConverterFunc ? aArgConverterFunc : getAccessible;

      this.eventSeq = [ new focusChecker(this.targetFunc, aID) ];

      this.invoke = function takeFocusInvoker_invoke()
      {
        this.targetFunc.call(null, aID).takeFocus();
      }

      this.getID = function takeFocusInvoker_getID()
      {
        return "takeFocus for " + prettyName(aID);
      }
    }

    function getLastChild(aID)
    {
      return getAccessible(aID).lastChild;
    }

    ////////////////////////////////////////////////////////////////////////////
    // Tests

    //gA11yEventDumpID = "eventdump"; // debug stuff
    //gA11yEventDumpToConsole = true; // debug stuff

    var gQueue = null;
    function doTests()
    {
      // Test focus events.
      gQueue = new eventQueue();

      gQueue.push(new setTreeView("tree", new nsTableTreeView(5)));
      gQueue.push(new takeFocusInvoker("tree", getLastChild));
      gQueue.push(new takeFocusInvoker("listitem2"));

      gQueue.invoke(); // Will call SimpleTest.finish();
    }

    SimpleTest.waitForExplicitFinish();
    addA11yLoadEvent(doTests);
  ]]>
  </script>

  <hbox flex="1" style="overflow: auto;">
    <body xmlns="http://www.w3.org/1999/xhtml">
      <a target="_blank"
         href="https://bugzilla.mozilla.org/show_bug.cgi?id=706067"
         title="Make takeFocus work on widget items">
        Mozilla Bug 706067
      </a>
      <p id="display"></p>
      <div id="content" style="display: none"></div>
      <pre id="test">
      </pre>
    </body>

    <vbox flex="1">
      <tree id="tree" flex="1">
        <treecols>
          <treecol id="col1" flex="1" primary="true" label="column"/>
          <treecol id="col2" flex="1" label="column 2"/>
        </treecols>
        <treechildren id="treechildren"/>
      </tree>

      <listbox id="listbox">
        <listitem id="listitem1">item1</listitem>
        <listitem id="listitem2">item2</listitem>
      </listbox>

      <vbox id="eventdump"/>
    </vbox>
  </hbox>
</window>
