<!DOCTYPE html>
<html>
<head>
  <title>HTML select control tests</title>
  <link rel="stylesheet" type="text/css"
        href="chrome://mochikit/content/tests/SimpleTest/test.css" />

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

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

  <script type="application/javascript">
    function doTest()
    {
      var accTree = {
        role: ROLE_LISTBOX,
        children: [
          {
            role: ROLE_GROUPING,
            children: [
              {
                role: ROLE_STATICTEXT,
                children: [ ]
              },
              {
                role: ROLE_OPTION,
                children: [
                  {
                    role: ROLE_TEXT_LEAF
                  }
                ]
              },
              {
                role: ROLE_OPTION,
                children: [
                  {
                    role: ROLE_TEXT_LEAF
                  }
                ]
              }
            ]
          },
          {
            role: ROLE_OPTION,
            children: [
              {
                role: ROLE_TEXT_LEAF
              }
            ]
          }
        ]
      };
      testAccessibleTree("listbox", accTree);

      accTree = {
        role: ROLE_COMBOBOX,
        children: [
          {
            role: ROLE_COMBOBOX_LIST,
            children: [
              {
                role: ROLE_GROUPING,
                children: [
                  {
                    role: ROLE_STATICTEXT,
                    children: [ ]
                  },
                  {
                    role: ROLE_COMBOBOX_OPTION,
                    children: [
                      {
                        role: ROLE_TEXT_LEAF
                      }
                    ]
                  },
                  {
                    role: ROLE_COMBOBOX_OPTION,
                    children: [
                      {
                        role: ROLE_TEXT_LEAF
                      }
                    ]
                  },
                ]
              },
              {
                role: ROLE_COMBOBOX_OPTION,
                children: [
                  {
                    role: ROLE_TEXT_LEAF
                  }
                ]
              }
            ]
          }
        ]
      };
      testAccessibleTree("combobox", accTree);

      SimpleTest.finish();
    }

    SimpleTest.waitForExplicitFinish();
    addA11yLoadEvent(doTest);
  </script>
</head>
<body>

  <a target="_blank"
     title="remove all the code in #ifdef COMBO_BOX_WITH_THREE_CHILDREN"
     href="https://bugzilla.mozilla.org/show_bug.cgi?id=506616">
    Mozilla Bug 506616
  </a>
  <p id="display"></p>
  <div id="content" style="display: none"></div>
  <pre id="test">
  </pre>

  <select id="listbox" size="4">
    <optgroup label="Colors">
      <option>Red</option>
      <option>Blue</option>
    </optgroup>
    <option>Animal</option>
  </select>

  <select id="combobox">
    <optgroup label="Colors">
      <option>Red</option>
      <option>Blue</option>
    </optgroup>
    <option>Animal</option>
  </select>
</body>
</html>